B2.2- 导航设计
2016-03-20 本文已影响16人
罗尹伊
Chap 6 导航设计
商场里寻找货品
在网站上寻找产品
Search-dominant users vs. Link-dominant users
【物理感觉缺乏】
感觉不到网站的大小：很多页面没有看到，也无法大致感知
感觉不到网站的方向：方向指的是网站的层次结构
感觉不到自己的位置：没有一个沿途搜索的过程，是直接到达某个界面的
优势：无重状态让人愉快，故而容易在web上浪费时间。
劣势补偿：具体化网站的层次结构（导航），营造位置的感觉。
【导航用途】
导航告诉我们网站上有些什么。
导航相当于指示说明，暗示你改如何进行操作。
导航能够提升用户对于网站建造者的信心。
【导航设计原则】
① 标准化的外观，放在标准的位置。
通常包括【顶部的全局导航】+【左侧的页内导航】+【底部的站点导航】
ID + Section+Utilities+Search
用户会期望点击ID/LOGO能够回到主页 & 保持Home按钮始终可见很重要。
Utilities：注册/登录、帮助、站点地图、购物车
一定要有搜索框： 喜欢搜索的用户比喜欢浏览的用户多
② 对低层次的导航予以重视
站点流程图+ 主页及前两层的示例页面
“在开始讨论主页的配色方案之前，应道先得到网站所有潜在级别的导航示例页面”
③ 每一个页面都需要一个页面名称。
页面名称应该出现在涵盖页面内容的位置。
名称要引人注目。
页面名称要和上一级点击进入此页面的链接/按钮名称一致
④ 清楚指示当前页面所在位置（相对于整个网站结构）
真的要很明显：建议采用不只一种视觉区别
⑤ 面包屑可以告诉你从主页导当前位置的轨迹
用户最常做的2件事： 回到主页& 退到上一个页面
方便回到更高层级的内容
⑥ 标签是极少几个物理隐喻有效应用到用户界面中的例子之一
背景：人们对网页顶部的水平导航条视而不见
标签的功能不言而喻＋很难错过＋设计灵活
⑦ Trunk Test
蒙上双眼关在后备箱里，丢到荒野某处，判断自己的位置。
后备箱测试的执行过程：
后退按钮是浏览器上使用得最频繁的按钮。
点击“主页”相当于获得一次重新开始的机会。
Persistent Navigation = Global Navigation
