手淘聊天表情再设计

表情相比于文字更加有趣方便，语言说不出的话都可以通过表情来表达。

尤其是在移动端,表情的使相比于打字可以提高用户效率。

表情，作为一种语言符号，对用户的影响主要体现在两个方面：1、表情的美观度；2、表情的语意。

除了考量表情自身的影响因素，我们还要考虑：1、表情的使用场景；2用户的需求。合乎场景的、贴近用户需求的，美观、实用的表情，是本次表情redesign的目标

发现问题

显性问题

显性问题是我们通过简单的观察便可以发现的问题，主要是表情的“美观度”、“语意的表达”

大小

从下图可以看出，原表情在视觉感受上是大小不一的。事实上，在相同的画布上（如68×68的画布），每一个表情居于画布的上下左右的留白都是一样的，然而由于表情造型的复杂性，导致了大小不一的强烈视觉偏差。

风格

旺旺表情相比于现在其他主流社交app的表情，风格略显年代感，因此考虑将风格设计的更加扁平化、轻量化

语义

在表情的使用过程中，会遇到一些语义不明确的表情；尤其是在当下，表情被深度解读之后，原来直白的表达似乎可以更细致的去优化，通过微表情的调整，带来更贴切的深层次感受。

举几个栗子：

隐性问题

隐性问题，是影响表情的主要问题，决定我们如何“贴近用户需求”，告诉我们表情语意是否合乎场景，从而使表情更好用。为了发现隐藏的可能性问题，我们对旺旺表情的使用数据进行了分析，同时做了微调研

选择效率问题

为了使表情更加的高效、好用，我们调取了某时段旺旺表情全平台的使用数据。根据这个结果，我们将实际使用量前15的表情与线上首页的表情作了对比，整体偏差略大，有部分用户使用频率很高的表情，却是排在表情最后一页的。

实际使用量top15

很明显，高频表情基本都与交易相关。因此在优化排序上，可以考虑把交易常用的表情，例如：“成交”、“拜托（即天使）”、“谢谢、爱你（即玫瑰）”、“握手”等前置到表情的第一页

输入效率问题

如果旺旺emoji表情是基础，那么在这个基础上，用户又有什么样的实际需求？或者说，在pc时代，emoji表情就可以解决的问题，在如今的移动互联时代，是否也同样能够解决用户问题？带着以上疑问，我们做了一次微调研。邀请三组买家用户进行调研，结果发现，用户在使用手淘购物过程中，有打字不便、效率低的痛点（尤其是跟不同的卖家沟通同样的问题时）

问题聚焦

以上从“显性”、“隐性”的角度，零零散散的抓取了一些问题点，而这些问题并不是独立的存在的。从解决问题的角度来看，有些问题是可以通过一个方面的优化便可以一并解决的。因此我们需要对上面所有的零散问题进行问题聚焦。

解决问题

表情的视觉优化

设计定位

根据手淘用户使用表情的现状及心态，确定旺旺emoji表情的情感定位为“亲和”。同时，传承原旺旺表情“活泼”、“贱”的风格；为了保留用户多年来对旺旺表情形成的熟悉感、亲切感、与认知延续，表情的设计尽量不做大的改动。

为什么“亲和”为设计的核心？

我们拉取了旺旺表情单日的使用数据，从top15的表情可以看出：

基于购物场景的聊天工具，用户（商家＋买家）常用的表情都是表达友好、与购物相关的表情。因此，在表情的情感定位上，核心是“亲和”

颜色

色彩心理学认为，色彩对人们的心理活动有着重要影响，特别是和情绪有非常密切的关系。因此，表情颜色的选择会直接影响表情所要传递的情绪

为了传递“亲和”的情绪，我们在色彩饱和度上降低，使颜色更加柔和，以增加亲切感同时，通过降低高光与阴影的对比度、描边颜色与色块颜色的对比度，使整体色彩更加“软”，以使表情更加亲和。

最后，也要考虑到手淘聊天气泡的颜色，根据场景调整表情的颜色

质感

首先，减少大的高光，使渐变更加细腻；其次，使渐变的光源、阴影的方向与手淘保持一致

造型

表情的造型影响其语义的传达为了做到用户对表情的“认知延续”，我们只对表情做整体的简化，同时针对个别语义不清的表情进行优化

举几个栗子：

部分改动前后的表情

效率优化

排序优化

表情的造型影响其语义的传达前面已经说过，我们做了大量的数据分析，问题也很明显，目前的表情排序与用户的实际使用情况并不match。

还原到实际的场景中，为了提高用户的使用效率，我们至少要保证表情区块第一页的内容是高频表情。一共99个表情，每一页22个表情，共5页。我们根据数据排名，看看目前每一页表情的分布情况。

如上图所示，我们主要针对第一页的表情排序做了优化，保证用户在第一页内能找到高频表情。我们并没有完全按照“数据告诉我们的排序”进行排序优化，那样做会显得很傻。因为我们不能为了追求排序，追求所谓的“准确的效率”而彻底打乱表情的排序。这样会破坏用户多年培养起来的使用表情的惯常习惯，反而降低效率。

表情面板优化排序效果

文字表情（快捷短语）

前面做了表情在视觉、情感上的优化，以及效率的相对提升。但是，用户追求方便快捷的效率问题，是emoji无法解决的，因此，我们想到两个方向“输入联想”及“文字表情”输入联想主要依赖个技术，我们在这边不做过多阐述。主要分享文字表情的产生。

首先，我们做用户常用短语收集时，主要是通过微调研、身边同事亲友的访谈，总结出一堆购物中的高频对话短语。其次，将这些短语归纳整理，进行问卷调查。主要调研对象有：90后在校大学生、研究生；我厂同事；微调研的用户

问卷调查统计结果如下：

根据以上结论，我们选取8个最高频的短语，做成文字表情（快捷短语）。方便用户在购物中提高沟通效率

线上追踪

在做旺旺表情改版之初，老板问过我一个问题：“你要如何评判这次改版的价值？”我想，这应该是每个设计师在做设计时，都应该思考的问题。我认为，表情是个与日常业务并不相同的产品，它的优化并不是用户的强需求，我给它的定位是“情感化设计”。它很难用定量的标准来衡量这次改版能够带来数据上的某些变化。主观色彩主导的研究对象，更适合做定性的分析，甚至我们需要把整体价值的评判交给时间。

表情改版的定性分析，可以从以下几个方面来看：

1、表情的改版是否被多数用户接受？

2、优化后的表情是否能够满足用户在购物场景中的需求？

其中第2点是我们可以快速得到结果反馈，并快速去解决的问题

舆情收集－倾听用户声音

自新版表情在手淘12.28版本上线以来，一直在关注用户的舆情反馈；同时收集新表情在钉钉5月版本上线后的反馈。

首先，在普遍的情感反馈上，用户的反应相对平静，至少暂时性的说明，新版表情延续了用户的认知及使用习惯。

其次，在具体表情的反馈上，有用户反馈“没有再见表情”、“你强表情不明显”、“加油表情不如以前”…我们把所有“问题表情”汇总，做了个新老表情对比，很快定位到问题所在。

方案优化

针对个别表情的问题，我们发现，其实根本问题出在“手部细节的刻画”上。于是，我们把所有表情的手部细节做了优化，同时优化了其它一些表情的细节。

方案展示

原文始发于微信公众号（淘宝设计）：手淘聊天表情再设计