赞助商
立即赞助

百万人使用的百度 Emoji ,是如何改版的?

UI设计3年前 (2021)更新 流光
3.1K 0 0

工程师法曼创了第一个表情符号,使字信息更准确的传达情绪,表情现已经成为了互联沟通中可或缺的元素。百APP户正趋于年轻,表达的诉求日益增。线上表情已满足户需求,于是设计师自发开启了 BAIDU EMOJI 2.0的设计历程

设计思路探索

1. 目标

百万人使用的百度 Emoji ,是如何改版的?

2. 现状分析

百万人使用的百度 Emoji ,是如何改版的?

使用量前十表情多为正和有内涵表情。百度特有「滑稽」表情使用量远远大过其他表情,而部分表情使用量甚低,距巨大。那这些低热度表情为何悬殊如此大,为此我们展开了用户访谈。

3. 问题归纳-用户访谈

百万人使用的百度 Emoji ,是如何改版的?

4. 解题思路

百万人使用的百度 Emoji ,是如何改版的?

解题过程

1. 视觉风格

过象限图和线性时轴,观察主流竞品。我们可以发现大部分国内表情设计的夸张程远大于国外。流行的表情要有两种性格:「贱」和「萌」,几乎均分天。再看第二张图,可发现国外表情的设计趋势:质感越来越强,表意更夸张。

百万人使用的百度 Emoji ,是如何改版的?

结合务场景对图形进行发散和创,如与小机器人、评论icon结合等。为了增强表情感染,尝试给表情入身体,又或者突破圆形强分五官表现。

然而,使用场景较多,混排在文时,表情较小,很多细节模糊。我们需要规图形,也需要更具灵魂表情,所以最终选取最能承载圆脸,把聚焦在具体五官设计上。

百万人使用的百度 Emoji ,是如何改版的?

△ 质感进多个层级尝试,从弱到强。

结合竞品研和趋势分析,最终选用有质感并加一描边的效果,使得表情留精致的同时又以场的清晰展示。在表情底板上加一投影,加强质感和级感。

百万人使用的百度 Emoji ,是如何改版的?

2. 表情表意

在新表情设计上加大了五官比例和更多细节,表情更夸张、含义更明晰、更有代入感。尤其于些使用量较低和较复表情,新设计,如此可以挖掘冷表情潜力。

百万人使用的百度 Emoji ,是如何改版的?

表情融入场景感,强化表意。结合漫画设计语言,增加用户熟悉感。

百万人使用的百度 Emoji ,是如何改版的?

3. 增表情

百万人使用的百度 Emoji ,是如何改版的?

4. 节假日表

节假日间新增节日表,增强互动区氛围。从2019始新增节日表设,共覆盖全10节假日。疫间也参与其中,用设的力驰援武汉

百万人使用的百度 Emoji ,是如何改版的?

设计方法

180+的表情设计,效率和统一尤为重要,因此我们对表情进行归纳和整理:以官和附加元素为划分度。

百万人使用的百度 Emoji ,是如何改版的?

官:以眼睛、眉毛、嘴、牙、舌头等元素分类。比眼睛又分为14类,根据是否有眼珠、眼白、高光、眼睛形状(月牙眼、平眼、斜眼和星星眼等)为标准,进行归纳与组件复用。

百万人使用的百度 Emoji ,是如何改版的?

附加元素:分为三大类,情绪、氛围和道具。情绪元素,对眼泪、汗、口水、弱眼泪/口水、红晕等进行归纳,统一设计表现,眼泪和口水采用哑光的形式,与底板设计语言统一。

这样组件化的方式,即保证了设语言一致性又高效的完批表的设。

表情排序

180+的表,了便于用户的找到的表,减轻压力。我们对表行了排序,按照表绪(喜怒哀乐)手势聚类

百万人使用的百度 Emoji ,是如何改版的?

增强用户记忆点,易表。我们利用视觉锚点,列表中排入深色系、色系的聚类。

百万人使用的百度 Emoji ,是如何改版的?

调研与访谈

在表情上一段时间,为用户对此次新表情的感度,我们进行研:上问卷与下访谈

  • 发放了1000份线上问卷,调研用户新旧表情好感度以及原
  • 进行下访谈,深用户的感度和原因以及使用习惯等

百万人使用的百度 Emoji ,是如何改版的?

通过这两种方式,我们得到要结论:

  • 用户对新表情的好度远大于旧表情
  • 户更有趣且具有热点的表情
  • 表情排序常影响表情使用

在深入户的过程中,我们更了解户的想法,为我们后续升级优,得到了建设性建议

产品周边

百万人使用的百度 Emoji ,是如何改版的?

百万人使用的百度 Emoji ,是如何改版的?

结语

表情设计注重的不仅仅是看的皮囊,更重要的是Ta的内在、Ta的灵魂,才是触达用户的点。设计表情其是一个讲故的程,每个表情就像抓拍到的最美瞬间,背有自己的属live,等待你来续写。

欢迎关注作者的微信公众:「百度MEUX

百万人使用的百度 Emoji ,是如何改版的?

© 版权声明
您必须登录才能参与评论!
立即登录
暂无评论...

相关文章

什么是「设计自查」? 设计自查是设计师常用的检验工具,经常以“自查表”形式呈现,可以帮助我们快速遍历设计方案,修正遗漏或...
交互设计
说到挖掘产品流程体验问题的研究方法,大部分人首先想到的肯定是可用性测试。本文要介绍的体验走查和可用性测试类似,也是一...
体验设计
用户隐私安全在产品设计中是很重要的一个环节,本文从用户体验角度切入,从匿名模式、减少永久性和减少公开性三个方面展开分...
YouTube设计
本文从表格的组成元素、优秀表格的设计技巧、表格的操作交互等,给你一份全面的设计指南。 一、表格应用 表格,是一种常见的...
表格
上篇《超全UI设计规范,带你了解规范设计全流程》分享了为什么需要设计语言以及设计语言包含了哪些内容。简单回顾下,为什么...
设计原则
编者按:在今年的 Google I/O 大会上,Android Q 的深色主题的推出后,官方的 Material Design 的设计规范也随之进行了更新。...
Android设计规范
徐小马:在互联网产品的设计工作中,无论是参考、拼稿还是搭建中低保真原型,设计师时时刻刻都会用到图标,然而,如果不对不...
ICON
一、功能逻辑梳理 在做框架设计与加减乘除合并同类项之前,梳理业务与产品逻辑对于复杂的流程界面来说是至关重要的。 我们举...
App设计