设计导航
第六章 街头指示牌和面包屑
记住一个事实:如果在网站上找不到方向,人们不会使用你的网站。
网络导航101原则
你通常是为了寻找某个目标
你会决定先询问还是先浏览
如果选择浏览,你将会通过标志的引导在层次结构中穿行
最后,如果找不到想要的东西,你会离开
无法承受的浏览之轻
感觉不到大小;
感觉不到方向;
感觉不到位置
后退按钮是浏览器上用的最多的按钮
web导航
通过具体化网站的层次结构补偿了网站缺失的空间感,营造出某种位置的感觉。
导航的重要却易被忽视的功能:
1、它告诉我们这里有些什么
体现站点内容可能比引导我们或告诉我们位置更重要
2、它告诉我们如何使用网站
导航的职责,含蓄的告诉你该从哪里开始,你能进行哪些选择。
3、它给了我们对网站建造者的信心
清楚、规划得当的导航是网站给人留下好印象的机会。
持久导航
包括4个元素:站点ID、实用工具、栏目剧、搜索
站点ID就像建筑物的名称,可以是一个回到主页的链接
栏目有时也叫主导航条,是到达该站点主要项目的链接,即站点层次结构的最顶层
实用工具是到达网站中不属于内容层次的重要元素的链接
提供搜索,喜欢搜索的用户比喜欢浏览的用户更多
大多数用户到达一个新站点后,第一件事就是扫描页面,看有没有搜索按钮
底层导航同样重要,用户在底层页面上画的时间与顶层页面相同。
页面名称
每个页面都需要一个名称
页面名称需要出现在合适的位置
名称要引人注目
名称要和点击的链接一致。名称一样→感到安慰信任,不需要思考;名称不一样→感到挫折,信任感降低。
“你在这里”标记当前位置
要抵消网络固有的迷失感,其中一种导航方式是告诉我当前在什么位置。在Web上,这可以用突出我当前的位置来做到,不管是在页面的导航条、列表还是在菜单上。具体措施可将当前的位置在导航上面标粗\变色。保证他们突出的方式采用不止一种视觉区别——例如,使用不同的颜色并加上粗体。
层级菜单——面包屑
也会告诉你当前的位置。
最佳实践方式:把它们放在最顶层;使用>对层级进行间隔;加粗最后一个元素(最后一个元素是当前界面的名称,让它变粗正好得到了应有的突出)