注意力与交互设计

标签: 视觉设计 交互设计 | 发表时间:2012-01-30 14:36 | 作者:Aaron
出处:http://uedc.163.com

以人为本的设计,不能不考虑普通人在一般任务执行中的耐受力问题。因为人的精力有限,再强大的需求,无力去完成也是枉然。精力的有效转化率,是衡量交互设计品质的重点。

1.公式
精力一般由脑力和体力构成。针对互联网产品,脑力居前(非生产类网站的体力消耗很低)。而脑力的组成又分为注意力、理解力和记忆力。本文将尝试以注意力为例分析交互设计的特点和注意事项。
注意力本身可以集中、分散和转移。集中一般出于明确的需求、潜在的兴趣;分散则由于信息干扰和不可控的时间;转移一般发生在需求探索阶段。
以网站信息结构内的各元素为单位,加上每个页面的所有视觉元素,可以得到网站总的注意力“项”。用户就是利用这些项去满足自己的需求,交互设计则是这些项的描绘者、组织者。如果假设注意力有限,那么每个项分享到的注意力应该是固定值。加上因为个体差异,兴趣和需求的等级不同,便得到了以下公式

注意力转化率计算公式

注意力转化率计算公式

其中除了“需求强度”以外,“兴趣浓度”、“时间长度”和“可视项数量”三个值,交互设计都可对其产生影响。
2.兴趣浓度
用户在网络上的操作习惯和交互预期,有自己独特的心智模型,有时与现实生活中是不同的。比如现实中我们对图片的要求只是看,挂在墙上或拿在手上。而互联网首先是一个超链接整合平台,其次才是一个展示平台。所以上边的图片除了看,还被赋予链接的预期。人们对它的期待变得更加丰富。因此,赋予图片更多交互内涵可以直接提升用户的兴趣值。
对兴趣的两个典型设计思想是,图胜于表,表胜于文,还有拟物化设计,包括拟物的文案。可以说对象越具体,人们就越觉得安全和亲切。而亲切有礼的,符合物理定律的,对操作及时反馈的,满足情感需求的设计,都可以为兴趣加分。反之亦然。

不可用状态不是好的设计,尤其当激活它的条件比较多时

正是基于人们对图形化的向往,视觉设计才会对交互设计产生不可低估的影响。个人认为交互设计中凡是与兴趣相关的部分,视觉都应该成为重要的参考因素。比如控件的颜色,文案的排版,链接的展示方式等等。
3.时间长度
互联网交互设计和日常用品交互设计的一个重要区别,还在于两者的时间观念。现实中,时间是重要成本,经常影响人的决策和情绪。网络环境中,体力和人际负担被充分弱化,时间大部分只是个人脑力成本。如果需求和兴趣衔接的好,时间甚至可以忽略。
不说游戏这种极端的例子,以平常产品的加载时间为例,如果以兴趣为导向处理得当(进度条和微型漏斗等时间计算工具属于此列,而预加载则属于需求衔接),用户也不会产生太大抱怨。涉及到搜索、寻找、浏览等注意力分散的情况,用户几乎只关心项而不关心时间。
需要注意的是,流程性比较强的任务,开始和结束都要有明确的提示,以防止注意力溢出,造成不必要的精力损耗。

任务完成提示可以防止精力损耗

4.可视项数量
一般来说,交互设计的重头工作是项设计。如确定信息结构、元素词典、视觉形式等。为什么说可视项数量越大,注意力越小呢?这是由认知特点决定的。选项越多,步骤越长,人越需要耗费理解力。理解力带给人的压力比较大,需要求助于向内的注意力,把注意力的任务属性,转向逻辑属性,造成交互能力降低。加上对注意力转移所使用时间的预期,对鼠标和键盘操作的苛求(体力),人们普遍反感冗长的表单,页面跳转等情况。于是便出现了“响应式展开”、“弹出泡”、“弹窗”、“标签”等交互形式。

项的组织和展示方式是大课题

除了可以利用好的组织方式来“减少”可视项数量,元素词典、视觉形式也可以影响兴趣,利用兴趣来提升注意力。以元素词典为例,作用主要发挥在关键词上。如“推荐给你听”和“我们一起听”中的“一起”,“你可能会喜欢”和“朋友们也喜欢”中的“朋友”之类。阿拉伯数字的注意力明显高于中文数字。“删除全部”的反应速度也要快于“清空”。如果不考虑使用环境,“删除张三的微博”和“删除微博”,那个效果好?
5.总结
交互设计作为一门过程科学,需要一定的时间和精力损耗。从互联网领域看来,因为排除了体力因素,注意力变得尤为重要。以注意力转化率为契机,我们可以把交互设计向用户体验设计推进一步。
注意力和理解力的结果是记忆力,关于记忆力对交互设计的影响,下次再交流。

相关 [注意力 交互设计] 推荐:

注意力与交互设计

- - 网易用户体验设计中心博客
以人为本的设计,不能不考虑普通人在一般任务执行中的耐受力问题. 因为人的精力有限,再强大的需求,无力去完成也是枉然. 精力的有效转化率,是衡量交互设计品质的重点. 针对互联网产品,脑力居前(非生产类网站的体力消耗很低). 而脑力的组成又分为注意力、理解力和记忆力. 本文将尝试以注意力为例分析交互设计的特点和注意事项.

抓住用户注意力的10种交互设计小技巧

- - 人人都是产品经理
如今,设备的屏幕正变得越来越小. 主要的挑战在于在有限的屏幕范围内提供优秀的用户体验.     简单来说2015年的移动设计趋势将是在传递更多信息的同时,尽量保持设计的简单. 让我们来看看这些应用是如何抓住用户的注意力的吧. 如同我们所知道的那样,移动设备的屏幕不够大,不能够提供桌面端的那种全景式的浏览体验.

交互设计-简单

- DayuLu - 腾讯CDC
  交互设计是近几年流行的一个词语. 现在市场上有许多资料来介绍什么是交互设计,如何做交互设计等. 从场景,任务,用户,操作等分析. 但由于受实际情况的限制,往往不能很深入. 所以笔者结合实际工作体验与大家分享下,具体做设计时候是怎么考虑的. 如果要说什么是一个好的交互设计,个人浅见就是简单. 本文以下内容都是围绕简单2字进行展开.

交互设计初体验

- - 微博UDC
9月初,我来到新浪微博UDC部门交互设计岗位实习. 在接近四个月的学习时间里,我对交互设计行业有了深一步的了解,认识到了交互设计师的一些具体职责. 鉴于之前接受的知识大多来自书本或网络上的文章,在校期间参与项目的机会并不多,因此,我对此次实习做了一些总结:一方面,希望鞭策自己,在以后的工作中有所进步;另一方面,也希望能帮助刚步入交互设计行业的同学更快的适应工作,更好地学习交互设计.

交互设计入门–了解交互设计

- - 互联网的那点事...
为什么会有交互设计,交互设计能够做什么?. ▎1.成功的互联网产品具备哪些要素. ①当你的Boss需要做个产品时,它首先必须是可实现的,这也是为什么核心程序员架构师的待遇普遍较高的原因,因为他们是生产力. 那么成功的产品首先要具备– 可实现模型. ”当然不是,产品的终极目标是盈利,你的领导也只关心这个.

交互设计师如何做交互?

- Jerry - UED TEAM,用户体验设计,web前端开发
尽管很多谈及交互的书上都已经回答过了:. 发现用户需要,建立明确需求. 还是有很多对交互设计有兴趣的朋友会问我这个问题,并希望我能回答得详细,具体到我工作中的每个细节. 其实交互设计需要做什么,会随每个交互设计师的工作内容差异而不同,具体到每个项目也会有区别. 下面分享下我是怎样做交互,方式不一定是最合适,希望大家多指点,共同学习进步.

web交互设计原则和模式

- shallwelin - 译言-
原文作者:Bill Scott. 原文链接:Designing Web Interfaces Principles and Patterns for Rich Interaction. web界面设计(丰富交互设计的原则和模式). (本书英文版大家可以到我blog下载:http://blog.youmila.com/?p=325).

好的交互设计就是简单

- 小宇 - 互联网的那点事...
交互设计是近几年流行的一个词语. 现在市场上有许多资料来介绍什么是交互设计,如何做交互设计等. 从场景,任务,用户,操作等分析. 但由于受实际情况的限制,往往不能很深入. 所以笔者结合实际工作体验与大家分享下,具体做设计时候是怎么考虑的. 如果要说什么是一个好的交互设计,个人浅见就是简单. 本文以下内容都是围绕简单2字进行展开.

浅析手机语音交互设计

- Elic - 所有文章 - UCD大社区
语音识别技术,也被称为自动语音识别,其目标是将人类的语音中的词汇内容转换为计算机可读的输入,例如按键、二进制编码或者字符序列. 语音识别技术作为输入方式,比按键输入和手势输入更为快捷,学习成本很低,对于非特定人连续语音识别系统的识别率达到98.73%,已经达到实用要求,具有广阔的应用前景,在手机端的应用有语音拨号、语音输入、语音命令、语音搜索和语音翻译等.