交互设计师应该了解的心理学理论:认知心理学、格式塔心理学和心流

问:贴满一张卡需要多久,A和B是否相同?答案当然是不同,尽管同样需要买10杯咖啡,但往往B方案会更快地贴满。


问:贴满一张卡需要多久,A和B是否相同?答案当然是不同,尽管同样需要买10杯咖啡,但往往B方案会更快地贴满。

交互设计师应该了解的心理学理论:认知心理学、格式塔心理学和心流

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

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个积分贴卡,等积分卡满的时候就可以换取礼物。下面是两种不同的方法:

  • 积分卡有10个贴槽,给你卡时所有贴槽都是空着的
  • 积分卡有12个贴槽,给你卡时已经贴上了2张贴纸

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

 

原文来自:jeffrey’s blog

原作者:jeffrey

本文由 @maoliren  翻译发布于人人都是产品经理。未经许可,禁止转载。

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

(0)
CatherineCatherine
上一篇 2017-05-20 15:35
下一篇 2017-05-20 17:37

相关推荐

  • 用户体验 | 移动网络音频传播效果研究

    作者:广东外语外贸大学新闻学院教授   郭光华广东外语外贸大学新闻学院硕士生    余思乔来源:《新闻爱好者》【摘要】在传统媒体被集体唱衰的时代背景下,移动网络音频的出现重新定义了广播行业,并在短时间内抢占了大量的音频市场份额。移动网络音频作为互动传播平台,将传统的听众身份转变为用户角色。用户主动使用这一平台,在互动中完成了内容的共构和情感的交流,从而获得了全新的体验与满足。【关键词】移动网络音频;用户体验;传播效果移动网络音频是新媒体...

    2018-04-10
  • 从情景出发的可用性设计

    设计文章 / 交互设计 | 来源:TID | 作者:stephyl 前言         为了优化产品,提升用户体验,产品团队经常做很多事情:数据监测、数据分析、竞品分析…然后给交互设计师提需求,让交互设计师把需求转化为可用的功能…

    2014-12-01
  • 字体的性格【转】

    任何字体都有其独特的风格,有的让人感觉现代、古典;  柔美、刚毅; 迅速、缓慢;  稳重、轻盈… 在设计时,通常为表达某种情感而选择字体。对字体情感的产生是因为对某种字体的内在韵律,而产生的视觉反应。 另外,…

    2014-09-18
  • 十步交互设计方法

    理清业务逻辑是交互设计的第一步,你必须得拥有非常清晰的逻辑思维,因为某些产品往往伴随着海量的功能、大量的模块、错综复杂的交互流程以及难以理解的业务技术背景,这些都是对设计师逻辑思维的一个挑战。如果你没有清晰的清晰的逻辑思维,那可能就不适合做交互设计了。

    2017-05-27
  • 【交互面试】阿里巴巴交互设计实习生笔试题汇总

    阿里巴巴交互设计实习生笔试题 1 在线测试,测试时间 180 分钟 【自我介绍-20 分】简要的自我介绍(学校、学历、专业、个性、独特亮点等),并上传你的简历和作品。(将附件上传到无密码的网盘中,建议使用酷盘,并…

    2015-07-30
  • 以开发的视角做设计:开发眼中的设计稿长什么样?

    面对完全不一样的媒介,设计师们会有不一样的目标,也会使用不一样的手法进行设计。 比如说一名 UI 设计师与平面设计师的最大区别,大概就是在于 UI 设计师能够以开发的视角来做设计。

    2017-05-01
  • 《交互设计专题二》——华南理工大学设计学院本科教学汇报展 • 第二回

    《交互设计专题二》《交互设计专题二》课程针对智能化产品设计领域,鼓励设计背景的学生学习基本的软硬件技术,发掘产品需求,提出设计概念,开展设计研究,并亲自动手完成功能样机。经过5周的课程,7组共27名学生,完成了7个不同主题的设计和初步的功能样机实现。《交互设计专题二》只是信息与交互设计实验班的初步尝试,在国内也鲜有既有模式可供借鉴,课程内容、教学方式、设计展开过程、样机实现以及最后的课程设计汇报,都有不成熟的地方。因此,诚邀大家前来参观...

    2018-02-21
  • 通过减少认知超载,提升用户体验(上)

    “怎样才能改善用户体验设计?这是关于用户体验研究恒久不变的话题。今天给大家推送的是关于运用认知心理学中的相关理论来提升用户体验的研究。希望对大家有帮助。 文章太长,会分成两次推送,欢迎期待~“通常,飞速行驶的货车不可能轻松地停下来。因为它需要花费很多努力,运用更多的动能去改变运动状态。与其强迫人们从他们的主任务上转移注意力,不如直接带他们去他们想去的地方。”
    ——Luke Wroblewski,谷歌产品总监

    2017-05-07
  • 未来设计师应该是数据艺术家

    未来设计师应该是数据艺术家 人类正进入数字化时代,虚拟世界里充斥着海量的数据,各种各样的数据。在此背景下,Mark Rolston认为,软件产业将需要新型的设计师:数据设计师,一种精通数据的意义、形式、移动与转换…

    2014-12-01
  • Axure RP 7.0软件安装教程

    如何在软件屋下载软件?目录查询编号首页回复编号点击链接输入密码提取文件点击查看详细步骤Axure RP 7.0安装资源下载地址:链接:https://pan.baidu.com/s/1rafwH1U密码:m6fo安装中有任何问题请咨询软件屋私人微信:wei-c-q-186软件介绍:Axure RP是一个专业的快速原型设计工具,让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。...

    2018-03-04