建站常识
交互设计(7)一避免迷路
2010-01-24 21:48:00
任何位置都能明确“我在哪里?这里有什么?从这里能去哪里?”
小时候,童话故事都告诉我们,迷路可不是🥂一件好事。那会伴随着困惑、沮丧、愤怒和恐惧。为了避免迷失方向,我们发明了各种导航工具,大到卫星定位系统,小到指南针,人类在这一事🧜情上,极具创意。
在网站上迷失方向,虽然不是什么生死攸关的事,但会带来许多负面影响,如:用户体验下降、任务不能完成,用户流失等。我们可以通过良好的导航系统来避免这个情况发生。好的导航系统可以❀帮助人们找到在网站中的位置,并帮助他们制定更好的查询策略,增进对内容的理解。
在制定解决方案前,先了解他们为什么会迷路:
1、当人们不能理解信息时,会产生迷惑
2、人们在查询过程中迷失,不知道下一步该做什么
3、人们可能会在网站中失去方向感,无法回到以前的页面,甚至是加拿大预测网-在线预测
图1
比如在图1的这个网站中游走,你容易陷入进退两𝔍难的境🅠地。上图中,两个点击打开的页面,都没有导航信息,甚至没有任何离开当前页面的出口。
4、 人们在在信息系统中偏离了⛎方向,分散了注意力。人们因众多的、喧宾夺主的信息而偏离了主要任务。关于这一点,可以参考交互指南之《突出重𓂃点,一目了然》
图2
图2中的登录页面,可谓琳琅满目,信息的丰富程度毫不逊色于加拿大预测网-🔯在线预测,难道设计者的目的,是希望用户放弃登录这个主要任务,去往“更重要”的地方吗?
你也许会想,让用户不要迷路,不是非常简单的事情吗,我只要在所有页面中放入全局导航,使他们能在𝓀网站的核心内容之间移动。然༺后放入面包屑,让他们了解自己所处的位置,一切不就完事大吉了。
但事实上果真如此吗?全局导航也许能帮助用户了解你网站的核心内容,但在具体的任务中,比如图🅘3中的淘宝全局导航,如果放入在挑选商品或支付的页ꦑ面中,恐怕非但不能指引用户,还会干扰到任务的完成。
图3
小心,别让自己陷入导航系统的过度设计中去。我们所要做的,是使用人物角色和场景作为参考,确定人物角色ꦕ会选择的到达内容的最佳路线,而不是提供所有线路,更不需要将网站的全部结构复制到每个页面当中,造成页面信息负担。好的导航系统让人们感知不到它的存在。就好象在观看体育比赛时,裁判会做出许多正确的判定,而我们往往忽略他的存在,但一旦裁判员做出了一个🧸错误的判决,就会引来场上观众的一片唏嘘。
那么,我们应该怎样做,才能保证用户不在网站中迷失呢?
#p#首先,我们要帮助用户定向,也就是确定“当前位置”。
即便GPS🥀卫星定位系统如此强大,它都必须随时在地图上标明我们的“当前位置”,🎃才能真正为我们导航。而与现实世界不同的是,在网络世界中没有南北之分,也没有地理位置,我们必须利用导航系统的各种因素,来为用户创造可以判断当前位置的情景:
1、 重视网站的品牌信息
用户应该一直知道自己在浏൲览什么网站,将组织的名称、标识、和身份识别图放进网站的所有页面中,是达到此目的最显著的方法。
2、 细节创建情景
我们可以🍸通过页面内标题、页面文字,ജ向用户传递当前位置的信息。浏览器标题和URL也是用户进行判断的依据。当前导航选项的高亮状态,也是常用的方式。
3、 面包屑
“面包屑”也是标明当前🐓网站位置的好工具。此外,面包屑还能传递网站结构信息,以及记录用户的访问足迹。
4、 逃生舱模式
逃生舱模式也是帮助用户确定当前位置的一张底牌。也就是在网站的所有页面上设置统一的出口,无论什么时候,点击这里,都可以回到加拿大预测网-在线预测。大部分网站都把逃生舱设✱置在网站LOGO上,已经成为惯例了。
其次,根据用户需求,确定导航模式。
用户的需求决定了我们应当放置何种导航链接。在不同类型的页꧃面,用户所产生的问题不尽相同。我们需ꦓ要预测这些问题,然后在设计导航的时候,也问自己同样的问题。
一般情况下,🔜用户会问:“我在哪里?”“我在这里能做什么?”“我还可以去哪里”;在电子商务网站,他们也许会问,我该如何找到想要的产品信息;具体在某一产品,他们也许会问:“我该如何联系客服人员?”“✱我到哪里可以找到相关产品”。
我们所要做的,并不是想出所有可能发生的问题,相应的,我𒀰们也不可能把所有问题的答案都放入页面当中。这个时候,人物角色和场景,将发挥很ꦿ重要的作用。对于不同的页面,弄清楚每个用户角色要去哪里,放置他们最需要的导航。比如:你的人物角色需要随时从一个栏目跳转到另一个栏目吗?如果是的话,请保证顶级栏目的链接一直可用。
一旦确定了用户想要到达的内容,就要思考🐠达到这一目标所需要的最简单、最容易的方案。比如在图4中,也许你的人物角色需要的,只是一个“下一组”链接。
图4
最后,通过压力测试检验页面的导航能力。
怎么样测试这个页面的导航能力呢?
(1) 随机从你的网站上选择一个页面;
(2) 把这个页面打印成黑白的,并把页面头部的浏览器地址栏和下面的版权及公司信息部份去掉;
(3) 假装你是第一次进入这个网站,并试图回答下面的问题(详见下列问题列表);
(4) 在一张纸上写下你所想的和答案;
问题列表:
1、这个页面是写什么内容的? 在页面的标题处画一个方形或在纸上写清楚;
2、这是个什么样的网站? 把网站的名字用圈圈起来,或者自己写在纸上;
3、这个网站主要的版块是什么? 用x标识;
4、这个页面中主要的版块是什么? 用三角形围着x来标识;
5、我怎么样到达这个网站的加拿大预测网-在线预测? 用H标识;
6、我怎么样才能到达网站的顶部呢? T来标识;
7、每一组链接分别代表什么? 把页面上的主要链接圈出来,并写下标识;
D:用来标识更多,详细介绍及这个版块的子页面等;
N:在同一版块的其它相邻页面;
S:在同一网站上但不相邻的页面;
O:离开这个网站的页面;
8、你是通过怎么样的🎶路径到达这个页面的呢? 请写出你到达这个页面的路径,选择1>选择2>꧂选择3…
让你们团队的其它成员或熟悉ജ你网站的朋友也ꦅ与你做同一试验,大家象跳伞一样的进入网站中的任意一个页面,然后把回答记在纸上,你就可以看出导航存在的问题。
关于导航压力测试更详细的内容,请参考四娘的文章,我们就不详细说明了。
原文://ued.♏taobao.com/blog/2010/01/22/the-practice-guidelines-of-interaction-design-avoid-g🍃etting-lost/
近期更新
- [2025-02-11 14:34:54] 加拿大预测网-在线预测:青岛高端网站定制化设计
- [2023-06-25 23:22:29] 加拿大预测网-在线预测:优秀网站设计的五大特点
- [2023-04-27 14:05:55] 加拿大预测网-在线预测:Html 5 响应式网站设计制作
- [2023-04-10 11:07:30] 加拿大预测网-在线预测: 网站建设制作流程知多少
- [2022-10-14 10:11:30] 加拿大预测网-在线预测:做网站设计应该更看重框架搭建还是视觉观感?
- [2022-08-09 15:57:48] 加拿大预测网-在线预测:以“产品”思维搭建网站!
- [2022-08-08 09:12:57] 加拿大预测网-在线预测:一家公司的网站应该有哪些板块内容?
- [2022-08-05 09:28:06] 加拿大预测网-在线预测:企业网站建设为什么要设置新闻板块?
- [2022-07-04 15:58:06] 加拿大预测网-在线预测:网站加拿大预测网-在线预测设计的好看,这个网站就成功了一大半!
- [2022-05-20 09:34:19] 加拿大预测网-在线预测:网站后台管理系统是什么?有什么作用?
- [2022-05-17 11:29:32] 加拿大预测网-在线预测:作为消费者,应该如何选择一家水平高的网站建设公司
- [2022-05-17 11:27:01] 加拿大预测网-在线预测:高端网站定制与模板化网站应该怎么选择?
延伸阅读
- [2010-11-15 08:26:00] 读设计看需求
- [2009-10-21 08:10:00] 加拿大预测网-在线预测:设计师挖掘用户需求浅谈
- [2009-07-13 08:26:00] 加拿大预测网-在线预测:交互设计模式(一)-前言
- [2010-07-01 08:18:00] 加拿大预测网-在线预测:短兵相接勇者胜—紧张项目管理策略
- [2012-05-14 22:06:58] 加拿大预测网-在线预测:网站交互设计-探源
- [2010-11-12 08:27:00] 加拿大预测网-在线预测:20K的纠结 腾讯游戏flash广告设计的现状与未来
- [2010-02-06 15:54:00] 加拿大预测网-在线预测:交互设计(9)—一次点击
- [2010-12-17 08:28:00] 加拿大预测网-在线预测:关于WEB登录注册系统的下午茶
- [2010-12-15 08:37:00] 加拿大预测网-在线预测:说说web标签设计
- [2009-11-13 14:24:00] 交互设计小贴士
- [2010-12-28 17:38:00] 层次任务分析
- [2009-12-19 09:51:00] 加拿大预测网-在线预测:交互设计师的专业度表现
解决方案
加拿大预测网-在线预测: 轮胎行业网站设计解决方案 加拿大预测网-在线预测: 机械行业网站设计解决方案 加拿大预测网-在线预测: 房地产行业网站设计解决方案 加拿大预测网-在线预测: 科技企业网站设计解决方案 加拿大预测网-在线预测: 电子家电网站设计解决方案 加拿大预测网-在线预测: 食品行业网站设计解决方案 加拿大预测网-在线预测: 集团公司网站设计解决方案 加拿大预测网-在线预测: 企事业单位网站设计解决方案 加拿大预测网-在线预测: 外贸行业网站设计解决方案 加拿大预测网-在线预测: 健身运动网站设计解决方案 加拿大预测网-在线预测: 美容与化妆品网站设计解决方案 加拿大预测网-在线预测: 建筑设计行业网站设计解决方案 加拿大预测网-在线预测: 物流行业网站设计解决方案
TAGS关键字
微信开发 青岛网页制作 企业网站 加拿大预测网-在线预测:青岛网站设计哪家好 程序开发 HTML5 审美 网站视觉 加拿大预测网-在线预测:青岛网站建设公司哪家好 手机网站 官网网站建设 如何做网站优化 青岛高端网站建设 php程序 加拿大预测网-在线预测:网站建设,手机网站 青岛网站优化 加拿大预测网-在线预测:青岛高端网站设计公司哪家好 加拿大预测网-在线预测:青岛轮胎网站设计公司 扁平化设计 青岛网站建设 胶南网站建设公司 新的元素 官网建设 版面布局 英文网站建设 手机端的网站 营销策略 高端轮胎网站设计 加拿大预测网-在线预测:青岛开发区建站公司 加拿大预测网-在线预测:网站建设的步骤有哪些