有内味儿了 | QQ黄脸表情进化日记

腾讯ISUX

发布于 2020-05-26 17:40:43

1.1K0

发布于 2020-05-26 17:40:43

文章被收录于专栏：腾讯社交用户体验设计腾讯社交用户体验设计

腾讯ISUX

isux.tencent.com

社交用户体验设计

发消息带表情已成为“网上冲浪”的社交礼仪，QQ内自带的黄脸表情同样被广为使用。但伴随着社会文化的变迁，黄脸表情在使用时总让人感觉“表情用时方恨少”。别着急，新表情已安排。QQ4月上新了一批神仙表情，“疑惑”“ 辣眼睛”“ 沧桑”“ 尴尬”，这些表情是否也是你的日常？如果你也被击中的话，跟我一起看看表情的设计故事吧！

一

现状：QQ表情缺少“内味儿”

QQ黄脸表情是从PC时代传承到移动时代的经典之作，随着时间的推移，经典也需不断更新。如今年轻人表情使用场景和情绪表达方式均发生了很大变化，现有的黄脸表情略显不足，于是新增黄脸表情便被提上日程。作为设计师发起的项目，首先要自我明确项目的目标与设计方向：

1.用户已有这么多自制表情包了，我们还需要扩充黄脸表情吗？

00后们的文字表达更加戏剧化，他们发送的消息中会往往自带夸张的情绪。这意味着表情包。自制表情包虽然丰富多样，但其使用时与消息文本的关系不紧密。而黄脸表情可以灵活内置于文本之中，用户需要黄脸表情来表达文本中的小情绪。

2. 为什么现有黄脸表情缺少“内味儿”

QQ黄脸的内容多为直白的表达喜怒哀乐的情绪，画风乖巧。而反观用户喜爱的表情包，其情感表达更加微妙，符合他们真实的生活场景如辣眼睛、疑惑。画风也更加夸张。黄脸表情表达的缺乏对于用户微妙情绪的表达。

3. 如何筛选出可以成为经典的黄脸表情？

用户的信息表达的方式受到社会文化的影响。所以黄脸表情不只要考虑如何表达日常通用情绪，也要兼顾随着某个社会现象兴起而带来的特殊表达需求。但是每一个文化现象都有自己的时效性，上个月还在万人热议，下个月可能就无人问津。所以此次新增表情需要更加快速灵活、敏捷迭代。

所以此次项目要用短平快的工作流，新增黄脸表情，来表达当下年轻人的微妙情绪。

二

内容层：发现情绪表达的那些梗

为了在短短时间里寻找最能精准切中年轻用户喜好的表情，我们从定量的数据分析遍历到定性的桌面调研，再结合设计师的直觉经验快刀斩乱麻，筛选出最后要新增的表情,整个过程仅用一周左右时间。

1.数据分析：最受欢迎的QQ黄脸表情是怎么样的

人们常见的情绪大类主要分"喜怒爱惧”4种。在QQ最受欢迎的前7个表情中,多达5个是不同种类的笑。人们在人际交往中有宣泄内心真情实感的需求,但是在社交网络的压力下也有进行印象管理和持续维护关系的需求，所以即便是负向的情绪也常常会使用正面的方式来表达。

2.情绪定位：表情背后复杂的小情绪

过去的黄脸表情走的大多是以逗乐的、萌萌的风格较为直白地表达心理感受。但日常生活中,这类表情难以表达诸多让人"靓仔语塞”的内心感受。

想想这种情况你是否经常遇到？觉得为难、不情愿但又不想因为表示拒绝而破坏气氛，被冒犯了但又不想表现得太直白免得被理解成玻璃心，想吐槽说骚话但又不想被对方误解为带有敌意，想要发泄情绪但又不得不为了维护面子压制心中不满……正是这些微妙复杂的情绪耗费大脑更多的资源进行处理和表达，堵塞了日常的沟通表达。

因此，我们将本期黄脸新增表情定位为：用正面的、柔化的方式表达诸如尴尬、为难等窘迫的感情，让用户能够更加自如地在社交场上表达内心复杂感受。

3.年轻人都是怎么表达负向表情的?

为了找到这类的情绪表达方式,我们在网络上进行了地毯式的调研,重点关注：用户自发设计并在社交媒体发酵流行起来的表情包、口口相传经久不衰的网络热词、新的00后黑话以及在b站等00后常驻地点。此阶段的目标是在有限制的时间内尽可能大范围地收集可能性,因此我们采取在腾讯文档上"填鸭”的方式用一周时间集思广益。

4.如何筛选表情?

经过团队内部的投票筛选,总共有2种类型的表情脱颖而出:

保持微笑型：“无论再xx也要保持微笑”似乎成为了00后万能的回应方式以及特有的社交礼仪，目前QQ的微笑种类比较单一，还有在该类型上还有更多丰富拓展的可能

夸张颜艺型：颜艺型表情对于浸染在二次元文化中的00后是熟悉而又刚需的存在，因为用夸张的方式表达内心感受反而更加真实，因此也常常在社交中使用。

当然，仅仅根据情绪定位的角度捕捉表情还不能更全方位狙击用户喜好。因此，我们根据当下的突发事件、流行语、以及社畜日常场景补充了一系列表情：

三

表现层：找到符合用户胃口的画风

过去的黄脸表情乖巧惹人爱，但其过于“正经”的画风也限制了其使用场景。那么究竟哪些表情特征可以吸引用户去使用呢？为此我们去收集了年轻用户聚集的QQ群（如扩列群、00后交友群）用户常发的表情包。在研究后我们发现这些表情包在视觉表现上呈现以下特征：微表情、戏剧化、年轻化。所以此次新增表情在视觉设计也在朝这几个方向进行细致打磨。

1. 精准表达微表情

比起人们有意识做出的表情，“微表情”更能体现人们真实的感受和动机。微表情转化为设计的重点在于捕捉真实人脸肌肉运动的各种细节，抓住表情的精髓。

当设计“无奈的尴尬”表情时，我们去观察人们尴尬时五官和面部肌肉的运动，发现当尴尬的笑时，人的五官会更聚集，产生一种局促不安的感觉。所以在表情设计上，我们将眉毛、嘴巴到眼睛的距离调近，让整张脸在视觉上更加局促，让情感传递更加生动。

而这个嫌弃脸，我们在设计之初把关注点放在了嘴型的调整上，希望通过嘴部形状让用户get到“咦”的语气。在经过几轮调整后我们发现其实嘴型并不具备这个情绪的代表性，难与其他表情产生差异。于是设计师选择抓住了人们嫌弃时鼻孔张开的小细节，对它进行放大，增加这个表情的辨识度和感染力。

2. 戏剧化

戏剧化等于熟悉加意外。在用户熟悉的场景中加上一些意想不到的夸张表现，情理之中意料之外，引发用户的传播。

令人头秃表情来源于同名网络热词，形容费解和苦恼。表情最初的设定是“苦恼的光头”、“极少的发量”，但是呈现出来的效果不尽人意。所以我们加入戏剧效果，让表情从正常的头发变化到“秃顶式”掉发，这一出人意料的过程极大的增加了表情的焦虑感又添加了一丝诙谐。

呵呵表情则是一个现有表情戏剧化的典型案例。世界上几乎每一个表情库里都有微笑表情，但是用户真正使用微笑时往往略带嘲讽。因此在呵呵表情设计中，我们利用用户极其熟悉的微笑表情，附加上意想不到的倒置和翻滚，既增加表现力，又符合用户对原有微笑表情元素的理解。

3. 年轻化

表情也是用户本人形象的投射，所以其外表上需要更加符合年轻人的形象。

当我们在现实生活中做“辣眼睛”这个表情时，五官会比较狰狞，眼部和鼻部会挤在一起，产生一些表情皱纹。如果我们直接按照真实人脸来绘制，这些皱纹的存在会使得表情看上去老气。为了更符合现有QQ黄脸 “年轻化、轻质感”的风格，我们最终去掉了眉梢眼睛的细节以及法令纹，只保留了剑剑的鼻孔的细节，令表情更符合整体的风格。