互联网产品交互设计:保证用户不在网站中迷路

文章描述:交互设计实用指南系列(7)–避免迷路.

任何位置都能明确“我在哪里?这里有什么?从这里能去哪里?”

迷路可不是一件好玩的事情,试想你驾车行驶到高速公路分叉口时,却看不见任何路牌,那该会怎样地困惑、沮丧、愤怒和恐惧。为了避免迷失方向,我们发明了各种导航工具,大到卫星定位系统,小到指南针,人类在这一事情上,极具创意。

在网站上迷失方向,虽然不是什么生死攸关的事,但会带来许多负面影响,如:用户体验下降、任务不能完成,用户流失等。我们可以通过良好的导航系统来避免这个情况发生。好的导航系统可以帮助人们找到在网站中的位置,并帮助他们制定更好的查询策略,增进对内容的理解。

在制定解决方案前,先了解他们为什么会迷路:

1、 当人们不能理解信息时,会产生迷惑

2、 人们在查询过程中迷失,不知道下一步该做什么

3、 人们可能会在网站中失去方向感,无法回到以前的页面,甚至是首页

图1

比如在图1的这个网站中游走,你容易陷入进退两难的境地。上图中,两个点击打开的页面,都没有导航信息,甚至没有任何离开当前页面的出口。

4、 人们在在信息系统中偏离了方向,分散了注意力。人们因众多的、喧宾夺主的信息而偏离了主要任务。关于这一点,可以参考交互指南之《突出重点,一目了然》

图2

图2中的登录页面,可谓琳琅满目,信息的丰富程度毫不逊色于首页,难道设计者的目的,是希望用户放弃登录这个主要任务,去往“更重要”的地方吗?

你也许会想,让用户不要迷路,不是非常简单的事情吗,我只要在所有页面中放入全局导航,使他们能在网站的核心内容之间移动。然后放入面包屑,让他们了解自己所处的位置,一切不就完事大吉了。

但事实上果真如此吗?全局导航也许能帮助用户了解你网站的核心内容,但在具体的任务中,比如图3中的淘宝全局导航,如果放入在挑选商品或支付的页面中,恐怕非但不能指引用户,还会干扰到任务的完成。

图3

小心,别让自己陷入导航系统的过度设计中去。我们所要做的,是使用人物角色和场景作为参考,确定人物角色会选择的到达内容的最佳路线,而不是提供所有线路,更不需要将网站的全部结构复制到每个页面当中,造成页面信息负担。好的导航系统让人们感知不到它的存在。就好象在观看体育比赛时,裁判会做出许多正确的判定,而我们往往忽略他的存在,但一旦裁判员做出了一个错误的判决,就会引来场上观众的一片唏嘘。

[1] [2]  下一页

时间: 2024-09-19 09:31:06

互联网产品交互设计:保证用户不在网站中迷路的相关文章

互联网产品交互设计:出色的操作入口设计

文章描述:交互设计实用指南系列(1) – 操作入口明确. "操作入口明确",就是指产品的任何一个功能都要有明确.合理的入口."操作入口",指的是产品内部不同模块之间的转接元素,例如在Web产品中,按钮控件.输入框.文字链等都属于操作入口:"明确"指的是入口的视觉感是清晰的.可识别的:"合理"是指入口的出现是符合用户操作逻辑的,适时的. 之所以要提出"操作入口明确",是因为用户在使用产品的过程中,往往遵循的是

后台产品交互设计:了解用户目标改善用户体验

文章描述:更贴近业务及用户--交互设计工作方式转变感言. 引子: 年初时交互设计师与产品经理座谈,议题关于交互设计师应从哪个工作环节切入更能发挥其自身价值.结论是交互随产品经理参与到项目初期需求挖掘阶段,更早的参与了解业务需求及用户需求,与产品经理共同产出PRD(带有用户体验的高保真原型部分由交互设计师着力产出,原型好处:方便用户参与可用性测试.整个产品团队更直观地把握设计要求,优势是显而易见的).取而代之目前项目正式启动,产品经理产出详细的PRD后,交互设计师再参与到项目里参与原型设计,有点迟

互联网产品交互事件分析

挖坟 交互设计(Interaction Design)产生于二十世纪八十年代,在1984年一次设计会议上,大名鼎鼎的英国交互设计师比尔·莫格里奇首次提出交互设计这个概念,作为一门关注交互体验的新学科而存在并发展到今天,他一开始给它命名为"软面(Soft Face)",由于这个名字容易让人想起和当时流行的玩具"椰菜娃娃(Cabbage Patch doll)",他后来把它更名为"Interaction Design"――交互设计. 思考 交互设计是

类O2O概念产品交互设计的体会和探讨

开文估计少不了做一下概念的名词解释,我就引用下网络的解释吧,O2O(Online To Offline),将线下商务的机会与互联网结合在一起,让互联网成为线下交易的前台.线下服务就可以用线上来揽客,消费者可以用线上来筛选服务,可以在线成交结算.特点:推广效果可查,每笔交易可跟踪.这概念模式无形中给用户提供了更多的选择和便利,也给线下商务带来商机.O2O概念,包括衍生出来的新概念产物或许真如诸多互联网预测所说的会成为电商下一座金矿挖掘地吧-- 为什么要说是类O2O概念的产品呢?这里说的"类&quo

类O2O概念产品交互设计的几点体会和探讨

开文估计少不了做一下概念的名词解释,我就引用下网络的解释吧,O2O(Online To Offline), 将线下商务的机会与互联网结合在一起,让互联网成为线下交易的前台.线下服务就可以用线上来揽客,消费者可以用线上来筛选服务,可以在线成交结算.特点:推广效果可查,每笔交易可跟踪.这概念模式无形中给用户提供了更多的选择和便利,也给线下商务带来商机.O2O概念,包括衍生出来的新概念产物或许真如诸多互联网预测所说的会成为电商下一座金矿挖掘地吧-- 为什么要说是类O2O概念的产品呢?这里说的"类&qu

产品交互设计实例:首都机场的点烟器

文章描述:产品交互设计实例:首都机场的点烟器. 首都机场的吸烟室里并不像其他机场那样放几个固定的打火机,而是点烟器,和车载点烟器基本是一样的:先按下加热,加热好后,它会自动弹起,拔出来,里面的电阻丝已经是红红的了,就可以点烟了.上图为车载点烟器,与首都机场的点烟器一样,加热过程中只是被按下去了,未显示进度,也未能形象的表现出"正在加热"的含义. 我走到点烟器的近前,按下,让它加热,然后等待,等了一会儿还不见动静,不知是仍在加热还是出了故障.吸烟室里很多人,感觉自己被别人看着,不会用这玩

TeamCola信息结构:互联网产品前期设计方法

文章描述:通过TeamCola浅谈互联网产品前期设计方法. 当下大大小小层出不穷的互联网产品如同一场令人眼花缭乱的星球大战,普通用户会被死星.联盟战舰和绝地武士们手中的光剑所吸引,而设计师们则会去关注这些庞大或精巧的武器如何被制造出来. 是的,随着以用户为中心的设计(UCD)和用户体验设计(UED)概念的深入人心,互联网产品设计的方法和流程已被重新定义而且大同小异,即便是刚入门的麻瓜也能一本正经地告诉你一个正确的产品设计流程需要经过低保真原型.视觉设计.交互设计.高保真设计--等阶段. 彩程设计

LBS产品交互设计:人们为什么签到?

文章描述:LBS产品交互设计:人们为什么签到? 打开微博.开心.人人网上,不经意间会看到诸如下面类型的信息: 这是什么信息呢?心中好奇,打开一看,原来这就是从LBS产品同步过来的签到信息,即使用LBS产品的用户在某地点留下的到此一游印记. 1 有这些LBS产品 从Foursquare推出以后,LBS (基于位置的服务) 产品以新的方式走进我们的视线,也出现了切客(check的音译)一族. 目前主要有3种类型的LBS产品: 1. 签到互动类:以foursquare.whrrl为代表,该类产品以签到

互联网产品如何从无到有聚集用户?

作者:@李意娟 最近遇到考题:一个互联网产品如何从无到有聚集用户?对此,我分了3个阶段来进行论述.(中间加了一些孙子兵法的观点,学习孙子兵法,对做产品也有一定的指导思想.希望更多的人能学习国学,爱国学.多学国学,就能透过现象看本质,这也是哲学的本意.) 一:思考用户为什么用你的产品? 产品产生前,也就是IEDA诞生那一刻起,你必须为用户回答一个问题:我为什么要使用你的产品,你的产品跟别人的产品相比,我能得到什么其他产品上不能获得的价值.其实这个也就是我们常说的核心价值或产品定位.那么这个问题怎么