设计导航

2018-06-20  本文已影响0人  纵是风景美如画

第六章 街头指示牌和面包屑

记住一个事实:如果在网站上找不到方向,人们不会使用你的网站。

网络导航101原则

你通常是为了寻找某个目标

你会决定先询问还是先浏览

如果选择浏览,你将会通过标志的引导在层次结构中穿行

最后,如果找不到想要的东西,你会离开

无法承受的浏览之轻

感觉不到大小;

感觉不到方向;

感觉不到位置

后退按钮是浏览器上用的最多的按钮

web导航

通过具体化网站的层次结构补偿了网站缺失的空间感,营造出某种位置的感觉。

导航的重要却易被忽视的功能:

1、它告诉我们这里有些什么

体现站点内容可能比引导我们或告诉我们位置更重要

2、它告诉我们如何使用网站

导航的职责,含蓄的告诉你该从哪里开始,你能进行哪些选择。

3、它给了我们对网站建造者的信心

清楚、规划得当的导航是网站给人留下好印象的机会。

持久导航

包括4个元素:站点ID、实用工具、栏目剧、搜索

站点ID就像建筑物的名称,可以是一个回到主页的链接

栏目有时也叫主导航条,是到达该站点主要项目的链接,即站点层次结构的最顶层

实用工具是到达网站中不属于内容层次的重要元素的链接

提供搜索,喜欢搜索的用户比喜欢浏览的用户更多

大多数用户到达一个新站点后,第一件事就是扫描页面,看有没有搜索按钮

底层导航同样重要,用户在底层页面上画的时间与顶层页面相同。

页面名称

每个页面都需要一个名称

页面名称需要出现在合适的位置

名称要引人注目

名称要和点击的链接一致。名称一样→感到安慰信任,不需要思考;名称不一样→感到挫折,信任感降低。

“你在这里”标记当前位置

要抵消网络固有的迷失感,其中一种导航方式是告诉我当前在什么位置。在Web上,这可以用突出我当前的位置来做到,不管是在页面的导航条、列表还是在菜单上。具体措施可将当前的位置在导航上面标粗\变色。保证他们突出的方式采用不止一种视觉区别——例如,使用不同的颜色并加上粗体。

层级菜单——面包屑

也会告诉你当前的位置。

最佳实践方式:把它们放在最顶层;使用>对层级进行间隔;加粗最后一个元素(最后一个元素是当前界面的名称,让它变粗正好得到了应有的突出)

上一篇下一篇

猜你喜欢

热点阅读