分享
 
 
 

成功网站导航的九个特征

王朝网站推广·作者佚名  2011-12-03
窄屏简体版  字體: |||超大  

本文简单介绍了成功导航的一些比较重要的特征。它们不是导航设计的万用妙法和绝对有效,但理解它们对设计导航有交互的指导作用。

1.深度与广度的平衡

在用户到达网站中的目标内容时,不要有多余点击或页面。很多时候广度比深度更重要,如果情况允许深度最好不超过3层。

如:某软件公司官网的”产品最新培训安排”页面,应”首页>服务与支持>培训”的目录下,相比较而言,用户通过”首页>培训”的路径更容易找到最新培训安排。

2.易于学习

因此也不要奢望用户花大量时间去学习导航路径,导航的意图和功能要一目了然,文字标签一定要明确,不要聪明过头让用户去猜。

最好的导航就是用户感觉不到导航的存在,很自然的找到目标页面。

如:看到向下箭头图标就知道是下载,看到购物车图标就知道是购买。

3.一致性与差异性

首先,一致性是界面设计的主要方针,但不要僵化。对重点导航可使用有差异性的字体、颜色、背景等往往能突出网站行进感和引导用户。

如:淘宝导航条,整体风格统一;但唯独”免单疯乐”,有图标标示,有文字闪烁,醒目。

4.响应

鼠标悬停时要有变化,明确定位,帮助用户选择和点击导航。

如:腾讯web2.0,鼠标悬停至”腾讯微博”的效果,告诉用户包括图标和文字的整体部分均属于导航范围。

5.效率

1)信息路径高效,不必要的点击带来多余的页面载入很让人厌烦。

a) 多点接入,如:”产品下载”在主导航、侧栏、文章中可多次引导

b) 快捷方式,如:购物网站右上角的”我的订单”

c) 逃生舱,返回首页/起始页/Top,如:面包屑导航

2)导航交互高效,不要既动眼又动手才找到导航。

如:office2010的工具导航形式比03更直观。

6.明确的标签文字

类别清晰、标签的形式一致、标签与其他文字的协调。

如:微软中文首页的几个”面向…”

7.视觉清晰

1)视觉逻辑

视觉层次能直接传达操作步骤给用户,而不用说明”先点这里,再点那里”。

2)可扫视性

对于心急的用户可迅速找到自己想要的信息,如:在软件产品网站找带有向下箭头的绿色按钮很可能就是下载导航。

3)可点击性

导航文字与非导航文字有视觉区别。

8.导航与站点类型相称

导航的成功与否,与其所在网站的类型息息相关,不能一概而论。

1)信息类网站

类似维基百科、C|Net等新闻网站,都是信息的提供者。导航是成功的关键。导航广度的展示能为此类网站提供更好的总览。针对多样的目标群体,遵守常见的设计原则能够降低学习曲线,更好地满足用户的期望。

2)电子商务网站

人们买不了他们找不到的东西。不遵守导航设计的常见原则,就会损失金钱。选项的可见性至关重要,关联性链接也是如此:它在适当时候给出相关产品的推荐。

3)企业内部系统

内部系统是组织内部交流和分享信息的工具。员工在内部网上查找信息,会占用他们的工作时间。效率很重要。但因为内部网会被重复访问,所以较长的学习曲线也可以接受。行话和缩写词可能是适当的,甚至为了提高效率是必需的。

4)社区网站

在线社区网站是人们交流想法和讨论话题的地方,导航也必须支持这些活动。在导航中可能会有许多”社区会员”的标签和用语,包括缩写词。

5)娱乐网站

对娱乐网站而言,导航中的实验性是完全可以接受的。比起新闻网站,在线游戏网站的访客会对好玩的导航更宽容。

6)学习网站

远程教育和网上培训课程越来越普遍了。一般来讲,这种网站的导航应该简单而明确。

7)识别网站

有时,一个网站的主要目的是支撑公司的形象。

9.与用户需求一致

导航的成功与目标群体及其信息需求有关,但由于目标群体庞大、迥异,而且信息需求会随时发生变化,确定信息需求并不容易。

不过针对问题总会用对应的方法。首先,确定目标人群,并将其归纳为几个主要的用户类型(角色)。其次,总结每个用户类型的主要信息需求。从而有效的导航与用户深层的目标和期望相一致,比如:

我如何能够迅速找到我想要的具体信息或产品?

我如何与网站所有者取得联系?

我如何将我找到的信息发送给我认识的人?

如:联想的主导航就很容易让用户根据自己的角色对号入座,找到想要的信息或产品。

参考资料:O’REILLY《Web导航设计》

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
2023年上半年GDP全球前十五强
 百态   2023-10-24
美众议院议长启动对拜登的弹劾调查
 百态   2023-09-13
上海、济南、武汉等多地出现不明坠落物
 探索   2023-09-06
印度或要将国名改为“巴拉特”
 百态   2023-09-06
男子为女友送行,买票不登机被捕
 百态   2023-08-20
手机地震预警功能怎么开?
 干货   2023-08-06
女子4年卖2套房花700多万做美容:不但没变美脸,面部还出现变形
 百态   2023-08-04
住户一楼被水淹 还冲来8头猪
 百态   2023-07-31
女子体内爬出大量瓜子状活虫
 百态   2023-07-25
地球连续35年收到神秘规律性信号,网友:不要回答!
 探索   2023-07-21
全球镓价格本周大涨27%
 探索   2023-07-09
钱都流向了那些不缺钱的人,苦都留给了能吃苦的人
 探索   2023-07-02
倩女手游刀客魅者强控制(强混乱强眩晕强睡眠)和对应控制抗性的关系
 百态   2020-08-20
美国5月9日最新疫情:美国确诊人数突破131万
 百态   2020-05-09
荷兰政府宣布将集体辞职
 干货   2020-04-30
倩女幽魂手游师徒任务情义春秋猜成语答案逍遥观:鹏程万里
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案神机营:射石饮羽
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案昆仑山:拔刀相助
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案天工阁:鬼斧神工
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案丝路古道:单枪匹马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:与虎谋皮
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:李代桃僵
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:指鹿为马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:小鸟依人
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:千金买邻
 干货   2019-11-12
 
推荐阅读
 
 
 
>>返回首頁<<
 
靜靜地坐在廢墟上,四周的荒凉一望無際,忽然覺得,淒涼也很美
© 2005- 王朝網路 版權所有