当前位置:编程学习 > html/css >>

交互设计:浅析如何吸引用户注意力

 

  

\

 

  注意力是指人的心理活动指向和集中于某种事物的能力。通常我们在地铁上拿着手机刷微博,很可能关注不到这一站上来了多少乘客或者旁边的乘客在谈论的内容,甚至还有可能坐过站。我们操作电脑会打开N个窗口,我们在听着歌浏览某个新闻,同时也在关注来自QQ的消息。研究人员曾招募了一批大学生做测试,观察他们日常无任务状态操作电脑/电视时的举动。实验发现,人的注意力在27.5分钟内切换了120次,平均每分钟多于4次。其中年轻学生注意力在不同媒介之间切换更加频繁,注意的保持更短暂,仅维持2.3秒。

  因此,如何在与用户的沟通过程中把握主动权?核心在于能不能将用户的注意力牢牢抓住,并且引导着他向我们设定的目标迈进。

  那么我们在什么情况下需要吸引用户的注意力呢?

  1. 有新消息送达

  例如我的手机接收到一条信息,会让我迅速的注意到并去阅读它。

  

\

 

  2. 操作状态发生改变

  最常见的QQ离线、上下线,以及好友上下线。

  

\

 

  3. 提醒

  我的笔记本电量可能不够了。

\

 

  开车导航的时候,导航提示我需要拐弯。

  

\

 

  4. 错误

  当有错误发生时,设计人员希望用户关注到这些信息的错误提示。

\

 

  5. 帮助用户快速定位到有用信息

  搜索某关键字时,搜索结果页中,所有出现该关键词的地方都标红显示。这样就能使用户更加容易地发现和查看到关键字所在位置。

\

 

  怎么吸引用户注意力呢?

  目前视觉还是主流的应用,即通知在屏幕上显示各种信息。听觉的方式,在某些地方可以为视觉做一些补充。而在手机端、PAD端这些设备上,还可以结合振动的方式来吸引注意力。

  1. 颜色

  颜色上的区分,是对人体视觉感观上最直接的易做图,它可以快速的引起用户的注意。创造出有效的视觉差异,可以让用户分辨出各种元素间的异同。在生活领域中颜色具有的特殊意义,是我们可以加以利用的。例如利用链接色进行区分。

\

 

  警告提醒采用警示性颜色

\

 

  颜色突变的警示

\

 

  2. 字体

  对于文字内容来说,采用不同字体也是一种突出表现的方式。运用的最多的比如加粗。

  在处理邮件时,未查看的邮件会加粗表示。

\

 

  3. 闪烁

  日常生活中不乏闪烁的例子,如汽车的转向灯、警告双闪灯;一个交通信号灯快结束时,也是通过闪烁的提醒方式;IPHONE锁屏密码第二次输入错误时,错误提示会闪烁。

\

 

  4. 声音

  声音是对视觉的补充,在视觉方面不能有效的吸引用户时,或者没有办法看到视觉信息,需要通过听觉的易做图来吸引用户。例如门铃,手机来电等。

  在声音的设计方面有一个案例:设计者采用灌热水瓶的声音,设计盲人听觉进度条。

\

 

  5. 振动

  开车的人都有过这种体验,很多地方都采取了这种振荡性双黄线的方式。当驾驶的车辆碾压到双黄线时,车子就会明显感觉到振动,从而提醒驾驶员注意。现在很多高端车型上装配的车道偏移自动提醒装置,当检测到车辆在未打转向灯的前提下偏离了正常行驶的车道时候,也是通过振动方向盘来提醒驾驶员注意,并自动修正方向。

\

 

  小结:

  从论坛博客到现在的微博,用户的对信息的忍耐力越来越差。抓住用户的注意力便成了最宝贵的财富。不管是视觉、听觉还是触觉其实说到底都是通过感观的反差来易做图用户。

  但是值得我们注意的是:设计者要把握好这个易做图的度,不要在同一时间同一界面上呈现出多个的注意焦点,那样会造成狂欢节的效果。多余的视觉元素会分散用户的注意力,反而会变成视觉噪声,其效果当然也就会大打折扣。

补充:web前端 , HTML/CSS  ,
CopyRight © 2022 站长资源库 编程知识问答 zzzyk.com All Rights Reserved
部分文章来自网络,