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

心得技巧
网站设计参考:赏心悦目的国外企业网站设计实例
阿里手机版Demo设计及UE分析
UI角度分析网页图片轮播控件Carousel Controls
交互设计理论:在网站上的空间记忆模式
设计理论:如何设计活动类网页
用户交互设计:从支付宝想到的
用户体验设计实例:阿里搜索框优化建议
交互设计实例:sohu的widget开放平台的气球设计
交互设计实例:新版支付宝个人版设计看法
产品设计:情景设计应该注意的问题
互联网社区产品设计中的关系设计问题总结
设计理论:为新手提供更好的设计
B2C电子商务网站是不是用新窗口打开链接
设计参考:基于CSS网格框架的网站设计实例
国外设计参考:以web设计为主的国外设计博客
设计理论:交互设计中色彩的运用
用户体验设计:量化用户体验
设计实例分析:Google Wave的滚动条
设计实例分享:搜狐白社会的交互设计
设计理论:用行为学知识改善服务

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


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

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

任务:设计一个网站导航

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

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

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

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

 

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

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

 

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

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

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

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