当前位置: 首页 > 图文教程 > 网页制作 > 心得技巧 > 设计理论:网站导航设计的复杂性

心得技巧
网页设计欣赏:整体色彩搭配非常合理的设计实例
设计理论:浅析网页色彩应用
WEBJX收集30个优秀的成功电子商务网站设计
B2C电子商务网站的产品图片设计
B2C电子商务网站评论设计的5个不同境界
用户体验:当当网的糟糕的信息反馈页面设计
备受客户折磨的网页设计师
10条常犯的用户体验设计低级错误
10条极为糟糕的网站用户体验
全球知名logo标志设计师和他们的作品
交互设计:当当网提交订单缺货设计分析
交互设计:电子商务网站的打分模式设计心得
互联网产品设计:产品设计文档(PDD)
用户体验设计分析:一个标点的文案体验
交互设计:评价系统设计提纲
用户研究:互联网用户使用产品的习惯
视觉设计也可影响产品的功能
交互设计:适时的给用户操作提供帮助
互联网产品设计:新闻搜索的产品设计
互联网产品设计:卓越网分析报告

心得技巧 中的 设计理论:网站导航设计的复杂性


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-28   浏览: 70 ::
收藏到网摘: n/a

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

任务:设计一个网站导航

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

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

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

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

 

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

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

 

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

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

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

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