阿里设计师分享:UX设计心理套路

在阿里巴巴国际站,我们对心理学理论进行了客观的数据验证,把科学理论应用至前线设计,提升设计效益。我们沉淀及过滤出一些行之有效的方法及案例与同业共享,希望普惠更多设计师能活化科学理论,共享知识协同促进中国设计走出去。


在阿里巴巴国际站,我们对心理学理论进行了客观的数据验证,把科学理论应用至前线设计,提升设计效益。我们沉淀及过滤出一些行之有效的方法及案例与同业共享,希望普惠更多设计师能活化科学理论,共享知识协同促进中国设计走出去。

阿里设计师分享:UX设计心理套路

一、为什么要像心理学思考?

设计师学习心理学知识能更有效提升设计对用户的深层影响,在分析用户行为数据,用户调研分析和假设方案时能更有科学理据精益化思考。心理学的理论和科学实验为我们解析了很多用户行为,以下的案例中会把多种心理学理论,应用到国际用户体验设计。

二、用户是如何思考的?

我们引用美国普林斯顿大学心理学教授丹尼尔·卡尼曼《思考,快与慢》[1] 的思考决策系统1与系统2。研究显示定义如下,

  • 系统1 的运行是无意识且快速的,不怎么费脑力,没有感觉,完全处于自主控制状态。
  • 系统2 将注意力转移到需要费脑力的大脑活动上来,例如复杂的运算。系统2的运行通常与行为、选择和专注等主观体验相关联。

举一些例子给大家了解如何关联到设计上。

系统1

因为需要省脑力,所以95%的交互决策都会使用系统1的直觉思考。

集中注意力是耗脑力的,所以用户浏览到第2屏后跳出率会上升。

统一的交互和视觉会在大脑形成更快捷的大脑电子路径,所以它更符合省脑力的需求。

系统2

因为复杂的思考,需要主动集中注意力,这样会秏费脑力,所以它只占日常生活中的5%。

用户30%时间注意力都会出现分神,所以需要经常唤醒用户注意力和明确引导下一步。

不一致的交互方式和视觉语言,会激活系统2产生非必要的信息处理,从而会影响到用户对产品的主观感受。

三、如何提升设计效益?

以上的例子简述了西方心理学实验与—些设计关联。下面的设计应用案例,会进一步帮助我们把更多理论活用到设计上。

1、善用人脸吸引注意力,提升运营设计效果

以下有模特儿的设计相对於只有产品图的设计,表现明显较好。

阿里设计师分享:UX设计心理套路

图1 有模特儿假发采购设计

阿里设计师分享:UX设计心理套路

图2 只有产品的假发采购设计

为什么有模特儿的运营效果相对较好?

在你阅读这篇文章时,也许你会被这张模特图片吸引眼球,不自主地快速扫描。设计应用的是大脑对人脸的特殊注意力。研究表示,大脑中有专门识别人脸的梭形脸部区(fusiform face area,FFA),让人脸识别绕过一般的大脑视觉处理系统加快人脸识别。[2] 因此识别人脸和对人脸的关注令用户产生特殊的注意力。

另外,我们还应用了2个心理学原理。

阿里设计师分享:UX设计心理套路

图3 镜像神经反射

模仿心理,人的成长由新生儿开始,模仿是我们学会生存的第一步。所以我们会跟着模特的眼睛指向,引导你注视方向,扫视或注视标题。研究表明,大脑中有一个系统叫镜像神经元,它从猿类时代开始就协助我们由简单模仿进化至复杂的模仿。因此用户会被我们的设计引导,产生模仿行为。

性暗示吸引,案例中我们考虑到国际用户的特点,对图片进行特殊处理,模糊化面孔的种族特点。因为在进化过程中旧脑对于物种优生,提高遗传素质的潜意识需求,所以混血儿的多种族面孔会较易对不同种族的用户产生吸引力。

这是一个简单而常见的设计案例,下面我们会进一步提升深度。

2、应用心理学驱动用户,改变老习惯喜欢新产品

MessageCenter是一个老产品,用户平均有4~5年使用习惯。我们在改造这个产品时特别小心,除了一般的竞争产品分析,用户调研等方法外,也应用了一些心理学理论,提升设计有效性。新版本刚上线时用户投诉不少,很多产品也会遇上,我们也不例外。因为改变用户习惯,大脑不能使用系统1,进行快速的直觉操作。引致用户需要启动系统2,主动提升注意力,重新建立脑电思考路径。所以改版项目我们经常会遇上上线初期用户投诉或者行为数据下跌的现象。而我们这项目中产品大概两周后用户反馈转向正面及开始喜欢这次改版,而且新版留存率达90%以上,其中我们用了一些科学理论帮助提升设计效果。

阿里设计师分享:UX设计心理套路

图4 MessageCenter 老版本

阿里设计师分享:UX设计心理套路

图5 MessageCenter 2014

3、项目中我们应用了什么心理学理论呢?

社交智能。研究表示,大脑能记150人以上[4],而记忆一般事项只能稳记3~4项事件[2]。因此我们把原来以事项为记忆单位的沟通平台改为以人为聚合单位,把头像放大了,把人名列在第一个阅读顺序。以人为唤醒记忆的记号,减少了大脑的记忆负荷,提升了用户回忆联系人相关事件的速度。界面设计善用到大脑对信息处理的合适认知模式,能有效影响用户对可用性的主观感受, 因此也直接反映到项目的留存率上。

用户不能精确的说出他们为什么喜欢你的产品, 因为当你访问用户时,他们的大脑会进行记忆重构, 人会选择一个符合大众的客观答案。[4]一次设计改版是一综合因素影响的结果。除此以外我们还应用到一个理论。

70-140字的标题短句。研究表示,短句的信息量会产生较多的多巴胺(想要),而多巴胺会促使用户更目喜欢上产品的感觉产生。[2] 因此预览文案我们控制在有限数量,这个也是刺激用户喜欢和提升学习新产品驱动力的其中一个小细节。

4、新产品上线用户不习惯,需要等多久用户才能回升满意水平?

需要28-60天学习。研究表示,依新习惯的复杂度等因素,会影响新习惯的形成。[3] 因此改版时我们应用到相应研究中的其中一个方法,在原有习惯上附加新习惯,我们保留了不少旧版习惯,结果大概14到20天左右,90%用户建立起新习惯。

5、 为什么用户视而不见?

系统出现错,然后出现提示,这是一个常见的系统小提示,项目中我们发现用户视而不见,点击提示中的功能修复比率很少。我们由原来常态提示窗修改,加强了视觉色彩,图标和动画,最后才能达到我们的目标点击率。

如果你必需打断用户,你可以利用较强烈的方法唤醒用户。因为眼睛分为中央视觉和周边视觉,而案例中周边的提示信息处于周边视觉,这是一个被动注意力区,联动的是进化过程中旧脑自我生存保护系统。[2] 需要使用相对强烈的视觉表现方法吸引用户,例如闪动会比静态的东西更容易吸引注意力。这个也是即时通讯软件旺旺,QQ,在周边闪动,会有效吸引你注意力的原理。

阿里设计师分享:UX设计心理套路

图6 看不见的提示初版

阿里设计师分享:UX设计心理套路

图7 看不见的提示改版

6、目标趋近表单,提升20%填写率

要求用户提供更多资料的表单很常见,但要有效设计提升20%填写率你有把握吗?

我们应用心理学的目标趋近效应(goal- gradient effect),离目标越近人们就越有动力完成。[2] 在我们平台上的多个项目中验证,这类表单比传统表单能提升填写率达平均20%。设定适合挑战难度能最大化边际效益,难度的设计需要配合用户类型和场景进行调节。我们的统计显示,目标趋近表单需要设定有10%以上的初始值,用户会感觉更容易趋近完成,能对填写率产生正面影响。 表单需要展示即时反馈,令用户得到掌握感,产生更多多巴胺(想要),激励和填写能进一步产生驱动力闭环,提升表单填写效益。

阿里设计师分享:UX设计心理套路

图8 目标趋近表单

7、减少选择,提升40%转化率

—个常见的路径,成功注册后从电邮回到平台的确认页面。这个项目页面能引流到不同的产品上,就像旺旺,QQ,360登录广告,它们会天天给你推送不同的资讯入口。 这个多入口分流现象在国内很常见,但到了国际产品显然并不通用。在Alibaba.com我们要面对国际用户,他们有不同的用户习惯和文化,这次改版我们控制产品分流数量,保持在3-4个选择,结果页面总体转化率提升了40%。

我们应用了希娜.S.艾杨格博士和马克.R.莱珀博士(2000)在加利福尼亚门洛帕克的果酱选择数量实验。他们对比24个和6个口味果酱选择对购买率的变化进行实验。研究发现,24个口味的访问率较高,但6个口味的购买率更高,两者相比选择数量较少的高12%购买率。[2]

可控制感是大脑进化中旧脑生存的底层需求,可控制意味着生存的主导权。太多的选择会产生失控感,令用户放弃意向增加,而多少的选择才是合适呢? 大脑的短暂记忆在3-4个是最佳。因此驱动用户选择的优质数量,控制在3-4个对用户是相对合适的数量,在项目中我们也验证出这数量对设计的有效性明显提升。

结语

文艺复兴时,艺术家需要学习人体骨骼,肌肉结构,才能制作出良好的作品。今天用户体验设计师也需要学习用户的心理构成,大脑神经对信息处理的运作,才能成为良好的设计师。因为商业原因我们不方便全面公开实验方法和数据,但希望这里的故事还是对你有所帮助。

时代一直改变,但设计的精神如一,艺术和科学走在—起才是完整的专业设计。希望我们的分享能帮助你提升国际用户体验设计的有效性。

参考文献

[1] [美]丹尼尔· 卡尼曼 (Daniel Kahneman),著。《思考,快与慢》。胡晓姣,李爱民,何梦莹,译。中信出版集团股份有限公司,2012年7月,第1版,ISBN978-7-5086-3355-8/ F. 2633,电子书版本

[2] [美] Susan M. Weinschenk,Ph.D.,著。《设计师要懂心理学》。徐佳,马迪,余盈亿译。人民邮电出版社,2013,ISBN: 978-7-115-31308-9,电子书版本

[3] [美] Susan M. Weinschenk,Ph.D.,著。《说服人要懂心理学》。刘吉熙, 杨硕,译。人民邮电出版社,2014,ISBN: 978-7-115-33957-7,电子书版本

[4][美] 列纳德· 蒙洛迪诺,著。赵崧惠,译。《潜意识:控制你行为的秘密》,北京:中国青年出版社, 2013.5,ISBN 978- 7-5153-1492- 1,电子书版本

ps:《像心理学家思考,提升设计效益》成文于 2015年12月,出版于《国际用户体验设计》

 

作者:周铭汉,来自阿里国际UED的UX设计师

本文由 @周铭汉 原创发布于人人都是产品经理。未经许可,禁止转载。

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

(0)
CatherineCatherine
上一篇 2017-05-02 12:12
下一篇 2017-05-02 14:07

相关推荐

  • 防火防盗防父母:95后隐私观报告

    今天,结合QQ大数据以及对95后的采访,我们共享一份有趣的——《95后迷之隐私观报告》。 来,看看95后们是如何“防火防盗防父母,相爱相杀为自由”: 看来,95后对家长的怨念,收集起来都可以发电了。但魔高一尺,道高…

    2016-05-09
  • sketch 44.1+汉化插件下载

    如果你喜欢UI设计如果你喜欢高效设计如果你喜欢简洁的设计最重要的,你得有个Macbook pro !Macbook pro!Macbook pro  !不要提什么macbook air,因为你是设计师,设计师,设计师。官网地址http://www.sketchcn.com/,可免费下载体验30天。  很值得购买的软件,只需要$99为什么选择 SketchSketch 是为图标设计和界面设计而生的。它是一个有着出色 UI 的一站式应用,所...

    2018-04-22
  • 我为什么喜欢sketch?

    数十万互联网从业者的共同关注!作者:luffy微信公众号:麒麟设计中心(ID:luffydesign)作者授权早读课发表,转载请联系作者。欢迎投稿到早读课,投稿邮箱:mm@zaodula.com文章底部可以评论留言啦,欢迎大家赞同质疑或吐槽。积极留言的同学,注意关注小编的回复,不定期送互联网畅销书以感谢你们的支持,么么哒!Adobe XD出来了,第一时间试用,感觉除了repeat grid和hotspot好像没什么亮点。笔者是一名无线U...

    2018-04-09
  • 译文 | 我在餐厅工作时学到的关于用户体验的心得

    本人在涉足设计专业之前学习过两年的酒店管理。在我实习的过程中,经历过许多与客户之间的沟通交流,这其中有积极的也有负面的。在我看来,酒店餐厅服务也是交互的一种形式,而且这其中涉及到很多体验设计的理论和方法,当我作为交互设计师工作多年以后,仍然觉得很受启发。当我看到篇文章的题目时,我就决定要把它翻译出来!下面进入译文。

    2017-05-30
  • 从产品需求角度,看设计的5层需求金字塔

    举例来说:人们在满足基本的温饱后,才会追求身体健康、安全的住所,接着要求社会地位等等,文艺一点来讲,人如果连追求高尚的权利都没有又何谈高尚呢?举例来说:我刚加入团队的时候,由于需要做大量整改设计,有一些小需求设计到产品设计,会立马询问程序员的开发难易度,并且选择最简单快速的方案,但事后却发现功能点没有想全,更重要的是频繁的打扰降低了开发组程序员的工作的节奏。

    2017-05-16
  • 「10招」教你玩转电商专题页面设计

    电商中的专题设计都是单页设计的一种应用。

    2017-08-04
  • 4种障碍设计方法,改善产品用户体验

    “如果你所设计的障碍是有助于整体的互动,而非阻碍,那么它就是有帮助的。”——Sangeet Choudary“如果你所设计的障碍是有助于整体的互动,而非阻碍,那么它就是有帮助的。”

    2017-08-04
  • Sketch快捷键速记表(中英对照)

    Sketch 是一款好用快捷的设计软件,很多做UI设计的同学开始从 PHOTOSHOP 转向 SKETCH,使用它不仅可以做 WEB 和 APP UI,也可以用它来制作高保真原型或交互稿。如果你刚接触这款软件,那么熟记他的快捷键会大大提高你的作业效率,下面是最新的 Sketch 快捷键一览表,可以让大家快捷查询或记忆Sketch的快键。原文地址:http://www.shejidaren.com/sketch-kuai-jie-jian...

    2018-04-16
  • 读书会第一期:《简约至上-交互设计四策略》

    你有多久没有静下心来好好读一本专业书了?谁都知道读书重要,然而“工作忙没有时间”、“不知道该看什么“常常成了借口,读书还是一再被耽搁。本周起,集创堂推出“设计经典书籍阅读”系列,每周解析一本设计类好书,深入浅出,提炼精华。也许,看完简介之后,你就有了读原著的欲望,那么我们做这件事的目的就达到了。《简约至上-交互设计四策略》这本书是我罗列的推荐书单里专门描写信息架构的书籍,书籍作者Giles Colborne是物理学出身,参与过航空航天项...

    2018-04-07
  • 2018用户体验趋势报告

    在2017年我们看到了很多用户体验的进步和优秀的产品。在与来自全世界的189489名设计师分享学习了1926篇优秀文章之后,我们(uxdesign.cc)分析得到了2018年的一些用户体验趋势。1 用户体验的死亡与重生作为用户体验设计师,我们一直都在争取尽早地参与战略决策,现在,设计师在项目中的地位越来越重要,那么我们要如何应对呢?你的app的用户引导页使用体验如何呢?下面是最佳的自查表;不确定哪种导航最适合你的网站?去看看网站设计样例...

    2018-02-03