阿里设计师分享: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

相关推荐

  • 交互设计如何备考?二战学姐带你领略考研那些事

    姜嘉琪本科南京大学,信息管理与信息系统专业清华大学美术学院公布拟录取名单一周之后,心里那种不真实感终于平复下来。这是我第二年参加考试,至此也算是最好的结果了。为什么考研我本科的专业其实也算是个“交叉学科”,范围广必然深度不足,所以我一度非常迷茫,不知道未来究竟想做什么。后来上了一门《人机交互》的选修课,第一次了解到设计上的微妙差别给使用者带来的不同体验,经过反复思考,我觉得产品交互设计这个领域可以算是我个人兴趣、能力、期望最佳的结合点,...

    2018-04-20
  • 真实案例:如何量化生活服务中的用户体验?

    能把用户体验量化起来么?这算是做好优化用户体验行为的一个前提吧。如果我们能把某件事物的用户体验量化起来,就有了尺度和标杆,这样就能更好的优化UED活动。碰巧最近我碰到了一个同类服务的不同体验,在五家银行更新证件有效期,就以此为例子来分享下我个人对用户体验的量化见解。

    2017-05-26
  • 与经典艺术交互体验,迪士尼推出AR博物馆,“篡改”世界画作

    ——映维网——国际影响力VR信息数据平台文章相关引用及参考:vrscout怎样做到?用户能够通过移动设备扫描博物馆中的任何2D艺术品或者是书籍,然后实时更改颜色和色调。例如,你可以把《蒙娜丽莎》变成紫色的皮肤(映维网 2017年09月02日)迪士尼在2015年开发了一种可以通过实时纹理来创建彩色书籍的AR技术(一种捕获2D绘图来实时创建3D增强现实图像的过程)。自那以后,迪士尼将实时纹理技术发展成一个名为AR Museum的新AR应用程...

    2018-01-30
  • 在人们习以为常并且不再奢望能有所改进的地方,敏锐而又勤于思考的产品经理们还能做些什么?

    锤子新品发布会上,一句“在人们习以为常并且不再奢望能有所改进的地方,敏锐而又勤于思考的产品经理们还能做些什么?”的话,带来了一个疑问,就是怎么在艰难的情况下进行颠覆性创新! 新增: 1.内置网络免费电话功…

    交互设计 2015-08-26
  • 用户体验地图(User Experience Map)制作过程中的一些误区

    作为一种新的产品设计以及用户体验设计工具,User Experience Map(用户体验地图)已经被越来越多的产品经理以及设计师们所接受;确实,在产品策略、功能设计、用户服务等一系列产品发展过程中,用户体验地图的建立可以直观的呈现用户在每一个目标任务下的行为、情感、思考过程,有效的为产品工作者提供各方面的信息。然而作为一种新的工具,铺天盖地的方法论将产品工作者淹没在前进的路上。大家都热衷于建立一个这样庞大而系统的“图片”,都不约而同的将注意力放在如何产出这个Map上,甚至是依葫芦画瓢根据国外的产出物反推这个东西是怎么制作出来的。基于这种现状大多产出的Map都会“徒劳无功”,着急产出的同时你已经忽略了很多原则性的东西。下面我们就从以下几个方面来聊一聊这个过程中容易进入的误区;

    2017-05-26
  • Android电视应用:Amazon Fire TV版TVPlayer设计

    设计和研发、推广一道,是移动应用的成功要诀之一。定义用户操作应用的方式,与应用的功能和高效的盈利模式同等重要。而且,当涉及到为电视这样的新交互模式设计界面,许多在智能手机和平板上有效的模式,都需要重…

    2016-10-18
  • 手机“携号转网”磕绊多,用户体验太遭罪,手机跳槽为何这么难?

    轻点下图  纵横带您“听新闻”携号转网来自新闻纵横00:0005:59工业和信息化部在2010年和2013年,分两批在天津、海南和江西、湖北、云南五个省市,试点手机号码“携号转网”业务。但是到今年初,仍然有试点省份的用户反映,办理过程不如预期的顺利,质疑运营商故意设置障碍。记者调查发现,“携号转网”业务在不同的省份试点效果存在差异,主管部门坦承,有运营商为了挽留用户“搞小动作”,但试点工作整体向前推进,一些技术问题逐步解决。湖北武汉的白...

    2018-04-10
  • Sketchbox:会画图就能使用的AR建模应用

    在目前的情况下设计虚拟现实和增强现实产品并不容易,仍存在挑战。Unity和Epic Games可以说是现在比较常用的编辑应用,帮助用户以非常精确的方式去编辑虚拟现实内容。但需要指出,这两者都是为已掌握相关技术的人群所提供的技术项目,虽然没必要会写代码,但是了解一些简单的原理和技术能达到的界限也还是需要的,从这方面看,设计VR或AR产品的门槛相对还是比较高的。最近,Y Combinator的最新一期项目中的Sketchbox可以帮助设计师...

    2018-03-23
  • 帅气的YouTube改版交互设计,获Adobe大奖

    美国设计师Ziarekenya Smith为Youtube制作的概念交互设计,获得2014年Adobe设计大奖。项目视频↓↓↓Ziarekenya Smith一人承担了设计、动画、音效所有内容.新Logo,一个简洁的取景器,更强调用户UGC特色新的登录页面新…

    2017-08-02
  • AxureUX信息化精美简历模板完整版正式发布

    01作品信息作品名称:AxureUX信息化精美简历模板完整版作品类型:模板类发布日期:2018-03-12最新版本:v1.0主要适用:其它软件版本:Axure 8.0文件大小:5.6MB作品编号:OTH002作品售价:¥69.00详细介绍及演示:http://www.axureux.com/home/ResumeTemplatePro.html复制以上链接在浏览器打开或点击文章底部阅读原文,建议在电脑上查看原型演示。02作品介绍本作品是...

    2018-03-12