童话说说技术创业美文职业
投稿投诉
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

揭露新浪微博的小黄脸表情设计

5月21日 火云谷投稿
  距世界上第一个表情符号:的诞生已有34年,随着人们在互联网上沟通方式的变化,表情符号逐步成了一种刚需。作为各大APP标配的默认表情,虽无法与“妈妈的表情包”们相抗衡,但也靠着朴实耐用的品质一直发展至今,很多平台都拥有了自己的经典表情。那怎样将看似简单的默认表情做好呢?接下来就是此次小黄脸们整容过程的全揭露。
  PART1:WHY?
  作为设计师发起的项目,首先要自我明确项目的目标与方向:
  明确项目目标
  用户
  用户使用表情场景的多元化造成许多表情的原有内涵发生了变化。友好的“微笑”变成了嘲讽的“呵呵”,“再见”变成了“再也不见”,就连代表春天的“柳叶”也大片飘洒在各“出轨门”微博的评论区。因此,给用户提供能适合更多语境表达的元素就成了首要目的。
  产品
  给产品带来更好的数据也是项目的目标。此次优化的时机选取在微博评论盖楼项目前1个月,如果能通过这次优化提高微博用户间的互动量及客户端的更新量,为后续项目预热,那也是极好的呀!
  设计
  用过微博的同学们一定知道那只傲慢又神烦的doge,自诞生以来长期占据微博热门表情榜单前三,刷微博时它的身影无处不在。面对这样一只无所不能的doge,我们还有能力创造新物种来超越它吗?
  PART2:HOW?
  数据分析,发现问题
  表情使用量大,场景复杂,为了确保设计方向的准确性,我们从数据部门获取了完整的表情使用数据,并将其分类整理,从整理结果发现了以下问题:
  表情使用量具有很明显的高中低频率分层现象;
  很多竞品中使用量较高的表情,如大哭、亲亲等在微博上却表现不佳;
  设计师在设计时期待较高的某些表情表现出了较低的使用量,如抠鼻、偷笑等。
  数据来源:腾讯2015《中国网民表情报告》
  用户研究,探究问题
  带着疑问,我们与专业的用研团队对一批微博的主流用户进行了问卷调查及深入访谈,发现并总结了以下主要3点:
  1、表情设计本身存在一系列问题,如:表意不清造成用户认知偏差、缺乏深意等;
  具有代表性的问题表情
  2、区别于QQ、微信等私密性更强的即时通讯app,微博作为开放平台,用户的表情使用习惯具有以下特点:
  明显含有脏话,污等暗示意味的表情不适合在公开场所使用;
  用户常用的表情具有示爱、萌、迷、调侃的特点;
  用户会尽量避免在公开场合使用生气、愤怒等表情。
  3、当前的默认表情不够满足用户的表达需求,主要包含以下两点:
  多数用户明确提出需要使用表示“安慰”表情;
  默认表情缺乏当前的网络流行元素,不够与时俱进。
  明确方向,解决问题
  经过以上数据分析、用户调研结果及一定量的竞品分析后,设计的方向与思路逐渐清晰,解决问题的方案便应运而生:
  从现有表情符号出发,去除部分使用量低以及过时的表情。
  强化现有情绪表达不够的表情,明确单一表情的含义。
  新增表情,将表情与流行元素相结合,使之更具有广泛传播性。
  从用户使用习惯出发,重新整理表情排列顺序,缩短寻找目标表情时间。
  PART3:WHAT?
  明确表情含义,偶尔将错就错
  在用研过程中,我们发现很多表情传达给用户的含义与最初的设计初衷不一致,导致不同的用户群体对同一个表情有较大的理解偏差。因此,我们将调研中有歧义的表情整理出来,重新审视并设计。
  部分理解偏差表情
  (1)〔呆〕
  这个表情使用量一直较低,在用户调研中我们发现它并没有足够强地表现出它本身的含义,因此我们在迭代中不断夸张、细化这个表情,更精准地表达它的含义。
  (2)〔失望〕
  原有失望的表情只表现出了负面的情绪,但是没有精准定位到失望这个单一情绪,我们着重在对眼神进行了优化,让它的表情含义更精确。
  (3)〔顶〕
  这个表情在原本的表情列表中叫顶,而其实用户基本上在使用时时常用作敲打,因此我们直接讲错就错向歧义的方向修改了表情。
  (4)〔NO〕
  这个表情的歧义很明显,用户表明手指在静态下像手势1,因此我们改邪归正,在增加细节后消除了歧义让它更符合本身的含义。
  提升表情细节,强化表情情绪
  在新版本表情中,我们试图通过在设计上合理地夸张化,增加眼睛、嘴在表情面所占比例,并增加必要细节来提升表情对情绪的表达能力。
  部分细节强化表情
  (1)〔白眼〕
  在Ver13中,着重优化了眼睛的表现力。在定稿版本中通过增加嘴角提拉的细节增加表情中嫌弃的情绪。
  (2)〔害羞〕
  在Ver12中,我们着重给表情附加了害羞表情的更多动作趋势,在Ver34中通过红晕、睫毛等元素加重这些趋势,增强情绪。
  (3)〔吃惊〕
  吃惊表情在调整的过程中经历了比较多的版本,最终版本对眉毛、眼神和嘴巴的动作在惊讶的趋势上做出了较大的优化。
  结合流行趋势,新增热门表情
  在新增表情时,通过以下三方面进行探索:
  首先是对标竞品,在竞品(QQ、微信、emoji)使用量TOP10的表情中如微博有遗漏或现有默认表情无法替代的,考虑新增。
  苹果iOS9。1系统中最受欢迎的表情
  其次,为了寻找到更适合用户的新增表情,我们提取了1个星期的全站所有评论内容,对高频短词语进行分析,将每个短词语找到同义词,集合得出相似场景词,再从中提取常用情绪关键词,进行几轮筛选最后得到19个表情关键词。
  可转化为表情的高频评论词
  最后,针对当前热门网络流行语进行收集,从流行语中提取出相应的情绪或动作作为新增表情的选择。如:那画面太美我不敢看捂脸、污;也是醉了无言等。
  将这三个新增维度中的所有情绪进行整理,去除不适合在微博平台使用的(如剁手,可能在广泛传播时会引发歧义)内容,并结合使用场景决定新增以下表情:
  此次优化新增的所有表情
  (1)〔二哈〕
  之前提到用户需要定位清晰的表情,同样也需要“意味深长”的表情。大家都非常喜欢一直统治微博表情届的神狗Doge,它的“意味深长”带来了深刻的魔性,让许多用户在表达无言以对、一切尽在不言中、不想道破的复杂情感时爱不释手。二哈表情的定位也是这样的意味深长、魔性。
  本身就很魔性的哈士奇
  在创作二哈时,首先的灵感自然是哈士奇天生放荡不羁的蠢脸。为了达到让用户能感受到精神污染,我们也为其融入了复杂的情感:狗die、蠢萌、憨傻等等,并在制作时刻意地混淆其表情的单一含义。例如:向上生无可恋的眼神里又带着一丝嫌弃,向下垂死一般突出的舌头配上的嘴充满笑意。这种多情绪的加载混叠让最终得到的二哈表情变得确实有很强的精神污染能力,并得到了用户们的青睐。
  充满魔性的版本迭代
  (2)〔耸肩〕
  耸肩表情的视觉元素脱胎于新表情抱抱,其更多灵感来自于很多人吐槽除了点赞Like外,我们需要一个Whatever,来表达自己的无言以对、满满嘲讽。虽然这个感情在一定程度上有点负面,但确实是用户使用表情的一个诉求。
  无言以对,并不在意
  因此,我们赋予了这个表情一个表示不屑的高高耸肩,配合歪头和下撇的嘴角,让它成为了可能有史以来最欠打的微博表情。但小人本身的视觉元素和比例使略带负面的情绪在可爱的形象上得到一部分消减,最终表达出一种接近中立的情绪。
  重新整理排序,快速定位表情
  在用研过程中我们还发现,用户常常在寻找某一表情时出现卡顿,是由于用户几乎从不记忆某一表情的位置。为了降低使用成本,在默默去除过时及使用频率极低的表情后,我们将所有表情重新排列了顺序。
  首先将表情按照情绪来分类,并将每个类别中情绪表达程度按照由轻至重、由简单至复杂的程度来排列:
  喜的程度从左到右不断增强
  其次在保证原高频率表情基本位置不大改的条件下,重新规划。表情的首屏展示了喜、怒、哀这三类基本情绪,用户不需要滑屏就能满足日常情绪的表达。
  首屏表情展示了喜、怒、哀三类基本情绪
  最后整体将正面情绪表情前置,负面情绪表情后置,符合用户在微博平台的表情使用习惯。另考虑到每屛表情的曝光率,也将某些高频率表情放置位置相对偏后,如〔爱心〕、〔蜡烛〕。用户在面对重新整理的表情,可先定位情绪,再定位某一表情,默默形成习惯,减少使用成本
  PART4:GAIN!
  用户反馈
  表情优化项目从开始到上线大约历时一个半月,在9月23日上线当天,我们获得了这样的用户反馈:
  数据反馈
  项目上线后,带表情转微博的量增长了23,全站微博发布量增长6。在111个微博客户端表情中,有5个新增表情的使用量排在TOP30〔二哈〕〔摊手〕〔污〕〔舔屏〕〔抱抱〕,其中TOP10的新增表情就有3个,二哈成功超越了doge成为使用量第二的表情。
  优化的表情有9个使用量得到明显提升,其中最大的〔失望〕增加了249。
  默认表情优化看似简单,但往往简单的事物需要注入更多的时间与精力去完成。为了精确的找到此次优化的整体方向及问题点,我们不断进行数据分析及用户调研,这是非常重要的一环,每一次的设计背后都有理性的分析做支持。后续我们也会不断进行设计的总结与提升,带给大家更好的体验。最后透露个小秘密,好像很快会有更好玩的新表情出现,敬请期待!
投诉 评论 转载

揭露新浪微博的小黄脸表情设计距世界上第一个表情符号:的诞生已有34年,随着人们在互联网上沟通方式的变化,表情符号逐步成了一种刚需。作为各大APP标配的默认表情,虽无法与“妈妈的表情包”们相抗衡,但也靠着朴……交互漫谈:详解未读消息时的红点提示日常使用App的时候,我们几乎天天都会碰见小红点消息角标,今天简单梳理下小红点及其产品特性。小红点是什么小红点在技术层面上被称为Badge,据称最早源于黑莓手机、但……5招带你玩转电商最常用的色彩搭配!文章主要分享了红色这一色彩元素在电商页面设计中的运用,图文并茂,相信你一定可以从中受益。不知道大家有没有发现一个规律和现象,就是国内无论是综合电商平台还是垂直型的电商平台……以MVP思维,解析最小可行的进销存产品本文将尝试通过MVP(最小可行产品)思维,解构最小可行的进销存产品,以达到对进销存产品有入门的雏形认知。但凡涉及到货品这一概念的商业形态,基本上离不开进销存管理,而一些有……让用户上传头像的4个方法,你用过几种?作为产品设计者需要考虑的是,我们的产品是否具有社交属性,用户是否需要与其他用户有互动等等。如果这些都不成立,那就不要想当然地在用户资料界面放置头像这个元素了,Lessismor……浏览器的消费升级:极简是为了更好地满足用户的核心需求极简,不能为了极简而极简,极简是为了更好地满足用户的核心需求。今天想讲讲夸克浏览器,一个以简而美的界面哲学、专注做减法为卖点的浏览器。过去看到类似的产品,大家可能会……VR界面设计:将传统设计方法论应用到VR设计中去实践指导性的内容对于刚开始了解的人来说很有帮助,作者想要将传统的UI或UX的设计流程和方法论应用到VR设计这个观点值得关注,同时作者也发表了一些对于以后的VR从业者、公司和未来……解读Twitter新版默认头像背后的心思和故事推特启用新版默认头像,而背后的心思和故事相当的复杂。推特(Twitter)在过去几次的改版中,页面布局和交互体验都经历了较大的调整,然而贯穿始终并保留的元素就是小鸟。推特……四个主题,看Facebook的产品设计师是如何思考(2)在上一篇(点击查看)当中,JulieZhuo聊到关于“怎样识别问题、定义需求”以及“解决真正重要的问题”。本篇将讨论新表情的诞生历程以及怎样恰当的方式验证产品是否取得成功。……细节决定成败:谈谈UI设计中3个易被忽略的设计元素用心做设计,哪怕最小的细节也应该获得我们足够的重视,因为设计是互联互通环环相扣的。一款产品的成功取决于多方面因素之间的相互配合,但其中最重要的因素是优秀的用户体验设计。而……电商后台设计:运费系统设计对于入驻商家而言,不完善的运费设计往往也并不实用,大概率直接放弃使用,反而用商品补邮费差价这种“原始”形式。运费是电商的基础功能模块之一,承担着商品运输费计算的作用。运费……业务风控产品模型思考:解读业务模型的6个层级如果把平台比喻为一颗树,那么需要投入足够的养分才能快速生长,而业务风险则是寄生于树木窃取养分的角色,只有能够充分抵御这种风险的才能成长为参天大树。这就是业务风险在平台发展中扮演……
滴滴事件思考:如何提供更加安全的打车服务新媒体视觉系列(1):平衡从五个方面聊聊:如何进行封面设计?从5个层次,构建完整的用户体验后市场SaaS到底为谁开发?谁应该最先使用?Google最新设计语言:如何将品牌DNA融入产品从用户角度看,百度的“搜索信息流”双引擎功能体验报告小米是如何将你的手机变成门禁卡的?如何设计智能语音助手?在大公司,APP的设计流程和时间分配是怎样的?同理心:从测试的角度来总结分析产品设计关于社区生态,你可能需要思考的五点:人、内容、形态、关系、氛
篮网的机会来了,热火雄鹿爆发危机,只需东风,逆袭之火便可燎原定档12月9日召开!华为冬季全场景新品发布会看点提前一睹鼠年吴姓男孩取名大全8位靠耽改剧出圈的明星,有人凭实力爆红,有人因不当言行被封杀真香!新电商模式让营业额涨三成烂桃花女人面相天生烂桃花面相长安汽车发布“海纳百川”计划,第三次创业面向全球稳步推进热博 植物园成长的未解之谜crush什么意思(女孩说的Crush)热传聚热点网 2000元的手机也搭载4nm芯片,为啥还要买四五千元的?看完我重新认识了你

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界