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

心得技巧
网页设计技巧:网页图片选择JPG格式还是GIF格式
一个好的网站和网页需要包含些什么
网页前端设计人员必备的技术列表
博客网站设计参考:主流的博客网站排版样式
LOGO设计分析:几种logo标志设计样式
实时的WEB还有多远
免费资源:15个WordPress高级免费主题
用户体验设计:Nearby Tweets改版的完整设计过程
交互设计与用户体验:满足用户需求的交互设计
亚马逊整合用户行为数据实现精准营销
网页字体在不同浏览器显示不同结果
web设计中的网页表单关于编码设计的小技巧
设计观点:领导的画圈艺术
FireFox浏览器3.6版本的新特性
对比iPhone和Windows Phone 7设计界面
网页设计参考:95个极富创意的单页设计
同时具备创意与效果的FLASH网站实例欣赏
网页设计易用性:43条网站设计中常犯的错误
视觉设计前瞻实用性研究:全方位刺激你的感官
通过css和jQuery实现facebook底部的管理面板

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


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

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

任务:设计一个网站导航

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

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

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

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

 

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

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

 

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

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

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

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