精准猎取科技资讯,天堂视频在线观看,高效阅读科技新闻_黄色av网站在线免费观看_科技猎

新浪微博那些有趣的小黃臉表情是如何設計的?

我是創始人李巖:很抱歉!給自己產品做個廣告,點擊進來看看。  

新浪微博那些有趣的小黃臉表情是如何設計的?

@微博UDC-M :距世界上第一個表情符號「:-」」的誕生已有34年,隨著人們在互聯網上溝通方式的變化,表情符號逐步成了一種剛需。作為各大APP標配的默認表情,雖無法與“媽媽的表情包”們相抗衡,但也靠著樸實耐用的品質一直發展至今,很多平臺都擁有了自己的經典表情。那怎樣將看似簡單的默認表情做好呢?接下來就是此次小黃臉們整容過程的全揭露:

PART 1:WHY?

作為設計師發起的項目,首先要自我明確項目的目標與方向:

新浪微博那些有趣的小黃臉表情是如何設計的?

△明確項目目標

用戶

用戶使用表情場景的多元化造成許多表情的原有內涵發生了變化。友好的“微笑”變成了嘲諷的“呵呵”,“再見”變成了“再也不見”,就連代表春天的“柳葉”也大片飄灑在各“出軌門”微博的評論區。因此,給用戶提供能適合更多語境表達的元素就成了首要目的。

產品

給產品帶來更好的數據也是項目的目標。此次優化的時機選取在微博評論蓋樓項目前1個月,如果能通過這次優化提高微博用戶間的互動量及客戶端的更新量,為后續項目預熱,那也是極好的呀!

設計

用過微博的同學們一定知道那只傲慢又神煩的doge,自誕生以來長期占據微博熱門表情榜單前三,刷微博時它的身影無處不在。面對這樣一只無所不能的doge,我們還有能力創造新物種來超越它嗎?

新浪微博那些有趣的小黃臉表情是如何設計的?

PART 2:HOW?

數據分析,發現問題

表情使用量大,場景復雜,為了確保設計方向的準確性,我們從數據部門獲取了完整的表情使用數據,并將其分類整理,從整理結果發現了以下問題:

1、表情使用量具有很明顯的高中低頻率分層現象;

2、很多競品中使用量較高的表情,如大哭、親親等在微博上卻表現不佳 ;

3、設計師在設計時期待較高的某些表情表現出了較低的使用量,如摳鼻、偷笑等。

新浪微博那些有趣的小黃臉表情是如何設計的?

△ 數據來源:騰訊2015《中國網民表情報告》

用戶研究,探究問題

帶著疑問,我們與專業的用研團隊對一批微博的主流用戶進行了問卷調查及深入訪談,發現并總結了以下主要3點:

1、表情設計本身存在一系列問題,如:表意不清造成用戶認知偏差、缺乏深意等;

新浪微博那些有趣的小黃臉表情是如何設計的?

△ 具有代表性的問題表情

2、區別于QQ、微信等私密性更強的即時通訊app,微博作為開放平臺,用戶的表情使用習慣具有以下特點:

明顯含有臟話,污等暗示意味的表情不適合在公開場所使用;

用戶常用的表情具有示愛、萌、迷、調侃的特點;

用戶會盡量避免在公開場合使用生氣、憤怒等表情;

3、當前的默認表情不夠滿足用戶的表達需求,主要包含以下兩點:

多數用戶明確提出需要使用表示“安慰”表情;

默認表情缺乏當前的網絡流行元素,不夠與時俱進;

明確方向,解決問題

經過以上數據分析、用戶調研結果及一定量的競品分析后,設計的方向與思路逐漸清晰,解決問題的方案便應運而生:

從現有表情符號出發,去除部分使用量低以及過時的表情。

強化現有情緒表達不夠的表情,明確單一表情的含義。

新增表情,將表情與流行元素相結合,使之更具有廣泛傳播性。

從用戶使用習慣出發,重新整理表情排列順序,縮短尋找目標表情時間。

PART 3:WHAT?

明確表情含義,偶爾將錯就錯

在用研過程中,我們發現很多表情傳達給用戶的含義與最初的設計初衷不一致,導致不同的用戶群體對同一個表情有較大的理解偏差。因此,我們將調研中有歧義的表情整理出來,重新審視并設計。

新浪微博那些有趣的小黃臉表情是如何設計的?

△ 部分理解偏差表情

[呆]

這個表情使用量一直較低,在用戶調研中我們發現它并沒有足夠強地表現出它本身的含義,因此我們在迭代中不斷夸張、細化這個表情,更精準地表達它的含義。

[失望]

原有失望的表情只表現出了負面的情緒,但是沒有精準定位到「失望」這個單一情緒,我們著重在對眼神進行了優化,讓它的表情含義更精確。

[頂]

這個表情在原本的表情列表中叫「頂」,而其實用戶基本上在使用時時常用作「敲打」,因此我們直接講錯就錯向歧義的方向修改了表情。

[NO]

這個表情的歧義很明顯,用戶表明手指在靜態下像手勢「1」,因此我們改邪歸正,在增加細節后消除了歧義讓它更符合本身的含義。

提升表情細節,強化表情情緒

在新版本表情中,我們試圖通過在設計上合理地夸張化,增加「眼睛」、「嘴」在表情面所占比例,并增加必要細節來提升表情對情緒的表達能力。

新浪微博那些有趣的小黃臉表情是如何設計的?

△ 部分細節強化表情

[白眼]

在 Ver 1 ~ 3 中,著重優化了眼睛的表現力。在定稿版本中通過增加嘴角提拉的細節增加表情中嫌棄的情緒。

新浪微博那些有趣的小黃臉表情是如何設計的?

[害羞]

在 Ver 1 ~ 2 中,我們著重給表情附加了害羞表情的更多動作趨勢,在 Ver 3 ~ 4 中通過紅暈、睫毛等元素加重這些趨勢,增強情緒。

新浪微博那些有趣的小黃臉表情是如何設計的?

[吃驚]

吃驚表情在調整的過程中經歷了比較多的版本,最終版本對眉毛、眼神和嘴巴的動作在驚訝的趨勢上做出了較大的優化。

新浪微博那些有趣的小黃臉表情是如何設計的?

結合流行趨勢,新增熱門表情

在新增表情時,通過以下三方面進行探索:

首先是對標競品,在競品(QQ、微信、emoji)使用量TOP10的表情中如微博有遺漏或現有默認表情無法替代的,考慮新增。

新浪微博那些有趣的小黃臉表情是如何設計的?

△ 蘋果iOS9.1 系統中最受歡迎的表情

其次,為了尋找到更適合用戶的新增表情,我們提取了1個星期的全站所有評論內容,對高頻短詞語進行分析,將每個短詞語找到同義詞,集合得出相似場景詞,再從中提取常用情緒關鍵詞,進行幾輪篩選最后得到19個表情關鍵詞。

新浪微博那些有趣的小黃臉表情是如何設計的?

△ 可轉化為表情的高頻評論詞

最后,針對當前熱門網絡流行語進行收集,從流行語中提取出相應的情緒或動作作為新增表情的選擇。如:那畫面太美我不敢看→捂臉、污;也是醉了→無言等。

將這三個新增維度中的所有情緒進行整理,去除不適合在微博平臺使用的(如剁手,可能在廣泛傳播時會引發歧義)內容,并結合使用場景決定新增以下表情:

新浪微博那些有趣的小黃臉表情是如何設計的?

△ 此次優化新增的所有表情

[二哈]

之前提到用戶需要定位清晰的表情,同樣也需要“意味深長”的表情。大家都非常喜歡一直統治微博表情屆的神狗 Doge,它的“意味深長”帶來了深刻的魔性,讓許多用戶在表達無言以對、一切盡在不言中、不想道破的復雜情感時愛不釋手。「二哈」表情的定位也是這樣的「意味深長」、「魔性」。

新浪微博那些有趣的小黃臉表情是如何設計的?

△ 本身就很魔性的哈士奇

在創作「二哈」時,首先的靈感自然是哈士奇天生放蕩不羈的蠢臉。為了達到讓用戶能感受到精神污染,我們也為其融入了復雜的情感:狗die、蠢萌、憨傻等等,并在制作時刻意地混淆其表情的單一含義。例如:向上生無可戀的眼神里又帶著一絲嫌棄,向下垂死一般突出的舌頭配上的嘴充滿笑意。這種多情緒的加載混疊讓最終得到的「二哈」表情變得確實有很強的精神污染能力,并得到了用戶們的青睞。

新浪微博那些有趣的小黃臉表情是如何設計的?

△ 充滿魔性的版本迭代

[聳肩]

聳肩表情的視覺元素脫胎于新表情「抱抱」,其更多靈感來自于很多人吐槽除了點贊 Like 外,我們需要一個 Whatever,來表達自己的無言以對、滿滿嘲諷。雖然這個感情在一定程度上有點負面,但確實是用戶使用表情的一個訴求。

新浪微博那些有趣的小黃臉表情是如何設計的?

△ 無言以對,并不在意

因此我們賦予了這個表情一個表示不屑的高高聳肩,配合歪頭和下撇的嘴角,讓它成為了可能有史以來最欠打的微博表情。但小人本身的視覺元素和比例使略帶負面的情緒在可愛的形象上得到一部分消減,最終表達出一種接近中立的情緒。

△ 咋?

重新整理排序,快速定位表情

在用研過程中我們還發現,用戶常常在尋找某一表情時出現卡頓,是由于用戶幾乎從不記憶某一表情的位置。為了降低使用成本,在默默去除過時及使用頻率極低的表情后,我們將所有表情重新排列了順序。

首先將表情按照情緒來分類,并將每個類別中情緒表達程度按照由輕至重、由簡單至復雜的程度來排列:

新浪微博那些有趣的小黃臉表情是如何設計的?

△ 喜的程度從左到右不斷增強

其次在保證原高頻率表情基本位置不大改的條件下,重新規劃。表情的首屏展示了喜、怒、哀這三類基本情緒,用戶不需要滑屏就能滿足日常情緒的表達。

新浪微博那些有趣的小黃臉表情是如何設計的?

△ 首屏表情展示了喜、怒、哀三類基本情緒

最后整體將正面情緒表情前置,負面情緒表情后置,符合用戶在微博平臺的表情使用習慣。另考慮到每屛表情的曝光率,也將某些高頻率表情放置位置相對偏后,如[愛心]、[蠟燭]。用戶在面對重新整理的表情,可先定位情緒,再定位某一表情,默默形成習慣,減少使用成本。

PART 4:GAIN !

用戶反饋

表情優化項目從開始到上線大約歷時一個半月, 在9月23日上線當天,我們獲得了這樣的用戶反饋:

新浪微博那些有趣的小黃臉表情是如何設計的?
新浪微博那些有趣的小黃臉表情是如何設計的?
新浪微博那些有趣的小黃臉表情是如何設計的?

數據反饋

項目上線后,帶表情轉微博的量增長了23%,全站微博發布量增長6%。在111個微博客戶端表情中,有5個新增表情的使用量排在TOP30[二哈][攤手][污][舔屏][抱抱],其中TOP10的新增表情就有3個,二哈成功超越了doge成為使用量第二的表情。

新浪微博那些有趣的小黃臉表情是如何設計的?
新浪微博那些有趣的小黃臉表情是如何設計的?

優化的表情有9個使用量得到明顯提升,其中最大的[失望]增加了249%。

新浪微博那些有趣的小黃臉表情是如何設計的?

默認表情優化看似簡單,但往往簡單的事物需要注入更多的時間與精力去完成。為了精確的找到此次優化的整體方向及問題點,我們不斷進行數據分析及用戶調研,這是非常重要的一環,每一次的設計背后都有理性的分析做支持。后續我們也會不斷進行設計的總結與提升,帶給大家更好的體驗。最后透露個小秘密,好像很快會有更好玩的新表情出現,敬請期待!

本文鏈接: http://www.yixieshi.com/79420.html (轉載請保留)

本文被轉載3次

首發媒體 一些事 | 轉發媒體

隨意打賞

提交建議
微信掃一掃,分享給好友吧。
主站蜘蛛池模板: 辐射仪|辐射检测仪|辐射巡测仪|个人剂量报警仪|表面污染检测仪|辐射报警仪|辐射防护网 | 东莞市海宝机械有限公司-不锈钢分选机-硅胶橡胶-生活垃圾-涡电流-静电-金属-矿石分选机 | 干洗店加盟_洗衣店加盟_干洗店设备-伊蔻干洗「武汉总部」 | 电脑知识|软件|系统|数据库|服务器|编程开发|网络运营|知识问答|技术教程文章 - 好吧啦网 | 福建成考网-福建成人高考网 | 悬浮拼装地板_幼儿园_篮球场_悬浮拼接地板-山东悬浮拼装地板厂家 | 新能源汽车电机定转子合装机 - 电机维修设备 - 睿望达 | 定坤静电科技静电消除器厂家-除静电设备 | 超声波成孔成槽质量检测仪-压浆机-桥梁预应力智能张拉设备-上海硕冠检测设备有限公司 | 体坛网_体坛+_体坛周报新闻客户端 | LHH药品稳定性试验箱-BPS系列恒温恒湿箱-意大利超低温冰箱-上海一恒科学仪器有限公司 | 阿里巴巴诚信通温州、台州、宁波、嘉兴授权渠道商-浙江联欣科技提供阿里会员办理 | 金属雕花板_厂家直销_价格低-山东慧诚建筑材料有限公司 | 深圳高新投三江工业消防解决方案提供厂家_服务商_园区智慧消防_储能消防解决方案服务商_高新投三江 | 工控机,嵌入式主板,工业主板,arm主板,图像采集卡,poe网卡,朗锐智科 | 字典-新华字典-在线字典查字-字典趣| 锻造液压机,粉末冶金,拉伸,坩埚成型液压机定制生产厂家-山东威力重工官方网站 | 东莞市天进机械有限公司-钉箱机-粘箱机-糊箱机-打钉机认准东莞天进机械-厂家直供更放心! | 量子管通环-自清洗过滤器-全自动反冲洗过滤器-北京罗伦过滤技术集团有限公司 | 中视电广_短视频拍摄_短视频推广_短视频代运营_宣传片拍摄_影视广告制作_中视电广 | 影像测量仪_三坐标测量机_一键式二次元_全自动影像测量仪-广东妙机精密科技股份有限公司 | 地图标注-手机导航电子地图如何标注-房地产商场地图标记【DiTuBiaoZhu.net】 | 蓝米云-专注于高性价比香港/美国VPS云服务器及海外公益型免费虚拟主机 | 学习安徽网 | 山东太阳能路灯厂家-庭院灯生产厂家-济南晟启灯饰有限公司 | 培训中心-海南香蕉蛋糕加盟店技术翰香原中心官网总部 | 假肢-假肢价格-假肢厂家-河南假肢-郑州市力康假肢矫形器有限公司 | 上海网站建设-上海网站制作-上海网站设计-上海做网站公司-咏熠软件 | 爆炸冲击传感器-无线遥测传感器-航天星百科 | 主题班会网 - 安全教育主题班会,各类主题班会PPT模板 | 橡胶膜片,夹布膜片,橡胶隔膜密封,泵阀设备密封膜片-衡水汉丰橡塑科技公司网站 | PVC快速门-硬质快速门-洁净室快速门品牌厂家-苏州西朗门业 | 河南mpp电力管_mpp电力管生产厂家_mpp电力电缆保护管价格 - 河南晨翀实业 | 东莞动力锂电池保护板_BMS智能软件保护板_锂电池主动均衡保护板-东莞市倡芯电子科技有限公司 | 定量包装秤,吨袋包装称,伸缩溜管,全自动包装秤,码垛机器人,无锡市邦尧机械工程有限公司 | 热缩管切管机-超声波切带机-织带切带机-无纺布切布机-深圳市宸兴业科技有限公司 | 青岛侦探_青岛侦探事务所_青岛劝退小三_青岛调查出轨取证公司_青岛婚外情取证-青岛探真调查事务所 | 双杰天平-国产双杰电子天平-美国双杰-常熟双杰仪器 | PAS糖原染色-CBA流式多因子-明胶酶谱MMP-上海研谨生物科技有限公司 | 物流公司电话|附近物流公司电话上门取货 | 小学教案模板_中学教师优秀教案_高中教学设计模板_教育巴巴 |