手淘聊天表情再设计

手淘聊天表情再设计

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

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

表情,作为一种语言符号,对用户的影响主要体现在两个方面: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月版本上线后的反馈。

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

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

手淘聊天表情再设计

方案优化

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

手淘聊天表情再设计

方案展示

原文始发于微信公众号(淘宝设计):手淘聊天表情再设计

0

评论0

站点公告

 

AI创作与绘画大师,国内版chatGPT在线版本免费使用哦

点击打开: https://ai.uiya.cn

   
显示验证码
没有账号?注册  忘记密码?

社交账号快速登录

微信扫一扫关注
如已关注,请回复“登录”二字获取验证码