maohelu的个人博客分享 http://blog.sciencenet.cn/u/maohelu

博文

Don't make me think(3)——网站导航

已有 1835 次阅读 2016-9-23 09:59 |个人分类:读书笔记|系统分类:科研笔记

网站的导航也是很需要花心思设计的地方,比如你的网站导航没做好,使用网站的人为了找到想要的东西就会像无头苍蝇一样乱撞,感觉不到方向和位置。这本书以超市购物为例说明了导航的重要性,我觉得很贴切。

我们在做计划时,总是会想象事情会按照我们规划的方式进行,而现实总会节外生枝,搞得我们措手不及。设计网页时也一样,我们总会想象人们是从主页开始,按照我们规划好的路径到达需要的页面,而现实是,人们经常会通过搜索引擎或其他网站的连接,直接进入网站的内部,如果页面导航做的不到位,就会导致不知道自己身在何处。

网站的导航涉及到以下几个方面:

(1)搜索:避免花哨的用词;如果存在混淆搜索范围的可能性,一定要把他们写出来。(比如,搜索的是整个站点,还是本网页)

(2)页面名称:每个页面都需要有一个页面名称,名称要突出,可以通过“位置、大小、颜色、留白”等方式来 实现,另外,点击某个链接进入的页面,页面名称一定要和链接名称保持一致。

(3)“你在这里”导航标识:一般在导航位置旁边放一个指示器,或者改变文字的颜色、文字使用粗体,或者按钮颜色变化。总之,使其足够突出即可。


(4)面包屑:即从主页到当前位置的路径,例如:You are here:Home>hobbies>Books。面包屑在层次复杂的大型网站或需要绑定一堆子网站的时候特别特别有必要。格式有一些需要遵守的原则:

  • 把它放在页面的最顶端

  • 使用“>”对层级进行分隔

  • 使用小字体:表明它是补充机制

  • 最后一个元素加粗,表明是当前页面

(5)标签(tab)

  • 正确的绘制:激活的标签位于最前面,用不同的颜色区分

  • 颜色编码:如果要设置每个tab页面的颜色一致,那就让tab页点开的页面颜色和tab标签选中的颜色一样

当进入网站时,应该是有一个标签处于选中状态。




https://wap.sciencenet.cn/blog-916405-1004527.html

上一篇:Don't make me think(2)——krug可用性三定律
下一篇:Don't make me think(4)——验证网站是否可用性的方法
收藏 IP: 27.223.77.*| 热度|

0

该博文允许注册用户评论 请点击登录 评论 (0 个评论)

数据加载中...
扫一扫,分享此博文

Archiver|手机版|科学网 ( 京ICP备07017567号-12 )

GMT+8, 2024-5-12 01:02

Powered by ScienceNet.cn

Copyright © 2007- 中国科学报社

返回顶部