4

导航设计浅析

/工作相关 /2008.11.05

一说到导航每个人都不陌生,如amazon的Tab式导航、网站地图、软件中的菜单导航、索引表等等。导航设计看上去非常的简单:无非是页面上放置一些链接,通过这些链接用户可浏览和使用整个网站。事实并非如此,导航设计是非常复杂和严谨的。 下面我们以网站导航为例粗浅的分析一下导航设计的复杂性:

任务:设计一个网站导航

目标:1、提供给用户方便的网页间跳转的方法
          2、能够表达出页面之间、页面与内容之间的关系

分析:人本能的具有空间感。想象一下你现在坐在家中的沙发上看电视,突然有访客,你起身会向哪个方向走去?高中时的挚友是坐在你的前面还是后面?——不用问大家都能会快的回答出来。
同样我们在设计网站导航的时候一定要清晰地告诉访问者“他们在那哪儿”和“他们能去哪儿”
用户需要知道他们在网站信息空间当前所处的位置,我们也希望能帮助用户建立网站空间感,通过我们设计的导航系统。(之所以称为导航系统,是因为仅仅靠某一种导航模式是无法完成目标的)

设计方案:提供一个完整的导航系统,其中包括全局导航、局部导航、辅助导航、上下文导航、远程导航

全局导航:
    从网站的最终页面到达其他页面的一组关键点,无论你想去哪里,都可以在全局导航中最终到达。

 

局部导航:
    提供一个页面的父、兄、子级别的通路,是用户在网站信息空间中到附近地点的通路。局部导航的设计好坏会直接影响到整个导航系统的质量。

辅助导航:
    提供了全局导航和局部导航不能快速到达的相关内容的快捷途径。用户转移浏览方向,而不需要从头开始。

上下文导航:
    用户在阅读文本的时候,恰恰是他们需要上下文辅助信息的时候。准确的理解用户的需求,在他们阅读的时候提供一些链接(例如:文字链接),要比用户使用搜索和全局导航更高效。上下文导航的示意图与辅助导航类似,这里就不再画了。

友好导航:
    一些用户通常不会使用的链接,确实需要时又能快速有效的帮助用户。例如:联系信息、反馈表单和法律声明等。

远程导航:
    独立方式存在的导航。如,网站地图:简明的、单页网站整体结构展示。在用户被你的其他导航搞得晕头转向时,很多时候他会选择网站地图。

通过上面这些导航的设计,可以看出一个完整的导航系统设计是非常复杂的和严谨的。

(本文出自有意思Blog,转载时请注明出处)



文章评论

  1. 2008年11月5日 13:13

    希望能看到下一篇:深入分析,应用。哈哈,刘子,等你的好文

    回复

  2. Stephen

    2008年11月6日 23:09

    如果能配合一些实际案例讲解就更好了…

    回复

  3. 2008年12月14日 19:58

    希望能更细的讲一下辅助导航,感觉理解起来有点困难?辅助导航是以何种形式存在的?

    回复

  4. 流沙

    2008年12月15日 11:14

    辅助导航的图链错了,以更正。
    后续针对这些导航我再举些实例来说明吧。争取本月底之前,呵呵。

    回复

发表评论

*称呼不能为空
*请输入正确的邮箱
*内容不能为空