原文链接 AlibabaDesign

00后新生代网民用表情造句,中老年表情打出祝福体……emoji 表情已经越来越成为线上发言必备的一种「情绪符号」。闲鱼 emoji 表情最近就进行了一次全新升级,有可爱的、油腻的,也有紧跟潮流的。今天我们就来介绍一下这次设计升级的历程!

【表情设计】「可可爱爱」——闲鱼emoji表情2.0 升级历程独家揭秘 - 图1

A. 网络文化的变迁

刚开始用表情网上冲浪的年代,大家都还很单纯质朴,觉得“微笑”就是微笑,“困”就是困了。不知不觉,大家越来越习惯想到“阴阳怪气”的方向去。这种微妙的变化,表明表情的含义会随着网络文化变迁而不断演变。

【表情设计】「可可爱爱」——闲鱼emoji表情2.0 升级历程独家揭秘 - 图2

闲鱼用户年龄分布数据,也显示闲鱼平台上的年轻人居多。已经用了5年的闲鱼的旧表情,显然已经不能满足当今的使用场景。

【表情设计】「可可爱爱」——闲鱼emoji表情2.0 升级历程独家揭秘 - 图3



B. 表情能给业务带来的价值

我们发现,闲鱼交易中交易双方轻松有趣地沟通能帮助交易转化,当前表情使用主场景也主要是闲置交易。因此,我们希望通过优化闲鱼表情,来帮助交易双方轻松有趣地沟通。
其次,闲鱼也不只是单纯的交易平台,有很强的社区化氛围,希望通过表情来帮助用户社交互动。



C. 旧表情本身存在的问题

闲鱼旧表情中,有许多情绪表达是不够精确,友善的,对此也有用户进行了吐槽。

【表情设计】「可可爱爱」——闲鱼emoji表情2.0 升级历程独家揭秘 - 图4

此外还有一些表情的表意相近重复。与其他表情放在一起对比,能感觉出闲鱼表情不够年轻。

【表情设计】「可可爱爱」——闲鱼emoji表情2.0 升级历程独家揭秘 - 图5

综上,闲鱼emoji表情亟待升级。

【表情设计】「可可爱爱」——闲鱼emoji表情2.0 升级历程独家揭秘 - 图6

接下来,正式开始升级闲鱼表情!我们根据前面的升级原因分析,去重新定义了闲鱼表情,希望它是“有闲鱼特色的,更有爱、更有梗的”。并由此来制定出具体设计策略。总体目标,就是要让买卖双方沟通更顺畅,用户更爱社交互动。

设计策略1:视觉表现改造

总体质感
但是却发现,这种质感在闲鱼的使用场景中(尤其是黄色背景中),视觉上非常不突出。并且,与苹果默认=emoji混合使用的时候风格协调性有问题。最终,还是决定选择用比较“经典”的质感。

【表情设计】「可可爱爱」——闲鱼emoji表情2.0 升级历程独家揭秘 - 图7

五官比例
相关研究发现,人类婴儿的脑袋较大,眼唇距离近,会给人带来“萌、可爱”的感受。小奶猫、Q版漫画会让许多人觉得萌,也是因为有同样的特征。如果以下这只小猫咪如果失去这些特征,你会还觉得萌吗?

【表情设计】「可可爱爱」——闲鱼emoji表情2.0 升级历程独家揭秘 - 图8

因此,我们对表情的五官比例进行了缩小,缩短嘴巴和眼睛的距离,让它更加可爱、善意。在尝试过程中,我们化身“阴阳怪气精”本精,仔 (è) 细 (yì) 感 (chuǎi) 受 (cè) 所设计的表情,看它的表达是否足够善意。比如这个非常容易被人误解的「微笑」表情,以下就是它逐步优化的过程。

【表情设计】「可可爱爱」——闲鱼emoji表情2.0 升级历程独家揭秘 - 图9

五官生动性
我们也发现,一点点角度不同、五官轮廓的变化,最终呈现出来的感受会截然不同。于是便给一些适合的表情加上了角度变化。

【表情设计】「可可爱爱」——闲鱼emoji表情2.0 升级历程独家揭秘 - 图10
【表情设计】「可可爱爱」——闲鱼emoji表情2.0 升级历程独家揭秘 - 图11

正是质感+比例+角度细节的优化,最终给表情带来更可爱、生动的情绪表现。

设计策略2:优化并新增表情内容

视觉表现优化只是最基本的,表情内容本身才是表情的核心。我们对一批优秀的emoji表情案例进行了分析,罗列出一些能让用户记住并爱使用的亮点表情,按照生动情绪、业务特色、有趣热梗这三个维度进行分类。

【表情设计】「可可爱爱」——闲鱼emoji表情2.0 升级历程独家揭秘 - 图12

像一直很受欢迎的QQ表情、微博表情,它们的热梗类表情非常有趣;钉钉、知乎,有一些很特色的的业务类表情;生动情绪作为emoji的基础功能,也是这些优秀表情做得很棒的点。闲鱼的表情也会在这三方面去做优化和新增。

A. 基础情绪表情
让情绪的表达更加善意,更加可爱,更加生动。

【表情设计】「可可爱爱」——闲鱼emoji表情2.0 升级历程独家揭秘 - 图13

并且增加一批生动、可爱和善意的情绪表情。

【表情设计】「可可爱爱」——闲鱼emoji表情2.0 升级历程独家揭秘 - 图14

B.交易表情
交易类表情是我们表情此次内容的一个重点。

【表情设计】「可可爱爱」——闲鱼emoji表情2.0 升级历程独家揭秘 - 图15

我们根据数据和调研,对闲鱼闲置交易的每个环节进行了解构,按照成交的前中后步骤,尽可能去还原用户的对话场景,抓住交流中的一些痛点。(如议价阶段容易矛盾爆发)

【表情设计】「可可爱爱」——闲鱼emoji表情2.0 升级历程独家揭秘 - 图16

再结合我们搜罗到的闲鱼黑话热词大全

【表情设计】「可可爱爱」——闲鱼emoji表情2.0 升级历程独家揭秘 - 图17

最后从中筛选出了一批适合的词语,做成表情,希望帮助用户缓解交易中“陌生人聊天的尴尬”,“不好意思砍价的情绪”,让交易对话多一些温暖和有趣。设计这类趣味表情的时候,难点在于既需要表意清晰,让用户一眼get到是什么表情,又需要将它的情绪传递得很精准,这样用户才会更爱用。

比如「吃土」表情,能让用户议价更有趣、减少矛盾发生的可能性。除了表达“吃”“土”的字面意思,还需要恰到好处的“委屈”情绪。

【表情设计】「可可爱爱」——闲鱼emoji表情2.0 升级历程独家揭秘 - 图18

由吃土表情,又衍生出「哭穷三连」

【表情设计】「可可爱爱」——闲鱼emoji表情2.0 升级历程独家揭秘 - 图19

「佛系」这个表情,来源于闲鱼交易中一种“佛系交易”的现象,传递出部分用户对成交可能性“都行,都可以”的无欲无求。最终的终稿,相比之前的稿子更加传递出“淡然一笑”的情绪,造型和颜色上“佛”的特征也一目了然。

【表情设计】「可可爱爱」——闲鱼emoji表情2.0 升级历程独家揭秘 - 图20

还有一些砍价相关的表情、被热议的排排精等。

C.社区表情
社区类表情是此次升级的另一个重点,我们从网络热梗、搞笑表情包中进行筛选,进行了设计。

【表情设计】「可可爱爱」——闲鱼emoji表情2.0 升级历程独家揭秘 - 图21

闲鱼的会玩社区中,表情的应用场景主要是发帖和留言,社区用户主体会更加年轻。我们希望让用户感受到闲鱼不只有交易,还有年轻、活力、丰富的“会玩”社区,通过这些表情吸引用户更多进行社交互动。

「秃头」,是形容发愁情绪的流行词,我们在设计这个表情的时候,一致认为头发拉丝的版本更幽默,情绪也恰到好处,选定了终稿。

【表情设计】「可可爱爱」——闲鱼emoji表情2.0 升级历程独家揭秘 - 图22

对,接下来这个表情,是!糊!的!它来源于很火的“xx到模糊”表情包,这种表情包通常用来强化某种情绪。出于正向引导初衷,我们做了「开心到模糊」表情。

【表情设计】「可可爱爱」——闲鱼emoji表情2.0 升级历程独家揭秘 - 图23

「干杯」,在热门表情包的参考基础上,加了挑眉,增加了一丝“油腻感”。

【表情设计】「可可爱爱」——闲鱼emoji表情2.0 升级历程独家揭秘 - 图24

还有潮流时尚的「杀马特」表情。

【表情设计】「可可爱爱」——闲鱼emoji表情2.0 升级历程独家揭秘 - 图25

灵感来源于各种鸭鸭表情包的「鸭鸭」表情。

【表情设计】「可可爱爱」——闲鱼emoji表情2.0 升级历程独家揭秘 - 图26

此外,还有一些基础的柠檬精、狗头、吃瓜等。

设计策略3:在产品中使用的优化

当前,闲鱼表情在产品上的使用场景仅仅是交易私聊,上述表情内容的增加扩充,也是在为更多使用场景做储备。我们正在推进让闲鱼表情打通使用,希望未来能在更多场景中打通,全面将这套表情使用起来。

【表情设计】「可可爱爱」——闲鱼emoji表情2.0 升级历程独家揭秘 - 图27

并且,我们也会去优化表情选择和使用的交互界面,请期待后续新界面上线~!

【表情设计】「可可爱爱」——闲鱼emoji表情2.0 升级历程独家揭秘 - 图28

【表情设计】「可可爱爱」——闲鱼emoji表情2.0 升级历程独家揭秘 - 图29

闲鱼新表情上线以后,虽然由于版本覆盖率还比较低,暂时无法看到全面使用数据,但我们已经获得一些正向反馈。

【表情设计】「可可爱爱」——闲鱼emoji表情2.0 升级历程独家揭秘 - 图30

回顾整个设计历程,我们从最初的没有方向,不断踩坑,到确立目标,最终打造出更有闲鱼特色的,更有爱、更有梗的闲鱼emoji表情。在不断变化的网络浪潮中,我们会持续关注热梗、关注用户反馈,持续去优化闲鱼emoji表情。

你最喜欢哪个闲鱼emoji表情呢?你想让闲鱼增加什么样的表情呢?有任何建议,欢迎随时留言让我们知道!