互联网产品交互设计:保证用户不在网站中迷路(2)
那么,我们应该怎样做,才能保证用户不在网站中迷失呢?
首先,我们要帮助用户定向,也就是确定“当前位置”。
即便GPS卫星定位系统如此强大,它都必须随时在地图上标明我们的“当前位置”,才能真正为我们导航。而与现实世界不同的是,在网络世界中没有南北之分,也没有地理位置,我们必须利用导航系统的各种因素,来为用户创造可以判断当前位置的情景:
1、 重视网站的品牌信息
用户应该一直知道自己在浏览什么网站,将组织的名称、标识、和身份识别图放进网站的所有页面中,是达到此目的最显著的方法。
2、 细节创建情景
我们可以通过页面内标题、页面文字,向用户传递当前位置的信息。浏览器标题和URL也是用户进行判断的依据。当前导航选项的高亮状态,也是常用的方式。
3、 面包屑
“面包屑”也是标明当前网站位置的好工具。此外,面包屑还能传递网站结构信息,以及记录用户的访问足迹。
4、 逃生舱模式
逃生舱模式也是帮助用户确定当前位置的一张底牌。也就是在网站的所有页面上设置统一的出口,无论什么时候,点击这里,都可以回到首页。大部分网站都把逃生舱设置在网站LOGO上,已经成为惯例了。
其次,根据用户需求,确定导航机制。
用户的需求决定了我们应当放置何种导航链接。在不同类型的页面,用户所产生的问题不尽相同。我们需要预测这些问题,然后在设计导航的时候,也问自己同样的问题。
一般情况下,用户会问:“我在哪里?”“我在这里能做什么?”“我还可以去哪里”;在电子商务网站,他们也许会问,我该如何找到想要的产品信息;具体在某一产品,他们也许会问:“我该如何联系客服人员?”“我到哪里可以找到相关产品”。
我们所要做的,并不是想出所有可能发生的问题,相应的,我们也不可能把所有问题的答案都放入页面当中。这个时候,人物角色和场景,将发挥很重要的作用。对于不同的页面,弄清楚每个用户角色要去哪里,放置他们最需要的导航。比如:你的人物角色需要随时从一个栏目跳转到另一个栏目吗?如果是的话,请保证顶级栏目的链接一直可用。
一旦确定了用户想要到达的内容,就要思考达到这一目标所需要的最简单、最容易的方案。比如在图4中,也许你的人物角色需要的,只是一个“下一组”链接。

图4
最后,通过压力测试检验页面的导航能力。
怎么样测试页面的导航能力呢?
(1) 随机从你的网站上选择一个页面;
(2) 把这个页面打印成黑白的,并把页面头部的浏览器地址栏和下面的版权及公司信息部份去掉;
(3) 假装你是第一次进入这个网站,并试图回答下面的问题(详见下列问题列表);
(4) 在一张纸上写下你所想的和答案;
问题列表:
1、这个页面是写什么内容的? 在页面的标题处画一个方形或在纸上写清楚;
2、这是个什么样的网站? 把网站的名字用圈圈起来,或者自己写在纸上;
3、这个网站主要的版块是什么? 用x标识;
4、这个页面中主要的版块是什么? 用三角形围着x来标识;
5、我怎么样到达这个网站的首页? 用H标识;
6、我怎么样才能到达网站的顶部呢? T来标识;
7、每一组链接分别代表什么? 把页面上的主要链接圈出来,并写下标识;
D:用来标识更多,详细介绍及这个版块的子页面等;
N:在同一版块的其它相邻页面;
S:在同一网站上但不相邻的页面;
O:离开这个网站的页面;
8、你是通过怎么样的路径到达这个页面的呢? 请写出你到达这个页面的路径,选择1>选择2>选择3…
让你们团队的其它成员或熟悉你网站的朋友也与你做同一试验,大家象跳伞一样的进入网站中的任意一个页面,然后把回答记在纸上,你就可以看出导航存在的问题。
关于导航压力测试更详细的内容,请参考四娘的文章,我们就不详细说明了。
参考文献
《Web信息架构:设计大型网站》 (美)莫维里,(美)罗森费尔德 著
《Web导航设计》 (美)卡尔巴赫(Kalbach,J.) 著
《Designing Interfaces》 (美)Jenifer Tidwell