美文网首页
B2.2- 导航设计

B2.2- 导航设计

作者: 罗尹伊 | 来源:发表于2016-03-20 11:21 被阅读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

相关文章

网友评论

      本文标题:B2.2- 导航设计

      本文链接:https://www.haomeiwen.com/subject/toehlttx.html