顶部导航条提供给用户一种很便利,简练分类展现方法,让用户拜访品类繁多的有组织的内容,用户为了完成任务需要找到必要的内容和功用.
这个可能是最简单也最常用的组件了,所以内容也不多…….
解决什么问题?
用户为了完成任务需要找到必要的内容和功用.
什么时分用?
- 2-12个分类的时分
- 分类的标题相对较短而且可预测的时分
- 分类数量根本不会变的时分
- 为一个web产品展现尖端导航时
- 配合标签来展现二级导航
- 假如页面宽度很重要,用它来代替左侧导航条
- 经过控制导航条的状态来盯梢和展现用户当前方位很困难,本钱很大时,用它来代替标签.
- 分类都属于一个产品时
具体解决办法是什么?
- 在一个水平的横条上显现一系列单行的链接,假如有网站头部,则放到头部之下.
- 可以经过与”标签”一同运用,在导航条中一同显现一级和二级导航
- 假如只运用顶部导航条,最好第一个链接是”主页(Home)”.应该指向网站的主页
- 但是假如顶部导航条是用在一组标签下,那么标签的第一个应该是”主页”而且具有相同的功用
- 在导航条中用留白和”管道符” “|”(或许是垂直居中的”点”,或许是简单的视觉元素)来分隔每一个分类
- 顶部导航条中链接的所有页面自身也一定要显现在顶部导航条
- 当顶部导航条数量过多时,主张运用”更多..”的链接,或许考虑运用左侧导航条
- 与标签一同运用来显现高级其他内容
- 跟左侧导航条一同运用来显现二级或三级内容
重视内容的划分规模(契合用户的心智模型)比重视页面的展现更重要.因为最常见的错误是将一系列没含义的内容归在一类.
- 尽可能降低分类之间的交集
- 让分类之间的界限尽可能的明晰(例如,很容易猜到想要的东西是否在一个分类中)
- 避免过于广泛或许过于特殊的分类名字.
为什么运用这个组件?
顶部导航条提供给用户一种很便利,简练分类展现方法,让用户拜访品类繁多的有组织的内容 |