互联网产品情感化设计应用实例(上)

互联网产品情感化设计是一个大趋势,这个趋势将在2018年迎来春天。

情感化设计是一个很宽泛的概念,最早适用于日常生活中各种实物产品,自从互联网诞生以来,情感化设计也逐渐应用到互联网产品上,今天分享的主题介绍一些互联网产品在情感化设计上的应用实例,给大家提供一些灵感,后期可以更好地优化自己的产品。

一、什么是情感化设计?

  • 什么是情感?

情感是人对外界事物作用于自身时的一种生理反应,是由需要和期望决定的。当这种需求和期望得到满足时会产生愉快、喜爱的情感,反之产生苦恼、厌恶。

  • 什么是情感化设计?

情感化设计最早由唐纳德·诺曼在其同名书籍中提出,是一种着眼于人的内心情感需求和精神需求的设计理念,目标是在人格层面与用户建立关联,使用户在与产品互动的过程中产生积极正面的情绪。这种情绪会逐步使用户产生愉悦的记忆,从而更加乐于使用你的产品。

Aarron Walter将情感化设计与马斯洛需求层次理论联系起来,按照产品特质,将产品划分为功能性、可依赖性、可用性和愉悦性这四个层面,情感化设计则处于最顶层的“愉悦性”层面当中。但目前绝大部分产品都停留在可用性这个层级,很少有产品有精力去做到愉悦性,其中的原因可能与公司战略、目标有关系,也有可能是产品经理意识的缺失。

二、为什么做情感化设计?

  • 情感化设计的产品更能俘获用户芳心,提升产品满意度;
  • 当前市面上相同类型产品越做越像,彼此之间的区别也越来越小,同行业的产品用户感知不到区别,因此情感化设计可以是差异化的一个重要因素,但不是决定因素。
  • 随着社会的进步,用户更注重情感诉求和心理诉求,尤其以90后、95后为主,更注重个性化、更注重个体主观感受,所以情感化设计更符合用户心理诉求。

三、情感化设计应用实例

  • 调动用户情绪:又可以分为两方面,即带动用户情绪和转化用户情绪。

带动用户情绪:完成产品期望用户做的事情、例如产品希望用户体验新功能,此时就需要一些引导来帮助用户完成操作(例如产品的引导页,游戏的引导页);

1.全民K歌-引导页:

很多用户安装APP后根本不会看引导页,直接跳过引导页使用产品,产品在引导页上介绍的一些产品功能特性也就被忽略了。为了抓住用户的注意力,部分APP开始采用短视频来介绍产品特性,相比较于简单的文案+图片形式,视频更容易让用户接受,吸引力也更大。让用户在体验产品的第一步就能对产品产生好感。

此引导页是个视频,所以我截了张图让大家感受一下。

2.哔哩哔哩APP-引导登录:

登录本来是一件用户本身就不喜欢的事情,直接弹出登录窗口甚至会增加用户的进一步反感。(例如左图)

blibli引导登录时有趣的配图可以分散用户注意力,减轻反感情绪;文案又告诉用户两个信息,一是你没有登录,所以会出现提示你登录的页面;二是登录后可以打开新世界的大门,让用户产生一种好奇,新世界里有什么东西?让用户理解登录的目的。

3.哔哩哔哩APP-新功能引导

采用和登录页相同的方法,有趣的配图+俏皮的文案,提高引导过程的趣味性。当然文案的风格要和目标受众的口味、喜好一致,如果哔哩哔哩的受众不是95后,而是大爷大妈,用此种风格的文案就不合适了。

转化用户情绪:转化用户在使用产品中出现的负面情绪(例如淡化加载失败时的沮丧、烦躁情绪或转化为喜欢、开心的正面情绪);

在用户使用产品的过程中,最容易出现负面的情绪的情况当然是加载失败、加载中、下拉刷新和空页面四个状态了。

1.Chrome浏览器-加载失败

页面加载失败时出现一只恐龙,点击空格键就可以玩类似于超级马里奥的游戏(强烈建议大家尝试一下呦~),以此来分散用户注意力,转化沮丧、烦躁的负面情绪。我尝试过,等玩了几把游戏之后,完全忘记了之前加载失败的事情。可惜的是交互做的很委婉,很少有用户发现。

2.美团外卖APP-加载失败

通过诙谐的图片和文案向用户解释加载失败的原因,获取用户理解,减轻焦虑感。

3.去哪儿APP-加载失败、加载中

加载失败时,骆驼表现出沮丧的表情,正好也体现了用户的此时的心情,获取同理心,拉近与用户的距离;加载中的时候,骆驼走动,增加等待时的趣味性。都可以转化用户的负面情绪。

4.美团外卖APP-加载中

在减少用户等待加载或刷新时焦虑感方面,采用一只萌萌哒袋鼠,是一个外卖小哥的形象,很好地传达了产品的调性。

5.网易蜗牛读书APP-下拉刷新

充满趣味的文案,可以分散用户等待的注意力,减少焦虑感。

6.腾讯体育APP-下拉刷新

篮球是腾讯体育APP标志性的运动项目,篮球运动中表示正在刷新,进球表示刷新成功。刷新动画符合app的产品定位,并且增加了极大的趣味性

7.全民K歌APP-空页面

大部分产品的空页面设计平平淡淡,放一个毫无关联的图标,冷冰冰的文案就草草了事,例如“暂无数据”,给用户的感觉就是在和一台毫无感情的服务器进行交流。(例如左图,好在文案上还有一个语气词,没那么生硬。)

全民K歌:图片用吉祥物表达空数据时的愤怒、焦躁心情;俏皮的文案,指引用户去唱歌,点击可直接进入录制歌曲模块,快捷入口又可以提升唱歌模块的活跃度。

sad~   经过我的多次尝试,可能是因为图太多,一篇文章里无法些呈现全部内容,所以只能补充一篇下文了,大家可以搜索“互联网产品情感化设计应用实例(下)”查看剩余内容哦~

文/Kris

9条评论 添加新讨论

13小时前评论

在***平台,产品经理将充分发挥自身优势,展现自身能力,让每一各项目都完整实施落地。 ***平台诚邀IT行业产品经理申请免费入驻(13828826737)。让我们一起做到极客,将事情做到完美。

回复
6天前评论

牛~产品经理的基础设计能力,是需要不断打磨,不能眼高手低~见很多产品经理在产品设计时,总是会把空值页面给忽略,其实这是产品设计过程中很重要的一个环节~

回复
  1. 5天前评论 回复
6天前评论

看时有一个很大的触动:产品尽管受公司战略、业务、目标等因素影响,仅停留在功能层面,未深入研究其体验上的设计,但产品经理意识不能缺失。

回复
  1. 5天前评论 回复
登录后参与讨论
Ctrl+Enter 发表