距世界上第一個(gè)表情符號(hào)「:-」」的誕生已有 34 年,隨著人們?cè)诨ヂ?lián)網(wǎng)上溝通方式的變化,表情符號(hào)逐步成了一種剛需。作為各大 App 標(biāo)配的默認(rèn)表情,雖無法與“媽媽的表情包”們相抗衡,但也靠著樸實(shí)耐用的品質(zhì)一直發(fā)展至今,很多平臺(tái)都擁有了自己的經(jīng)典表情。那怎樣將看似簡(jiǎn)單的默認(rèn)表情做好呢?接下來就是此次小黃臉們整容過程的全揭露:PART 1:WHY?作為設(shè)計(jì)師發(fā)起的項(xiàng)目,首先要自我明確項(xiàng)目的目標(biāo)與方向:用戶用戶使用表情場(chǎng)景的多元化造成許多表情的原有內(nèi)涵發(fā)生了變化。友好的“微笑”變成了嘲諷的“呵呵”,“再見”變成了“再也不
距世界上第一個(gè)表情符號(hào)「:-」」的誕生已有 34 年,隨著人們?cè)诨ヂ?lián)網(wǎng)上溝通方式的變化,表情符號(hào)逐步成了一種剛需。作為各大 App 標(biāo)配的默認(rèn)表情,雖無法與“媽媽的表情包”們相抗衡,但也靠著樸實(shí)耐用的品質(zhì)一直發(fā)展至今,很多平臺(tái)都擁有了自己的經(jīng)典表情。那怎樣將看似簡(jiǎn)單的默認(rèn)表情做好呢?接下來就是此次小黃臉們整容過程的全揭露:
PART 1:WHY?
作為設(shè)計(jì)師發(fā)起的項(xiàng)目,首先要自我明確項(xiàng)目的目標(biāo)與方向:
用戶
用戶使用表情場(chǎng)景的多元化造成許多表情的原有內(nèi)涵發(fā)生了變化。友好的“微笑”變成了嘲諷的“呵呵”,“再見”變成了“再也不見”,就連代表春天的“柳葉”也大片飄灑在各“出軌門”微博的評(píng)論區(qū)。因此,給用戶提供能適合更多語境表達(dá)的元素就成了首要目的。
產(chǎn)品
給產(chǎn)品帶來更好的數(shù)據(jù)也是項(xiàng)目的目標(biāo)。此次優(yōu)化的時(shí)機(jī)選取在微博評(píng)論蓋樓項(xiàng)目前 1 個(gè)月,如果能通過這次優(yōu)化提高微博用戶間的互動(dòng)量及客戶端的更新量,為后續(xù)項(xiàng)目預(yù)熱,那也是極好的呀!
設(shè)計(jì)
用過微博的同學(xué)們一定知道那只傲慢又神煩的 doge ,自誕生以來長(zhǎng)期占據(jù)微博熱門表情榜單前三,刷微博時(shí)它的身影無處不在。面對(duì)這樣一只無所不能的 doge ,我們還有能力創(chuàng)造新物種來超越它嗎?
PART 2:HOW?
數(shù)據(jù)分析,發(fā)現(xiàn)問題
表情使用量大,場(chǎng)景復(fù)雜,為了確保設(shè)計(jì)方向的準(zhǔn)確性,我們從數(shù)據(jù)部門獲取了完整的表情使用數(shù)據(jù),并將其分類整理,從整理結(jié)果發(fā)現(xiàn)了以下問題:
1、表情使用量具有很明顯的高中低頻率分層現(xiàn)象;
2、很多競(jìng)品中使用量較高的表情,如大哭、親親等在微博上卻表現(xiàn)不佳 ;
3、設(shè)計(jì)師在設(shè)計(jì)時(shí)期待較高的某些表情表現(xiàn)出了較低的使用量,如摳鼻、偷笑等。
數(shù)據(jù)來源:騰訊2015《中國(guó)網(wǎng)民表情報(bào)告》
用戶研究,探究問題
帶著疑問,我們與專業(yè)的用研團(tuán)隊(duì)對(duì)一批微博的主流用戶進(jìn)行了問卷調(diào)查及深入訪談,發(fā)現(xiàn)并總結(jié)了以下主要 3 點(diǎn):
1、表情設(shè)計(jì)本身存在一系列問題,如:表意不清造成用戶認(rèn)知偏差、缺乏深意等;
具有代表性的問題表情
2、區(qū)別于QQ、微信等私密性更強(qiáng)的即時(shí)通訊app,微博作為開放平臺(tái),用戶的表情使用習(xí)慣具有以下特點(diǎn):
① 明顯含有臟話,污等暗示意味的表情不適合在公開場(chǎng)所使用;
② 用戶常用的表情具有示愛、萌、迷、調(diào)侃的特點(diǎn);
③ 用戶會(huì)盡量避免在公開場(chǎng)合使用生氣、憤怒等表情。
3、當(dāng)前的默認(rèn)表情不夠滿足用戶的表達(dá)需求,主要包含以下兩點(diǎn):
① 多數(shù)用戶明確提出需要使用表示“安慰”表情;
② 默認(rèn)表情缺乏當(dāng)前的網(wǎng)絡(luò)流行元素,不夠與時(shí)俱進(jìn)。
明確方向,解決問題
經(jīng)過以上數(shù)據(jù)分析、用戶調(diào)研結(jié)果及一定量的競(jìng)品分析后,設(shè)計(jì)的方向與思路逐漸清晰,解決問題的方案便應(yīng)運(yùn)而生:
① 從現(xiàn)有表情符號(hào)出發(fā),去除部分使用量低以及過時(shí)的表情。
② 強(qiáng)化現(xiàn)有情緒表達(dá)不夠的表情,明確單一表情的含義。
③ 新增表情,將表情與流行元素相結(jié)合,使之更具有廣泛傳播性。
④ 從用戶使用習(xí)慣出發(fā),重新整理表情排列順序,縮短尋找目標(biāo)表情時(shí)間。
PART 3:WHAT?
明確表情含義,偶爾將錯(cuò)就錯(cuò)
在用研過程中,我們發(fā)現(xiàn)很多表情傳達(dá)給用戶的含義與最初的設(shè)計(jì)初衷不一致,導(dǎo)致不同的用戶群體對(duì)同一個(gè)表情有較大的理解偏差。因此,我們將調(diào)研中有歧義的表情整理出來,重新審視并設(shè)計(jì)。
部分理解偏差表情
[呆]
這個(gè)表情使用量一直較低,在用戶調(diào)研中我們發(fā)現(xiàn)它并沒有足夠強(qiáng)地表現(xiàn)出它本身的含義,因此我們?cè)诘胁粩嗫鋸?、?xì)化這個(gè)表情,更精準(zhǔn)地表達(dá)它的含義。
[失望]
原有失望的表情只表現(xiàn)出了負(fù)面的情緒,但是沒有精準(zhǔn)定位到「失望」這個(gè)單一情緒,我們著重在對(duì)眼神進(jìn)行了優(yōu)化,讓它的表情含義更精確。
[頂]
這個(gè)表情在原本的表情列表中叫「頂」,而其實(shí)用戶基本上在使用時(shí)時(shí)常用作「敲打」,因此我們直接講錯(cuò)就錯(cuò)向歧義的方向修改了表情。
[NO]
這個(gè)表情的歧義很明顯,用戶表明手指在靜態(tài)下像手勢(shì)「1」,因此我們改邪歸正,在增加細(xì)節(jié)后消除了歧義讓它更符合本身的含義。
提升表情細(xì)節(jié),強(qiáng)化表情情緒
在新版本表情中,我們?cè)噲D通過在設(shè)計(jì)上合理地夸張化,增加「眼睛」、「嘴」在表情面所占比例,并增加必要細(xì)節(jié)來提升表情對(duì)情緒的表達(dá)能力。
部分細(xì)節(jié)強(qiáng)化表情
[白眼]
在 Ver 1 ~ 3 中,著重優(yōu)化了眼睛的表現(xiàn)力。在定稿版本中通過增加嘴角提拉的細(xì)節(jié)增加表情中嫌棄的情緒。
[害羞]
在 Ver 1 ~ 2 中,我們著重給表情附加了害羞表情的更多動(dòng)作趨勢(shì),在 Ver 3 ~ 4 中通過紅暈、睫毛等元素加重這些趨勢(shì),增強(qiáng)情緒。
[吃驚]
吃驚表情在調(diào)整的過程中經(jīng)歷了比較多的版本,最終版本對(duì)眉毛、眼神和嘴巴的動(dòng)作在驚訝的趨勢(shì)上做出了較大的優(yōu)化。
結(jié)合流行趨勢(shì),新增熱門表情
在新增表情時(shí),通過以下三方面進(jìn)行探索:
首先是對(duì)標(biāo)競(jìng)品,在競(jìng)品(QQ、微信、emoji)使用量 TOP10 的表情中如微博有遺漏或現(xiàn)有默認(rèn)表情無法替代的,考慮新增。
蘋果 iOS9.1 系統(tǒng)中最受歡迎的表情
其次,為了尋找到更適合用戶的新增表情,我們提取了 1 個(gè)星期的全站所有評(píng)論內(nèi)容,對(duì)高頻短詞語進(jìn)行分析,將每個(gè)短詞語找到同義詞,集合得出相似場(chǎng)景詞,再?gòu)闹刑崛〕S们榫w關(guān)鍵詞,進(jìn)行幾輪篩選最后得到 19 個(gè)表情關(guān)鍵詞。
可轉(zhuǎn)化為表情的高頻評(píng)論詞
最后,針對(duì)當(dāng)前熱門網(wǎng)絡(luò)流行語進(jìn)行收集,從流行語中提取出相應(yīng)的情緒或動(dòng)作作為新增表情的選擇。如:那畫面太美我不敢看→捂臉、污;也是醉了→無言等。
將這三個(gè)新增維度中的所有情緒進(jìn)行整理,去除不適合在微博平臺(tái)使用的(如剁手,可能在廣泛傳播時(shí)會(huì)引發(fā)歧義)內(nèi)容,并結(jié)合使用場(chǎng)景決定新增以下表情:
此次優(yōu)化新增的所有表情
[二哈]
之前提到用戶需要定位清晰的表情,同樣也需要“意味深長(zhǎng)”的表情。大家都非常喜歡一直統(tǒng)治微博表情屆的神狗 doge,它的“意味深長(zhǎng)”帶來了深刻的魔性,讓許多用戶在表達(dá)無言以對(duì)、一切盡在不言中、不想道破的復(fù)雜情感時(shí)愛不釋手。「二哈」表情的定位也是這樣的「意味深長(zhǎng)」、「魔性」。
本身就很魔性的哈士奇
在創(chuàng)作「二哈」時(shí),首先的靈感自然是哈士奇天生放蕩不羈的蠢臉。為了達(dá)到讓用戶能感受到精神污染,我們也為其融入了復(fù)雜的情感:狗die、蠢萌、憨傻等等,并在制作時(shí)刻意地混淆其表情的單一含義。例如:向上生無可戀的眼神里又帶著一絲嫌棄,向下垂死一般突出的舌頭配上的嘴充滿笑意。這種多情緒的加載混疊讓最終得到的「二哈」表情變得確實(shí)有很強(qiáng)的精神污染能力,并得到了用戶們的青睞。
充滿魔性的版本迭代
[聳肩]
聳肩表情的視覺元素脫胎于新表情「抱抱」,其更多靈感來自于很多人吐槽除了點(diǎn)贊 Like 外,我們需要一個(gè) Whatever,來表達(dá)自己的無言以對(duì)、滿滿嘲諷。雖然這個(gè)感情在一定程度上有點(diǎn)負(fù)面,但確實(shí)是用戶使用表情的一個(gè)訴求。
無言以對(duì),并不在意
因此我們賦予了這個(gè)表情一個(gè)表示不屑的高高聳肩,配合歪頭和下撇的嘴角,讓它成為了可能有史以來最欠打的微博表情。但小人本身的視覺元素和比例使略帶負(fù)面的情緒在可愛的形象上得到一部分消減,最終表達(dá)出一種接近中立的情緒。
咋?
重新整理排序,快速定位表情
在用研過程中我們還發(fā)現(xiàn),用戶常常在尋找某一表情時(shí)出現(xiàn)卡頓,是由于用戶幾乎從不記憶某一表情的位置。為了降低使用成本,在默默去除過時(shí)及使用頻率極低的表情后,我們將所有表情重新排列了順序。
首先將表情按照情緒來分類,并將每個(gè)類別中情緒表達(dá)程度按照由輕至重、由簡(jiǎn)單至復(fù)雜的程度來排列:
喜的程度從左到右不斷增強(qiáng)
其次在保證原高頻率表情基本位置不大改的條件下,重新規(guī)劃。表情的首屏展示了喜、怒、哀這三類基本情緒,用戶不需要滑屏就能滿足日常情緒的表達(dá)。
首屏表情展示了喜、怒、哀三類基本情緒
最后整體將正面情緒表情前置,負(fù)面情緒表情后置,符合用戶在微博平臺(tái)的表情使用習(xí)慣。另考慮到每屛表情的曝光率,也將某些高頻率表情放置位置相對(duì)偏后,如[愛心]、[蠟燭]。用戶在面對(duì)重新整理的表情,可先定位情緒,再定位某一表情,默默形成習(xí)慣,減少使用成本。
PART 4:GAIN !
用戶反饋
表情優(yōu)化項(xiàng)目從開始到上線大約歷時(shí)一個(gè)半月, 在 9 月 23 日上線當(dāng)天,我們獲得了這樣的用戶反饋:
數(shù)據(jù)反饋
項(xiàng)目上線后,帶表情轉(zhuǎn)微博的量增長(zhǎng)了 23% ,全站微博發(fā)布量增長(zhǎng) 6% 。在 111個(gè) 微博客戶端表情中,有 5 個(gè)新增表情的使用量排在 TOP30 :[二哈][攤手][污][舔屏][抱抱],其中 TOP10 的新增表情就有 3 個(gè),二哈成功超越了 doge 成為使用量第二的表情。
優(yōu)化的表情有 9 個(gè)使用量得到明顯提升,其中最大的[失望]增加了 249% 。
默認(rèn)表情優(yōu)化看似簡(jiǎn)單,但往往簡(jiǎn)單的事物需要注入更多的時(shí)間與精力去完成。為了精確的找到此次優(yōu)化的整體方向及問題點(diǎn),我們不斷進(jìn)行數(shù)據(jù)分析及用戶調(diào)研,這是非常重要的一環(huán),每一次的設(shè)計(jì)背后都有理性的分析做支持。后續(xù)我們也會(huì)不斷進(jìn)行設(shè)計(jì)的總結(jié)與提升,帶給大家更好的體驗(yàn)。最后透露個(gè)小秘密,好像很快會(huì)有更好玩的新表情出現(xiàn),敬請(qǐng)期待!
-end-