童话说说技术创业美文职业
投稿投诉
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

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

1月13日 辞凤阙投稿
  文章为大家分享了2个交互设计原则:心理模型、错误处理。一起来学习下。
  最近在重读《设计心理学》,看到关于交互的定义,有点儿意思,跟大家分享一下:
  交互设计:重点关注人与技术的互动。目标是增强人们理解可以做什么,正在发生什么,以及已经发生了什么。交互设计借鉴了心理学、设计、艺术和情感等基本原则来保证用户得到积极的、愉悦的体验。
  要完全做到让用户可以理解“可以做什么”,“正在发生什么”,以及“已经发生了什么”,其实并不那么容易,这其中有许多交互原则需要遵守,今天为大家介绍两个原则:符合用户心理模型,和恰当处理错误信息。
  用户心理模型
  心理模型(MentalModels)这个概念,是由阿兰库珀(AlanCooper)在《Aboutface》这本书里提出的。在书里,库珀并没有给出心理模型的定义,而是通过一个例子来说明什么是心理模型:
  很多看电影的人,事实上并不太懂电影的投影仪是如何工作的,或者电影投影仪与电视的工作原理有何区别。他们想象投影仪只是把会动的图片投射到了幕布上。这就是用户的“心理模型”,或者“概念模型”。
  那么究竟什么是心理模型?这是我在百度百科上找到的答案:
  心理模型指相互关联的言语或表象的命题集合,是人们作出推论和预测的深层知识基础。
  这是一个比较书面语的定义。通俗一点讲,心理模型就是大家对于事物普遍的认知。
  举个栗子,假设我们来到一个会议室,室内温度32度。我们想通过空调把温度降到24度。在调空调温度的时候,很多人会下意识地用遥控器把温度调到22,甚至20度,因为人们有一种“温度调得越低,空调就会越努力地工作”的认知。
  这种认知,就是人的心理模型。而实际上,即使你把温度调得再低,空调也只会自顾自地工作(也是很傲娇呢,摊手),并不会为你加速一点点。
  这是因为空调的制冷功能,有自己的一套运作模型。所以不论你设置的是24度,还是20度,空调把温度下降8度所花的时间都是一样的。
  不错,很多机器都有自己的运作模型,它是机器能够实现某种功能的原理,是专业人士的伟大发明,但。。这些深奥的原理,对于我们的小白用户,表示真心看不懂啊他们其实只要会用就好了,也根本用不着懂这些复杂的原理啊,哟喂。
  讲到这里,我们现在有两种模型了:心理模型(用户对事物的普遍认知)和运作模型(机器实现功能的原理)。阿兰库珀(AlanCooper)为了更好得说明设计师的价值,又祭出了第三种模型:表现模型(RepresentedModels)。唐诺曼(DonaldNorman)直接称这种模型为“设计师模型”(Designer‘sModel)。
  所谓表现模型,库珀解释说,是“设计师所选择的一种表现方式,用来向用户展现计算机程序有怎样的功能”。通俗点说,就是设计师用设计方案,让用户可以容易地操作一个机器应用,而根本不用管它的原理是什么。设计师方案里使用的表现模型,越接近用户的心理模型,则越容易被用户接受,也就是所谓的“设计得越好”。
  那么,设计师如何才能抓住用户的心理模型,然后在设计的时候做出符合用户心理模型的设计呢?
  首先,每一个用户的心理模型几乎都是不同的。但是有着相似行为的用户会拥有相似的心理模型。这就要求我们在做设计之前就要确定好我们是为什么样的人群设计,然后去理解他们的心理模型。
  其次,现在你已经有了目标用户。用户的心理模型导致用户在使用的时候会有特定的需求或者预期。比如,下面这张用户心理模型图(图片出自《MentalModels:AligningDesignStrategywithHumanBehavior》这本书),上半部分展示了用户起床后的活动,下半部分展示了可以为用户提供的功能。这样上面展示用户行为、想法、感受,下面展示为用户提供支持的功能,也是比较通用的心理模型图。
  心理模型图示例
  最后,通过访谈,把用户的想法记录下来,以及通过可用性测试,把用户的行为记录下来,之后对这些想法和行为进行分类,分别归置在用户完成的任务的操作流中,成品就如同上图所示的那样。记录这个流的意义,就是为我们在做设计的时候明确用户在不同阶段的预期,方便我们最好的满足用户的需求。
  错误信息处理
  《设计心理学》指出:
  优秀的设计需要良好的沟通,尤其是从机器到人的沟通,指示出什么是可能的操作,会发生什么,会产生什么结果。当事情出了问题,沟通是非常重要的。。设计师需要关注可能出错的地方,而不是仅仅停留于让一切按照计划进行。
  当设计师根据人们的心理模型来设计机器的流程时,大体上是可以以人们普遍接受的习惯,使机器可以与人进行流畅的交互的。人与机器,就像是在交流、沟通一样,人向机器发出一个指令,机器给予人回应。
  而当人的指令没有得到机器恰当的回复的时候,也就是出现错误信息的时候,同样需要设计师进行恰当的设计,让机器做出使人能够明白的回应,以方便人们继续进行操作,最终达成目标。在设计错误信息处理的方案时,有以下三点需要注意:容错性、预防性、提供解决方案。下面来分别说一下。
  容错性
  容错性,指的是设计师判断出用户可能会出现某种错误操作A,而当出现该种错误操作A时,实际上用户大概率是想进行操作B,因此在用户进行A操作时,提醒用户是否要进行操作B,以帮助用户完成真正想要的B操作。
  比如下面这个支付宝的例子。支付宝的聊天界面,输入数字,自动提示“给对方转账144元”。想必很多朋友都会有这个经历:想给朋友转账,点进他的聊天界面,输入144,发送。然后然后对方就只收到“144”的聊天信息啊妈蛋!顿时觉得自己蠢哭了有木有!然而,支付宝的设计师发现了这个转账场景,并设计了如下图的提示:
  支付宝聊天界面的转账提示
  预防性
  预防性,是指在用户进行最后的提交操作之前,就对错误进行提示,减少因为操作错误造成的损失。比如下图的登录页面,在手机号码的位数达到11位之前,“获取短信验证码”按钮是处于置灰状态的,无非进行点击。
  下面这个例子,是在用户输入了昵称后,就立马展示“该昵称已被占用”,提醒用户及时修改。
  提供解决方案
  这个原则,是指当用户进行了错误操作之后,为用户提供解决方案。比如下面这个例子,当网络不好的时候,页面无法展现内容,于是展示一个“未获取到内容”的空页面,并提示“请点击页面重试”,让用户可以尝试点击页面刷新出内容。
  以上为大家介绍交互设计的两个原则:符合用户心理模型,恰当处理错误信息。
投诉 评论

浅谈无障碍设计:盲人愉快玩智能手机的秘密若你作为一名产品经理,去设计一款可供盲人使用的智能手机,你会怎么设计?盲人用手机早已不是什么新鲜事,在诺基亚还在主宰传统手机的年代,他们通过实体按键和提示语音,可以把手机……深入浅出谈互联网之交互篇对任何产品而言,交互不仅仅只是锦上添花,而是雪中送炭。这篇文章为整个《深入浅出谈互联网》系列的第一篇文章,之所以会选这个主题,是因为观主深深的感受到现如今太多人进入互联网……实践调研:浅析多元化的直播间盈利方式文章是作者对YY直播、映客、花椒直播、网易CC、虎牙直播等多家直播产品盈利模式调研后的总结,与各位分享,欢迎大家探讨交流。目前优秀的直播产品在经历了白热化的竞争之后,也开……案例分析:产品的信息反馈设计在产品设计中,“信息反馈”是很重要的一个产品交互特征,用以给用户正确的引导信息,帮助用户做出判断和决策。而反馈的形式也是多方面的,视觉、听觉、触觉、正面的、负面的,都是在为用户……电商tips:失效商品为何共享购物车总数量限制?失效商品为何共会享购物车总数量限制呢?文章为你一一解读。1)首先,往前多思考一步,相信有些小朋友会奇怪为什么购物车依然保留失效物品?原因有二:a。任何设计,在……浅析互联网产品的性能优化作为产品经理,要对所负责产品的整体用户体验负责,产品的性能优化是很重要的一个环节,为了避免用户在使用产品过程中出现卡顿、加载缓慢、崩溃等性能问题,同时也为了在安排性能优化工作时……iOS程序员眼中的首次使用产品体验产品懂技术,就像流氓会武术。技术会点产品,就像会武术的人去耍流氓一、前言首先想说一下为什么写这篇文章:《启示录》这本书曾提到:如果开发的产品没有市场价值,那么……怎样把复杂逻辑与信息,转化为简洁的界面体验?交互设计师的工作具体是什么?这里我通过实例的方式给大家具体讲讲设计一个产品的工作流程,怎样将复杂的逻辑问题转换为简单易懂的界面语言。交互设计师一般收到的是一份较为详细的思……交互设计原则解析:心理模型、错误处理文章为大家分享了2个交互设计原则:心理模型、错误处理。一起来学习下。最近在重读《设计心理学》,看到关于交互的定义,有点儿意思,跟大家分享一下:交互设计:重点关注人与……运用“通感设计语言”,进行项目服务体验升级如何建立用户行为模型,通过数据验证设计效果?如何深度参与产品服务全流程?或许你可以尝试用一下“通感设计语言”。如何建立用户行为模型,通过数据验证设计效果?如何深度参与产品……以实例讲产品改版(下):需求与设计《以实例讲产品改版方法论》系列,是一个时间跨度接近半年的全站改版大项目,留下的一点经验,共分为两个部分:上篇《改版的立项与推动实操经验》;本文为下篇,主要讲改版语境下的需求规划……透过京东浅析电商购物流程本文将以京东购物流程为主线,来聊一聊越来越复杂的购物流程是如何运转的。enjoy选产品购物车结算订单生成,或许是一个最基本的购物流……
地图产品:如何提高搜索效率?SaaS可配置化:流程可配置微信的悬浮窗功能,启示我如何选择正确的方案优秀的设计师,都遵循这七大设计原则用户引导设计,帮你解决产品的3大哲学问题产品内容化趋势下的feed流本质那些提升用户体验的细节,究竟有没有用?运营迁跃:产品创新的两个标准法则引导好评弹窗:怎样从产品层面提高转化率?提升数据可视化的7个实用技巧产品工作流程与方法论:产品方案设计也谈互联网产品的分类

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界