加拿大预测网-在线预测

信息动态

网站设计是技术与创意的完美融合!

建站常识

顶部导航条

2010-07-20 08:16:00

这个可能是最简单也最常用的组件了,所以内容也不多……

原文地址ꦏ: //developer.yahoo.com/ypatternsꦬ/navigation/bar/topnav.html

解决什么问题?
用户为了完成任务需要找到必要的内容和功能.

什么时候用?
2-12个分类的时候
分类的标题相对较短并且可预测的时候
分类数量基本不会变的时候
为一个web产品展示顶级导航时
配合标签来展示二级导航
如果页面宽度很重要,用它来替代左侧导航条
通过控制导航条的状态来跟踪和展示用户当前位置很困难,成本很大时,用它来替代标签.
分类都属于一个产品时

具体解决办法是什么?
在一个水平的横条上显示一系列单行的链接,如果有网站头部,则放到头部之下.
可以通过与”标签”一起使用,在导航条中同时显示一级和二级导航
如果只使用顶部导航条,最好第一个链接是”加拿大预测网-在线预测(Home)”.应该指向网站的加拿大预测网-在线预测
但是如果顶部导航条是用在一组标签下,那么标签的第一个应该是”加拿大预测网-在线预测”并且具有同样的功能
在导航条中用留白和”管道符” “|”(或者是垂直居中的”点”,或者是简单的视觉元素)来分隔每一个分类
顶部导航条中链接的所有页面本身也一定要显示在顶部导航条
当顶部导航条数量过多时,建议使用”更多..”的链接,或者考虑使用左侧导航条
与标签一起使用来显示高级别的内容
跟左侧导航条一起使用来显示二级或三级内容

关注内容的划分范围(符合用户的心智模型)比关注页面的💛展示更重要.因为最常见的错误是将一系列没意义的内容💜归在一类.

1、尽可能降低分类之间的交集
2、让分类之间的界限尽可能的清晰(例如,很容易猜到想要的东西是否在一个分类中)
3、避免过于宽泛或者过于特殊的分类名字.

为什么使用这个组件?
顶部导航条提供给用户一种很方便,简洁分类展示方式,让用户访问品类繁多的有组织的内容

来源：//pd4.me/blog/methodology/top-navigation-bar_yahoo_🍌pattern_translate/

延伸阅读

0532-85810878 473587358 扫码添加微信

加拿大预测网-在线预测:扫码添加微信

 扫码关注公众号

加拿大预测网-在线预测:官方公众号

 2054585360