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

2017/05/18 9122

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

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

为什么要谈情感化设计?

“我预感到我们后面会越走越顺,会卖疯了….. 如果有一天我们后面卖了几百万台、几千万台……有一天傻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

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:http://www.uisdc.com/emotional-design-landing

素材 界面设计 交互设计师 好文 设计流程 UI 转场动效 用户体验设计 设计师专访 设计师 排版布局 扁平化设计 素材下载 视觉设计 职场 设计规范 产品设计 配色 web前端开发 设计趋势 海报设计 AI教程 字体下载 设计理论 动效设计 神器下载 图标设计 psd下载 logo设计 神器推荐 ICON 职场规划 App设计 酷站推荐 字体设计 交互设计 ui设计 用户体验 设计师职场 优秀网页设计 酷站 ps技巧 PS教程 网页设计 经验分享
wechat

优设官方微信

50万设计师关注

微信号:youshege

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里