网页交互设计别让用户自己猜
发布日期:2013-11-26 21:57   浏览次数:

网页上每项多余内容都有可能迫使我们停下来, 进行不必要的思考。当我们访问Web的时候, 每个网页设计上的加重用户认知负担, 都是非常至命的。这样会把用育的注意力从他想要完成的任务上拉开。这种干扰也许很轻微, 但它们会累积起来, 有时候这样的干扰不用太多, 就足以让我们抓狂。试想这样的网页, 你还有下一次访问的欲望吗?所以减少网页设计中的“思考项”是网页设计师们必要的必修课。

以前经常吃公司旁边的食堂, 人多, 排队。夏天的时候, 我们总要找一个靠窗口通风好的地方坐, 没有空调只有风扇, 风扇很多, 开关都集中在一个地方, 应该是方便操作人员统一管理, 有时自己头上的风扇没开, 当我要去开这个风扇时, 麻烦来了, 很多排的风扇开关, 到底哪个是我头上的呢?

生活中有很多总让我们感觉莫名其妙, 或者停下来需要思考的情况, 有时不得不求助, 到了互联网上, 可能很多情况发生了也没什么求助的方法, 只能自己猜, 不猜了就只好关掉。

网页上每项内容都有可能迫使我们停下来, 进行不必要的思考。比如内容信息看不懂, 操作功能不明确。例如, 文案。常见的罪魁祸首是那些很酷或者自以为很聪明的名字、带有营销倾向的名字、和具体公司有关的名字以及生僻的技术名词。

当我们访问Web的时候, 每个问号(让用户不明白的地方)都会加重我们的认知负担, 把我们的注意力从要完成的任务上拉开。这种干扰也许很轻微, 但它们会累积起来, 有时候这样的干扰不用太多, 就足以让我们抓狂。况且, 人们通常不喜欢苦苦思索背后的原理。建造网站的人没有让它们明白易懂(而且容易使用)会让我们对这个网站以及网站的发布者失去信心。

按用户心智模型去设计产品, 下面列出一大堆访问者在访问网站时不应该花时间思考的事, 例如:

 我在什么位置?

 我该从哪里开始?

 他们把××放在什么地方了?

 这个页面上最重要的是什么?

 为什么他们给它取这个名字?

不让用户思考过多, 原则上就是设计符合用户心智模型。大致可以从下面几个方面来讲:

1文案:需要让人容易理解, 快速记忆。根据不同产品定位, 找到恰当的切入点, 文案过长或者使用用户不理解的情景, 如技术用词, 营销用词等, 都会使人不知所云。

省略多余的文案, 比如过分修饰, 欢迎语, 多余指示性语句, 这些罗嗦的词语会影响用户对关键信息的阅读理解和判断, 必须干掉。

2图形:好的图形表达是优于文字的, 但是图形没有把内容表示明确, 反而适得其反, 给用户造成理解上的困扰。

很多情况下, 我们好像都很喜欢做一些很炫的icon来表达某些内容, 这些是会起到吸引性, 但要记住一点, 你的图形是不是很好的阐释了内容, 如果做不到, 那就去掉吧。不如放大标题来的更好。

每个网站需要有它的独特性来吸引用户, 但表达这些独特性的元素, 例如图形, 一定不能对用户理解内容产生干扰。很重要的一点, 我们设计是要表达什么, 为了什么, 怎样更好的帮助用户来理解这些表达, 是我们一定要做到的。

网站不是炫技场, 设计要为内容服务。

3信息:信息其实是文案、图形等形式的混合体。信息之间, 是否建立了相应的关联度, 不相关联的信息之间是否产生了干扰。

大量的信息是否进行了合理的分类, 以减轻用户的寻找时间。信息分类处理上, 有个深广度问题, 广度站点因为层级少, 可以让用户不需要点击过多就可以到达底层;深度站点需要点击更多次, 但它在每一层次上可以做到让人的思考最小化。

所以, 有效合理的信息分类可以帮助用户快速准确浏览和完成任务。

4引导:通过菜单, 导航, 面包屑等手段有效引导用户行为路径, 让用户方便去他想去的地方, 回他想回的地方。

在路边, 我们希望有路牌指示;在杂志上, 我们希望前面有目录, 在每页我们还希望有页码, 在网站设计中, 我们引导好用户需要浏览的内容;在用户需要的时候给予网站工具来方便完成任务, 在这点上, 很多时候我们总是希望上新功能, 把功能做的突出, 殊不知用户是不是也这样想, 他到底在这里需要什么。

5操作方式:充分顺应用户的心理思维, 来设计功能的操作, 可以使用户快速上手。

汽车方向盘往左打, 汽车就往左开;插排电源按下去灯亮;相关内容旁边放置相关操作, 操作尖头朝下说明有下拉内容, 等等。这些操作方式都是要符合用户心智模型的。

6一致性:设计在同产品(甚至同类产品)中保持一致性, 可以大大降低用户理解成本, 使用户快速上手, 增加用户的使用率。

这里的一致性包括颜色, 形状, 内容, 操作方式。比如红绿灯如果各地都不一样, 外地人来了岂不会导致交通混乱。同一个网站也应该有这样的一致性, 有些都可以保持行业的一致性, 比如页面上使用一样的翻页等, 既可以降低制作成本, 又对用户的使用有良好的认知帮助。到一定程度, 也会提升一个品牌的认知, 比如阿迪达斯到处使用的三道杠。

下面看个例子:这个是某期宝贝传奇的宣传页面, 进来以后甚是让人看不懂!没有很好的根据用户心里预知和相关内容的合理放置来设计。这只是一个活动, 如果是一个长期产品, 用户接受程度可想而知。

我们都知道别让我思考最经典的页面是google首页:logo起到网站认知作用, 搜索框紧跟logo并最大化使其最容易被使用, 其他信息按归类放置, 并根据等级高低依次减弱。虽然大多产品都有其他商业性需求考虑, 但设计师不能被这些冲昏头脑, 机械性的表现内容。多花心思把繁杂信息理清楚, 要知道, 设计师都不是很清楚信息的关系, 用户就更不会明白。

« 上一篇:上一篇:网站易用与网页设计有什么关系
» 下一篇:下一篇:谈在线购物网站建设
Copyright © 2002-2019 IG彩票 版权所有    粤ICP备98765678号