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

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

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

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

      1. 有新消息送达

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

手机界面

      2. 操作状态发生改变

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

 操作状态发生改变

      3. 提醒

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

吸引用户注意:提醒

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

开车导航

 
      4. 错误

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

错误提醒

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

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

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

      怎么吸引用户注意力呢?

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

      1. 颜色

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

用颜色吸引用户注意

      警告提醒采用警示性颜色

警告提醒采用警示性颜色

      颜色突变的警示

颜色突变的警示

      2. 字体

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

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

用字体提醒用户

      3. 闪烁

闪烁提醒用户

      4. 声音

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

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

      5. 振动

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

      小结:

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

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

广告合作
QQ群号:707632017

温馨提示:

1、本网站发布的内容(图片、视频和文字)以原创、转载和分享网络内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。邮箱:2942802716#qq.com(#改为@)。

2、本站原创内容未经允许不得转裁,转载请注明出处“站长百科”和原文地址。

热门教程

  • Z-Blog教程
    Z-Blog教程
    ZBlog教程分享ZBlog安装教程、ZBlog建站教程和ZBlog使用教程等相关教程,包括如何创建...
  • WordPress教程
    WordPress教程
    WordPress教程提供了关于WordPress的基础知识和技巧,包括安装、设置、发布内容、选择主...
  • CSS教程
    CSS教程
    CSS教程提供了关于如何使用CSS来设计和美化网页的基础知识和技巧,包括选择器、样式规则、盒模型、布...
  • 宝塔面板教程
    宝塔面板教程
    宝塔面板教程是一个致力于向用户传授宝塔面板的使用技巧和知识的学习资源,旨在帮助用户快速上手和充分利用...
  • PHP教程
    PHP教程
    PHP教程提供了关于PHP语法、变量、函数、流程控制等概念的详细指导,同时介绍了常见的Web开发技术...

3个月免费VPS

亚马逊云科技

阿里云