工程師法爾曼創(chuàng)造了第一個表情符號,使文字信息更準(zhǔn)確的傳達情緒,表情現(xiàn)已經(jīng)成為了互聯(lián)網(wǎng)溝通中不可或缺的元素。百度APP用戶正趨于年輕化,表達的訴求也日益增加。線上表情已不能滿足用戶需求,于是設(shè)計師自發(fā)開啟了 BAIDU EMOJI 2.0的設(shè)計歷程
1. 目標(biāo)
2. 現(xiàn)狀分析
使用量前十的表情多為正向和有內(nèi)涵的表情。百度特有的「滑稽」表情使用量遠遠大過其他表情,而部分表情使用量甚低,差距巨大。那這些低熱度的表情為何懸殊如此大,為此我們展開了用戶訪談。
3. 問題歸納-用戶訪談
4. 解題思路
1. 視覺風(fēng)格
通過象限圖和線性時間軸,觀察主流競品。我們可以發(fā)現(xiàn)大部分國內(nèi)的表情設(shè)計的夸張程度遠大于國外。流行的表情主要有兩種性格:「賤」和「萌」,幾乎均分天下。再看第二張圖,可以發(fā)現(xiàn)國外表情的設(shè)計趨勢:質(zhì)感越來越強,表意也更加夸張。
結(jié)合業(yè)務(wù)場景對圖形進行發(fā)散和創(chuàng)新,比如與小度機器人、評論icon結(jié)合等。為了增強表情感染力,嘗試給表情加入身體,又或者突破圓形加強部分五官表現(xiàn)。
然而,因使用場景較多,當(dāng)混排在文字中時,表情較小,很多細節(jié)模糊。我們需要規(guī)整的圖形,也需要更具靈魂的表情,所以最終選取最能承載的圓臉,把重點聚焦在具體五官的設(shè)計上。
△ 對質(zhì)感進行多個層級的嘗試,從弱到強。
結(jié)合競品調(diào)研和趨勢分析,最終選用有質(zhì)感并加了一層描邊的效果,使得表情保留精致的同時又可以多場景的清晰展示。在表情底板上加了一層投影,加強質(zhì)感和層級感。
2. 表情表意
在新表情的設(shè)計上加大了五官的比例和更多細節(jié),表情更夸張、含義更明晰、更有代入感。尤其對于一些使用量較低和較重復(fù)的表情,重新設(shè)計,如此可以挖掘冷門表情的潛力。
表情融入場景感,強化表意。結(jié)合漫畫的設(shè)計語言,增加用戶熟悉感。
3. 新增表情
4. 節(jié)假日表情
節(jié)假日期間新增節(jié)日表情,增強互動區(qū)氛圍。從2019年開始新增節(jié)日表情設(shè)計,共計覆蓋全年10個節(jié)假日。疫情期間也參與其中,用設(shè)計的力量馳援武漢
180+的表情設(shè)計,效率和統(tǒng)一性尤為重要,因此我們對表情進行歸納和整理:以五官和附加元素為劃分維度。
五官:以眼睛、眉毛、嘴、牙、舌頭等元素分類。比如眼睛又可分為14類,根據(jù)是否有眼珠、眼白、高光、眼睛形狀(月牙眼、平眼、斜眼和星星眼等)為標(biāo)準(zhǔn),進行歸納與組件復(fù)用。
附加元素:分為三大類,情緒、氛圍和道具。情緒元素,對眼淚、汗、口水、弱眼淚/口水、紅暈等進行歸納,統(tǒng)一設(shè)計表現(xiàn),如眼淚和口水都采用啞光的形式,與底板設(shè)計語言統(tǒng)一。
這樣組件化的方式,即保證了設(shè)計語言一致性又高效的完成大批表情的鋪設(shè)。
180+的表情,為了便于用戶更快的找到想要的表情,減輕壓力。我們對表情進行了排序,按照表情情緒(喜怒哀樂)和手勢聚類
為增強用戶記憶點,更容易定位表情。我們利用視覺錨點,在長列表情中排入深色系、紅色系的聚類。
在表情上線一段時間后,為了解用戶對此次新表情的好感度,我們進行了調(diào)研:線上問卷與線下訪談
發(fā)放了1000份線上問卷,調(diào)研用戶對新舊表情的好感度以及原因
進行了線下訪談,深入了解用戶的好感度和原因以及使用習(xí)慣等
通過這兩種方式,我們得到以下主要結(jié)論:
用戶對新表情的好感度遠大于舊表情
用戶更喜歡有趣且具有熱點的表情
表情的排序非常影響表情的使用
在深入用戶的過程中,我們更加了解用戶的想法,也為我們后續(xù)升級優(yōu)化,得到了建設(shè)性建議
產(chǎn)品周邊
表情設(shè)計注重的不僅僅是好看的皮囊,更重要的是Ta的內(nèi)在、Ta的靈魂,這才是觸達用戶的點。設(shè)計表情其實是一個講故事的過程,每個表情就像抓拍到的最美瞬間,背后都有自己的專屬live,等待你來續(xù)寫。
作者的微信公眾號:「百度MEUX」
全站高品質(zhì)素材免費下載!