| 加入收藏

网站导航栏的设计分析

2009-06-07 11:26来源: 浏览:[]
所属专题: 网站导航条设计制作  

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

任务:设计一个网站导航栏

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

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

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

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

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

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

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

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

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



Copyright 2008 逆云网 | 粤ICP备08131116号 |关于我们 | 联系我们 |