90 likes | 368 Views
Using Header. EVANCE@UED 2011.06. 1.Index. Why Header Rebuilding Project (H.R.J) The new header. 2 . Why H.R.J - A?. A. 头部文件数量太多 [49 个 ]. Where are you from ?. 2 . Why H.R.J - B?. B. 头部逻辑太 多:. Where are you from ?. 7 个变量, 15 种逻辑,增加 ing. 2 . Why H.R.J - C?. C. 结构设计不合理!.
E N D
Using Header EVANCE@UED2011.06
1.Index • Why Header Rebuilding Project (H.R.J) • The new header
2. Why H.R.J - A? A. 头部文件数量太多[49个] Where are you from?
2. Why H.R.J - B? B.头部逻辑太多: Where are you from? 7个变量,15种逻辑,增加ing
2. Why H.R.J - C? C.结构设计不合理! What will it lead to?
2. Why H.R.J - D? D.其他 包括应用成本高昂、网站运营策略以及用户体验等。
3. The New Header - A A. 设计原则: • 业务明了,逻辑清晰。 • 结构标准、合理。 • 内容和结构相分离。 • 简洁易用。 总而言之:修正不好的,再做更好的!
3. The New Header - B B. 结构: TopNav.vm + searcher.vm
2. Guidelines • 拒绝复制。使用topNav.vm和searcher.vm。 • 修改业务前联系到UED接口人,后续告知到涉及业务团队(开发、UED)。 • 非全局业务拒绝写入头部。 • 特殊页面的显示/隐藏通过CSS控制。 • 文档化代码业务,变更需要记录。 • 调用演示文件:layout/tpl.vm