不靠灵感做设计!超全面的「情感化设计」落地方法论

编者按:如何靠科学方法而不是灵光一闪做情感化设计?我查阅了很多资料文章,发现情感化设计还是有章法可寻的,是可以形成方法论的,在此跟大家分享下。

欢迎关注作者的微信公众号:油炸果子

为什么要谈情感化设计

“我预感到我们后面会越走越顺,会卖疯了….. 如果有一天我们后面卖了几百万台、几千万台……有一天傻X都在用我们的手机,你要知道这个其实……这是给你们做的。”2017年5月9日,当罗永浩在演讲台上语气哽咽的说出这番话。这句话打动了很多人,坚果PRO发布会后大波自来水几乎在各资讯站和朋友圈刷屏。

​和朋友在一家港式茶餐厅吃饭,跟朋友说“菜做的不错哈”,后面再去,也就觉得一般,当时我觉得奇怪,换厨师了?或者我的味觉档次提高了?后来想明白了,第一次是跟朋友一起,那天聊得很开心,而第二次去,心情很差。

我们的行动和感知经常受情感支配的。

移动互联网已进入下半场,模式创新、产品创新将会越来越难,与此同时,随着消费升级的持续衍化,用户对产品的体验价值要求越来越高,靠基本的痛点满足、功能的完善已经很难从产品的洪流中脱颖而出了,无论线上还是线下,产品与情感的结合,打造良好的使用感观将是产品设计中重要的一环。

情感设计落地的困局

既然这么重要,那就落地实施吧,可是我在做产品情感化落地的时候,却发现几乎无从下手,翻遍了各种案例想学习借鉴,几乎看不到一个系统化的执行思路。

我看到的案例是这样的:

不靠灵感做设计!超全面的「情感化设计」落地方法论

著名设计师菲利浦·斯达克(Philippe Starck)与Alessi合作出品的榨汁机,其银色的造型象一只巨大的蜘蛛,但更多的被认为像是外星来客,也因此得了“外星人”的绰号。据说自1990年到2001之间,Alessi就卖掉了55万个“外星人”榨汁机,至今仍是设计专卖店中的经典之作。

腾讯微博吹一吹功能。只要对着手机屏幕话筒位置的蒲公英吹一口气,白色的绒球就会飞散开来,带你穿越到地球的各个角落。

不靠灵感做设计!超全面的「情感化设计」落地方法论

还有这样的:

不靠灵感做设计!超全面的「情感化设计」落地方法论

这样的:

不靠灵感做设计!超全面的「情感化设计」落地方法论

这些是不是情感设计,是的。但是很抱歉,这种情感设计大部都是脑暴后的灵光一闪,是创意设计,我们没没法从中找到情感设计的落地方法,除了惊叹设计者的牛逼之外,对产品情感设计怎么落地,一点帮助都没有。

情感设计好像没有科学的落地方法一样。我们在做产品情感设计的时候,都处在这里可以优化下,那里那可以调整下,至于情感设计哪里可以用、怎么用,全凭感觉。

我很讨厌做事凭感觉,情感设计不应该只是凭着感觉来。在此之后,我查阅了很多资料文章,发现了一些脉络,情感设计还是有章法可寻的,是可以形成方法论的,在此跟大家分享下。

成果如下:情感设计可以从情绪调动、影响感知和拟人化着手。

情绪的调动

产品的呈现往往是商业目的和用户需求的综合结果,毕竟产品背后不是慈善机构。到这里,也许你明白了,产品除了满足用的痛点,让用户用的爽之外,还需要用户去做一些产品期望用户去做的事情,而这些事情不一定是用户当前状态下会主动去做的。情感设计能调动用户的情绪,能引导用户做到这一点。

另外一方面,产品使用过程中,并不一直都是爽的,情感设计还能消除用户在产品使用中的不利情绪,让用户在使用产品中是开心的,

为了简化理解,我列了三个层级的用户情绪,厌恶、安全、满意。对于产品来讲,当产品的使用中,用户出现了厌恶(不高兴)的情况,那么我们要做的就是,通过情感设计,让用户的负面情绪变为”安全(普通)“甚至变为”满意(高兴)“。

带动情绪:引导用户完成你想要的流程

带动情绪往往运用在引导用户完成产品的期望动作上,以产品介绍为例,每次产品发布或迭代,大部分用户时候没兴趣了解产品新功能的,都是拿到手里就用,那么这个时候有趣或者有feel的引导页就登场了,以轻松、以逼格、或有趣的方式给你介绍产品。

不靠灵感做设计!超全面的「情感化设计」落地方法论

新浪微博运用卡通形象调动用户的情绪,让用户传图片、分享图片、美化照片。通过可爱萌的形象,让用户乐于期点击并了解活动(右下)。

不靠灵感做设计!超全面的「情感化设计」落地方法论

用户的情绪的带动,以让用户跟进产品期望行为为目标,这种情感设计比较常用在用户的资料完善,用户喜好收集、新手引导、版本更新说明和做产品任务方面。当然,情绪带动的应用范围远不止于此,当用户操作预期不一定符合产品预期的情况下,这个方法是可用的。

控制情绪:消灭产品中的负面情绪

以支付宝为例,下图是支付宝9.9版本的引导页,支付宝这一期的引导页在上狠下了一番功夫。从当时的处境来看,阿里一直想解决他的入口问题以及产品粘性问题,想摆脱支付宝只是个支付工具的固有认知,因此此时的支付宝将阿里各种产品入口放在支付宝,以及一路狂奔的做社交,这种举动让用户异常反感,吐槽之音不绝余耳,那么这个时候他就需要为自己的产品策略做一个合理的解释逻辑,于是就有了下图,这套引导页在很大程度上加强了用户对阿里的理解与支持。

不靠灵感做设计!超全面的「情感化设计」落地方法论

Chrome Web Game,很不错的错误页面设计。当页面不能访问失败时,出现了一个类似于马里奥的网页小游戏,用户点击空格键,就可以前进跳跃,跳过一个个障碍物有没有感觉很爽呢?用户对访问失败感觉很不爽的,此种做法有效的做到了分心,消除不爽。

不靠灵感做设计!超全面的「情感化设计」落地方法论

再比如加载,等待加载时一个令人厌恶的事情,蜜蜂的皮肤纹理也可以做成进度条~,用有趣的卡通形象化解负面情绪。

不靠灵感做设计!超全面的「情感化设计」落地方法论

如下图,这是我之前看到的一篇文章中描述的一段,事情是爱心妈妈捐赠了自己大孩子用过的物品,对于捐赠者来讲,最担心的是捐赠品一旦出手,就好像人间蒸发了一样,那么这个时候,如果你能看到捐赠品每一个环节的流通,看到被捐赠者和赠品的互动,你是不是感觉很暖心。减少捐赠者的担忧,也让产品更加感性。

不靠灵感做设计!超全面的「情感化设计」落地方法论

这类的案例还有很多很多,就不一一列举。

产品中情绪调动的落地方法,流程分三步:

1. 梳理产品所有流程、节点和可能出现的情况(三种类型我统一称为“元素”吧)。

2. 给每个元素打赏情绪标签,😊或😞。

3. 对每个😞标签的元素进行情感设计优化,让用户在使用这个元素的时候,自己是开心的或是乐意的。

感知的影响

感知层面的情感设计指的是从用户的内心出发,通过美好的事物,触动用户。感知层面一般有通过两方面来影响,一种是认同,我有过类似的经历、我能体会类似的心情;另外一种是兴趣,我喜欢打篮球,我喜欢搞笑,所以类似的事情我会很关心。

建立认同:我也有这种感觉

前段时间网上有个拐卖儿童直接死刑的讨论热潮,很明显这个观点经不起推敲,但是为什么呼吁的人还是那么多,后来查了下,发现转发和支持此观点的大多都是孩子的母亲(其中还有很多受过高等教育,不少其实都很理性),因为自己有孩子,同理心作祟,所有无论这个要求有多无脑,他们都会支持。

其实这个思路子产品中也能运用。比如你的用户群体是90后,他们的特征是什么呢,有个特点,就是不耐烦,我要的现在就要。QQ浏览器官方微博发布了以“我要的现在就要 梦想三部曲”为主题的全新品牌视频,立即在网络上引发热议。

不靠灵感做设计!超全面的「情感化设计」落地方法论

曾经qq皮肤中有一个胖美人鱼形象,每个女胖子心里都住着一个美人,谁都不想胖,胖了之后我们也都希望是美丽的。这张图已经过去了好几年了,但给我留下了很深的映像。

不靠灵感做设计!超全面的「情感化设计」落地方法论

再比如,这两年有80后有一股怀旧热,我们玩过的弹珠、打过的玩具枪、跳过的房子、听过的磁带,当然还有曾经的梦想,都可以在我们在产品的呈现中做文章。

不靠灵感做设计!超全面的「情感化设计」落地方法论

调动产品认同,从用户的心理和一些经历出发,比如在母婴产品中,女性的生产问题、丧偶式教育的问题,比如在婚恋市场,男女择偶观偏差的问题、直男癌、妈宝男的问题。或者你的产品并不是这些类型,但用户群体是吻合,考虑从自有产品结合这些观点的做法,也是能从同理心层面做些产品的情感化设计。

发现兴趣:我喜欢这类东西

我们的目标用户喜欢什么?什么能让他开心?这也是从感知层面做手设计的一个方向。

我们都喜欢幽默(你也可以理解为逗逼),我听到这么一句话,“如果遇到一个逗逼,请远离他。因为日后很有可能和他们成为好朋友。。。”,各种社交软件、一言不合就斗表情包!我们对幽默有着天生的喜好。所以在你的产品中适时加入一些搞笑逗逼的文案或者图片,能极大的增加用户的对产品的好感。

有次我看到360的一个抽奖活动页面,其实页面活动很普通,但是中间有句话是这样的“据说用脚点击,成功率100%”。我当时在想,我要不是试试。

再比如有广告大师奥格威提出的3B原则,beauty——美女、beast——动物、baby—— 婴儿,三者的引入人类关注自身生命的天性,最容易赢得消费者的注意和喜欢。

在比如我们都喜欢萌物,很多产品都是用萌萌可爱的开通形象为产品代言,京东狗、天猫、苏宁狮子、不二家的小女孩小男孩、海尔兄弟。这些形象除了品牌代言,也会落地到产品的每一个环节中,给产品带来了活力,让用户在面对产品的时候不是面对一张毫无感情的功能操作。

所以,感知类情感设计怎么运用,三点。

1. 挖掘用户群或各个层面用户的情感认同点和兴趣点。

2. 寻找产品中可以将这些情感点落地的位置,可以是狭义的产品App中或者广义的产品宣传中。

3. 结合产品特点和功能,将这些情感设计做成可落地方案。

拟人化

除了上面两个大的方向,情绪调动和感知的影响,还有一个方向,拟人化设计,这个好理解。简要的说下,将我们的产品化身为一个人,让他具备人的感情。当用户需要操作我们不希望的功能、或者希望调动用户去使用某些功能的时候,产品会像一个人一样。比如下图的搜狗的卸载时的图文提示。

不靠灵感做设计!超全面的「情感化设计」落地方法论

比如下面是美团的文字邮件。

不靠灵感做设计!超全面的「情感化设计」落地方法论

总结

情绪的调动,感知的影响以及拟人化行为的引导,这三点的落地方式可以是图片、可以是文案,可以是多媒体。

遇到问题,先定义这是什么问题,能够否通过情感化设计解决,如可以,用上述的哪种方法,使用方法,解决问题。

「情感化设计好文合集」

  1. 新手篇:《并不复杂!写给新手的情感化UI设计简明指南》
  2. 品牌价值:《腾讯ECD:如何以情感化设计提升品牌价值》
  3. 3个层次:《设计的三个层次,帮你重开情感化设计的大门》

【优设网 原创文章 投稿邮箱:yuan@uisdc.com】

================关于优设网================
"优设网uisdc.com"是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量200万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com

收藏 64
点赞 4

复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。