交互设计师也要懂心理学?我读书少,你不要骗我!

交互设计是个跨学科专业,其中,心理学便是其中很重要的一个部分。所以,如果你不想继续仅凭直觉和死记硬背高大上的理论原则来从事交互设计,如果你想成为优秀的交互设计师,学习一定的心理学将是很有帮助也是很有必要的。这篇文章的主要目的就是初步地向大家介绍交互设计师至少应该了解哪些基本的心理学理论。

1.认知心理学

在对交互(interaction)的众多定义中,我比较喜欢这个:所谓交互,即输入(input)和输出(output)。所以,交互设计(Interaction Design)就是针对输入方式(通常是人)和输出方式(通常是机器)的设计。比如我们通过“触摸”来控制手机便是一种输入方式,然后手机在屏幕上提供相应的界面就是输出方式。而作为交互设计师,我们要思考的就是在何时采取何种输入输出方式。这里就涉及到一系列问题:我们为什么要用触摸而不是其他方式?机器反馈的界面又该如何设计才能使用户更容易理解,才能使人与机器的沟通更加舒畅自然?要回答这些问题,就要求我们能够从根本上认识人是如何处理信息的以及人是如何行动的。这就是认知心理学的范畴。

交互设计师也要懂心理学?我读书少,你不要骗我!

人机交互图

而认知心理学理论将人比喻成计算机,人像计算机一样对外界信息进行加工,如下图所示:

交互设计师也要懂心理学?我读书少,你不要骗我!
信息加工模型图

 

认知心理学无法一两句话就说明白,我这里只介绍几个最关键的概念带大家入门。

A、感受器即人的感觉器官,视觉、听觉、触觉等等。研究人的感受器的特点将有利于交互设计师理解人们如何接收信息,才能设计出合适的交互方式来使人们轻松愉快地接收你要提供的信息。其中,一般来说,从信息量的大小来看,视觉、听觉、触觉依次减小。因此,我们通常使用听觉和触觉来辅助视觉上的设计,比如提示音和手机的震动。

B、效应器指手、足、语言器官等。效应器的质量指标通常是反应时间、运动速度和运动准确性,因此交互设计师可以以这三个指标来检测你的设计是否符合人的认知模型。

C、加工器,这个比较复杂,但也是最重要的一部分,简单来说,它告诉我们,除了客观因素(如刺激强度、数量、作用方式)外,诸如动机、兴趣、知识经验等主观因素也是影响人们理解信息的重要因素。学习它,将有利于交互设计师更准确地挖掘需求和提高设计质量。

2.格式塔心理学

这是交互设计中实际运用的最多的心理学理论之一。它主要包括三个部分:相似原则、接近原则和完形原则。

A、相似原则:相等或相似的元素形成整体或群体。如下图左图中,你会不自觉地认为它是纵向排列的,而右图中是横向排列。

交互设计师也要懂心理学?我读书少,你不要骗我!
相似原则

相似原则告诉我们,人们通常把具有相似特征(如大小、形状、颜色等)的事物组合在一起。在交互设计中,我们经常用到这个原则,如网站的导航,使用不同颜色即可很容易将一级导航和二级导航区分开;再比如淘宝首页的横向标签导航中,“天猫”、“聚划算”和“天猫超市”这三个板块和同一排的其他板块比较,使用了更大的字体更鲜艳的颜色,通过这种方法来强调这三个板块的与其他板块的重要性不同。

交互设计师也要懂心理学?我读书少,你不要骗我!

淘宝首页

B、接近原则:紧密靠在一起的元素形成整体或群体。比如下图中,你会不自觉地把它分成左右各一组。

交互设计师也要懂心理学?我读书少,你不要骗我!
接近原则

接近原则告诉我们如果你希望将多个元素进行分类,那么让同一类元素靠近在一起是个不错的选择。比如iPhone的“通用”界面:

交互设计师也要懂心理学?我读书少,你不要骗我!

iPhone的”通用“界面

同样的道理,很多同学在网站排版或者平面设计排版的时候习惯用各种线条来划分区域,其实没有必要,很多时候只需要合理利用留白就能够起到相同的作用并且更加简洁美观。另外,这里有一个小知识:由于人们的阅读顺序是从左往右,所以左右相邻比上下相邻显得更为密切。比如下图中,人们可能会觉得图片对应的文字是右边的文字,而事实上是图片下方的文字。所以,我们要尽量避免出现这种错误,解决的办法就是遵循用户认知习惯,采用横向的排版,或者加大留白。

交互设计师也要懂心理学?我读书少,你不要骗我!

看起来图片是和右边的文字对应的,事实上却是下方的文字

C、闭合原则:我们倾向于将图形中缺失的部分“填满”。如下图,你会不自觉地认为它是个三角形,实际上它们只是几根线条而已。

交互设计师也要懂心理学?我读书少,你不要骗我!
闭合原则

在交互设计中,这个原则也很常用,比如下面两个方案,右边的方案运用了闭合原则,将标题放在未闭合的线框线上,却起到了很好的分组效果。

交互设计师也要懂心理学?我读书少,你不要骗我!

3.色彩心理学

色彩心理学对于设计的重要性相信任何一个设计师都了解,这里不再赘述。

4.心流状态

心流(flow)是人们全身心投入某事的一种心理状态。人们处于这种情境时,往往不愿意被打扰,心流状态会产生极高的兴奋感和充实感。

把握这个心理状态对于沉浸式的交互设计特别有用,比如设计一款阅读类应用,一款大型网游,我们都希望用户能够不被打扰地沉浸到应用中去。这样的设计例子很多,比如游戏的全屏功能,比如使用safari浏览器时,向上滑动页面时自动隐藏工具类和地址栏。

交互设计师也要懂心理学?我读书少,你不要骗我!safari浏览器

那么,如何让用户达到心流状态呢?心理学告诉我们至少要具备以下条件:

A、明确且可实现的目标;所以,我们应该记得始终让用户明确地知道他的目标,并且目标是可实现的。比如,你需要你的游戏玩家去消灭10个叫做强盗的怪,那就在任务菜单里写清楚“10个”和“强盗”,并且要保证这个任务是玩家有办法完成的。

B、流畅的任务;保持流畅的任务直到目标实现为止。比如我们通常会忽视网站的404错误页面,但是,如果在通知错误的同时告诉用户接下来该怎么办会更好。

交互设计师也要懂心理学?我读书少,你不要骗我!
告诉用户接下来可以怎么做的404页面

C、持续性的反馈;时刻告诉用户当前的状态、所处位置以及操作的效果。此类的设计包括很多,比如导航设计、转场动画设计、状态界面设计等等。

D、可控制的操作;尽管用户全心全意地沉浸到其中,但依然希望能够在需要的时候可以控制自己的行为。此类设计包括可撤销设计、防错设计等。

以上4个是目前我掌握的、我认为对于交互设计最实用的几个心理学理论,除此以外,还有很多心理学理论都能够运用到交互设计当中去,比如消费心理学等。这里我再给大家介绍一种有趣并且也挺实用的一种心理学理论:目标趋近效应(goal-gradient effect)。

目标趋近效应指的是人们在接近目标时会加快行动。比如,咖啡店送你一张积分卡,每买一杯咖啡就得1个积分贴卡,等积分卡满的时候就可以换取礼物。下面是两种不同的方法:

A、积分卡有10个贴槽,给你卡时所有贴槽都是空着的;

B、积分卡有12个贴槽,给你卡时已经贴上了2张贴纸;

问:贴满一张卡需要多久,A和B是否相同?答案当然是不同,尽管同样需要买10杯咖啡,但往往B方案会更快地贴满。这就是目标趋近效应,离目标越近,人们就越有动力完成它。这在交互设计中也有使用到,比如我们刚注册一个网站时,网站会提醒我们已经填写了70%的资料,继续完善就会得到什么样的奖励,这就是利用人们的目标趋近心理。

原文链接:jeffreyblog.com/archives/116

  1. 交互设计讨论群 Ⅰ群:156360020
  2. 交互设计讨论群 Ⅱ群:247123791
  3. 交互设计讨论群 Ⅲ群:147868955
  4. 交互设计讨论群 Ⅳ群:362796793

原创文章,作者:ioued,如若转载,请注明出处:https://www.iamue.com/17456/

(0)
iouedioued
上一篇 2016-09-06 14:09
下一篇 2016-09-07 09:10

相关推荐

  • 交互设计第一步 了解完整的知识体系架构

    交互设计师犹如一名“翻译官”,主要的使命就是让人与产品之间更容易沟通、更具有人性化,让用户的操作更加有效,这也是交互设计师的价值之所在。今天推荐的这门课程,带你全面了解交互设计的知识体系架构和工作流程,了解交互设计师应具备的能力、应掌握的工具、如何完成进阶,并掌握让你更加专业、更具逻辑性的设计思维与交互设计面试技巧。点击“阅读原文”,开启你的学习之旅~丨我将从这门课中学到什么?了解形成完整的知识体系架构的重要性了解交互体系架构包括哪些部...

    2018-03-12
  • Axure8.0展开收起

    设置菜单展开收起效果,且联动箭头朝上朝下动效。收起状态:箭头朝下,内容收起。展开状态:箭头朝上,内容展开。【步骤】1)设置展开内容与箭头为两个动态面板,命名2)点击事件设在点击菜单栏,同一个事件下控制两个面板状态。内容面板:箭头面板:设置旋转效果。点击菜单栏:点击运行即可。

    2018-03-15
  • 界面设计规范:历经实战,我总结了四个经验

    最近为了设计提高效率和质量,我开始研究如何做规范。看了一圈别人做的设计规范,又回想了一下自己以前做的,总结了以下几个经验。

    2017-05-14
  • Axure RP 8 入门手册 – 第7章

    第7章母版管理第1节母版简介第2节添加/编辑/删除第3节添加母版到页面中第4节从页面中移除母版第5节拖放行为第6节自定义触发事件第7章母版管理第1节母版简介圆儿:小楼欧巴!小楼:圆圆好!圆儿:老师,我就一个圆!小楼:可是我喜欢两个圆啊!圆儿:老师…你正经一点儿好不好嘛!小楼:呃……你想问什么?圆儿:我想问,在做很多个页面的时候,如果每个页面中都有相同的内容,有没有办法不用每个页面都做一次?当然,我知道能够复制粘贴,但是,如果将来再发生改...

    2018-04-25
  • 【优秀作业展示】交互设计基础(二)

    《交互设计基础》是学习交互设计的重要课程,在大三上学期开课。任课教师是工业设计系的华梅立老师,通过老师的认真指导和对该课程的学习,大家对交互设计有了进一步的了解,在老师的引导下,同学们对高铁取订票界面设计进行了深入的分析和再设计,并选取了感兴趣的小方向进一步拓展。接下来就看看学完本课程后同学们的优秀作业。优秀学生作业第二期申婉彤产品设计15101高铁购票界面设计地点选择日期选择车次车座选择身份认证界面支付界面支付宝支付银行卡支付01Te...

    2018-04-22
  • UED沉思录

    Q:设计前期至输出时常见问题及解决思路以下分享,全是血淋淋的教训积累与总结。当然也是这段时间在AJK优秀Leader的带领下成长出来的。Q:设计师存在的表象问题?设计方案缺乏理论系统化因需求而丧失设计原则页面结构较为混乱,映射设计思路不清晰页面设计细节打磨程度较低页面制作时参数命名不严谨输出适配的兼容欠考虑Q:设计的根本目的是什么?解决问题Q:设计需要具备哪些能力?洞察力「发现身边的好设计」分析力「分析需求、解决痛点的思路」匠人精神「设...

    2018-03-15
  • APPLE WATCH 中文手册:APPLE WatchKit Apps--界面导航

    本文翻译自Apple Watch Programming Guide:Interface Navigation,敬请勘误。 对于内容超过一屏的WatchKit app来说,您必须在设计时选择一个导航类型。您所选择的导航类型定义了如何在应用程序中展示和管理界面控…

    2015-06-15
  • 当交互设计遇到用户体验

    【交互设计原则】 *符合用户使用需求 *基于用户的心理模型设计 *一致性 *及时有效的反馈和解释 *形式追随功能 *单一任务、渐次呈现 1.符合用户使用需求 设计一个产品,最基础的原则就是要符合用户的使用需求。确定…

    2015-09-20
  • 关于增强移动端交互设计的7条小建议

    本文转译自TubikStudio,内容有删减如果你要问某个产品的移动端交互设计好不好?很简单,如果用户能够很轻松愉快的使用以至于没有感受到它的存在,这就表示这款产品的设计是专业的、成功的。另一方面,如果整套交互中存在不合理的地方,用户一定会注意到他们,并且引发吐槽。移动应用的设计,需要清晰易用,可以随时随地进行有效使用。设计师的认识是创建一个直观的界面,指导用户们,帮助他们顺利操作使用。1、降低学习成本每个产品经理或者交互设计师,都想创...

    2018-02-17
  • 用户体验太差:银行要想超越支付宝、微信,请先把App做好!

    如今的支付市场可以说就是支付宝和微信支付的,他们占据了大部分的市场份额,即便是近年来各大银行也推出了APP服务来满足用户的移动上网需求,以通过此来获得用户的支持,可是大多数的银行App做的并不好,不仅使用难度高,人机交互做的也很差,完全不符合用户的操作习惯,体验度也不好,那么,为何银行如此有钱却做不好App呢?沐阳圈、子macd857近期的操作:3月19日分享的浙江东日四个交易日涨幅46%,3月21日分享的西仪股份三个交易日涨幅33%,...

    2018-04-01