新浪微博表情包是如何設計的？

設計 08-03

距世界上第一個表情符號「:-」」的誕生已有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 中通過紅暈、睫毛等元素加重這些趨勢，增強情緒。

[吃驚]

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

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

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

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

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

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

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

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

此次優化新增的所有表情

[二哈]

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

本身就很魔性的哈士奇

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