快好知 kuaihz

交互设计原则解析:心理模型、错误处理

文章为大家分享了2个交互设计原则:心理模型、错误处理。一起来学习下。

最近在重读《设计心理学》,看到关于交互的定义,有点儿意思,跟大家分享一下:

交互设计:重点关注人与技术的互动。目标是增强人们理解可以做什么,正在发生什么,以及已经发生了什么。交互设计借鉴了心理学、设计、艺术和情感等基本原则来保证用户得到积极的、愉悦的体验。

要完全做到让用户可以理解“可以做什么”,“正在发生什么”,以及“已经发生了什么”,其实并不那么容易,这其中有许多交互原则需要遵守,今天为大家介绍两个原则:符合用户心理模型,和恰当处理错误信息。

用户心理模型

心理模型(Mental Models)这个概念,是由阿兰·库珀(Alan Cooper)在《About face》这本书里提出的。在书里,库珀并没有给出心理模型的定义,而是通过一个例子来说明什么是心理模型

很多看电影的人,事实上并不太懂电影的投影仪是如何工作的,或者电影投影仪与电视的工作原理有何区别。他们想象投影仪只是把会动的图片投射到了幕布上。这就是用户的“心理模型”,或者“概念模型”。

那么究竟什么是心理模型?这是我在百度百科上找到的答案:

心理模型指相互关联的言语或表象的命题集合,是人们作出推论和预测的深层知识基础。

这是一个比较书面语的定义。通俗一点讲,心理模型就是大家对于事物普遍的认知。

举个栗子,假设我们来到一个会议室,室内温度32度。我们想通过空调把温度降到24度。在调空调温度的时候,很多人会下意识地用遥控器把温度调到22,甚至20度,因为人们有一种“温度调得越低,空调就会越努力地工作”的认知。

这种认知,就是人的心理模型。而实际上,即使你把温度调得再低,空调也只会自顾自地工作(也是很傲娇呢,摊手),并不会为你加速一点点。

这是因为空调的制冷功能,有自己的一套运作模型。所以不论你设置的是24度,还是20度,空调把温度下降8度所花的时间都是一样的。

不错,很多机器都有自己的运作模型,它是机器能够实现某种功能的原理,是专业人士的伟大发明,但。。这些深奥的原理,对于我们的小白用户,表示真心看不懂啊——他们其实只要会用就好了,也根本用不着懂这些复杂的原理啊,哟喂。

讲到这里,我们现在有两种模型了:心理模型用户对事物的普遍认知)和运作模型(机器实现功能的原理)。阿兰·库珀(Alan Cooper)为了更好得说明设计师的价值,又祭出了第三种模型:表现模型(Represented Models)。唐·诺曼(Donald Norman)直接称这种模型为“设计师模型”(Designer‘s Model)。

所谓表现模型,库珀解释说,是“设计师所选择的一种表现方式,用来向用户展现计算机程序有怎样的功能”。通俗点说,就是设计师用设计方案,让用户可以容易地操作一个机器/应用,而根本不用管它的原理是什么。设计师方案里使用的表现模型,越接近用户的心理模型,则越容易被用户接受,也就是所谓的“设计得越好”。

那么,设计师如何才能抓住用户的心理模型,然后在设计的时候做出符合用户心理模型的设计呢?

首先,每一个用户的心理模型几乎都是不同的。但是有着相似行为的用户会拥有相似的心理模型。这就要求我们在做设计之前就要确定好我们是为什么样的人群设计,然后去理解他们的心理模型

其次,现在你已经有了目标用户用户的心理模型导致用户在使用的时候会有特定的需求或者预期。比如,下面这张用户心理模型图(图片出自《Mental Models:Aligning Design Strategy with Human Behavior》这本书),上半部分展示了用户起床后的活动,下半部分展示了可以为用户提供的功能。这样上面展示用户行为、想法、感受,下面展示为用户提供支持的功能,也是比较通用的心理模型图。

心理模型图示例

最后,通过访谈,把用户的想法记录下来,以及通过可用性测试, 把用户的行为记录下来,之后对这些想法和行为进行分类,分别归置在用户完成的任务的操作流中,成品就如同上图所示的那样。记录这个流的意义,就是为我们在做设计的时候明确用户在不同阶段的预期,方便我们最好的满足用户的需求。

错误信息处理

《设计心理学》指出:

优秀的设计需要良好的沟通,尤其是从机器到人的沟通,指示出什么是可能的操作,会发生什么,会产生什么结果。当事情出了问题,沟通是非常重要的。… 。设计师需要关注可能出错的地方,而不是仅仅停留于让一切按照计划进行。

当设计师根据人们的心理模型来设计机器的流程时,大体上是可以以人们普遍接受的习惯,使机器可以与人进行流畅的交互的。人与机器,就像是在交流、沟通一样,人向机器发出一个指令,机器给予人回应。

而当人的指令没有得到机器恰当的回复的时候,也就是出现错误信息的时候,同样需要设计师进行恰当的设计,让机器做出使人能够明白的回应,以方便人们继续进行操作,最终达成目标。在设计错误信息处理的方案时,有以下三点需要注意:容错性、预防性、提供解决方案。下面来分别说一下。

容错性

容错性,指的是设计师判断出用户可能会出现某种错误操作A,而当出现该种错误操作A时,实际上用户大概率是想进行操作B,因此在用户进行A操作时,提醒用户是否要进行操作B,以帮助用户完成真正想要的B操作。

比如下面这个支付宝的例子。支付宝的聊天界面,输入数字,自动提示“给对方转账144元”。想必很多朋友都会有这个经历:想给朋友转账,点进他的聊天界面,输入144,发送。然后……然后对方就只收到“144”的聊天信息啊妈蛋!顿时觉得自己蠢哭了有木有!然而,支付宝的设计师发现了这个转账场景,并设计了如下图的提示:

支付宝聊天界面的转账提示

预防性

预防性,是指在用户进行最后的提交操作之前,就对错误进行提示,减少因为操作错误造成的损失。比如下图的登录页面,在手机号码的位数达到11位之前,“获取短信验证码”按钮是处于置灰状态的,无非进行点击。

下面这个例子,是在用户输入了昵称后,就立马展示“该昵称已被占用”,提醒用户及时修改。

提供解决方案

这个原则,是指当用户进行了错误操作之后,为用户提供解决方案。比如下面这个例子,当网络不好的时候,页面无法展现内容,于是展示一个“未获取到内容”的空页面,并提示“请点击页面重试”,让用户可以尝试点击页面刷新出内容。

以上为大家介绍交互设计的两个原则:符合用户心理模型,恰当处理错误信息。

本站资源来自互联网,仅供学习,如有侵权,请通知删除,敬请谅解!
搜索建议:交互  交互词条  模型  模型词条  解析  解析词条  原则  原则词条  错误  错误词条  
设计

 对话对话框—浅析windows系...

“对话框”是让用户执行命令、向用户提问、向用户提供信息或进度反馈的辅助窗口。对话框由标题栏(用于标识对话框所来自的命令、特性或程序)、主标题说明(以解释用户在该...(展开)

设计

 iOS和Android规范解析:...

底部tab导航是现在应用里非常常见的一种组件。关于这种最常用到的组件,你了解的全面吗?下面我们来分别看一下Material Design设计规范以及iOS设计规...(展开)