百度APP EMOJI 2.0的設計分享

工程師法爾曼創造了第一個表情符號,使文字信息更準確的傳達情緒,表情現已經成為了互聯網溝通中不可或缺的元素。百度APP用户正趨於年輕化,表達的訴求也日益增加。線上表情已不能滿足用户需求,於是設計師自發開啓了BAIDU EMOJI 2.0的設計歷程,與大家分享。

百度APP EMOJI 2.0的設計分享
01 設計思路探索1. 目標
百度APP EMOJI 2.0的設計分享
2. 現狀分析

使用量前十的表情多為正向和有內涵的表情。百度特有的“滑稽”表情使用量遠遠大過其他表情,而部分表情使用量甚低,差距巨大。那這些低熱度的表情為何懸殊如此大,為此我們展開了用户訪談。

百度APP EMOJI 2.0的設計分享
3. 問題歸納-用户訪談
百度APP EMOJI 2.0的設計分享
4. 解題思路
百度APP EMOJI 2.0的設計分享
02 解題過程1. 視覺風格

通過象限圖和線性時間軸,觀察主流競品。我們可以發現大部分國內的表情設計的誇張程度遠大於國外。流行的表情主要有兩種性格:“賤”和“萌”,幾乎均分天下。再看第二張圖,可以發現國外表情的設計趨勢:質感越來越強,表意也更加誇張。

百度APP EMOJI 2.0的設計分享

結合業務場景對圖形進行發散和創新,比如與小度機器人、評論icon結合等。為了增強表情感染力,嘗試給表情加入身體,又或者突破圓形加強部分五官表現。

然而,因使用場景較多,當混排在文字中時,表情較小,很多細節模糊。我們需要規整的圖形,也需要更具靈魂的表情,所以最終選取最能承載的圓臉,把重點聚焦在具體五官的設計上。

百度APP EMOJI 2.0的設計分享

對質感進行多個層級的嘗試,從弱到強。

結合競品調研和趨勢分析,最終選用有質感並加了一層描邊的效果,使得表情保留精緻的同時又可以多場景的清晰展示。在表情底板上加了一層投影,加強質感和層級感。

百度APP EMOJI 2.0的設計分享
2. 表情表意

在新表情的設計上加大了五官的比例和更多細節,表情更誇張、含義更明晰、更有代入感。尤其對於一些使用量較低和較重複的表情,重新設計,如此可以挖掘冷門表情的潛力。

百度APP EMOJI 2.0的設計分享

表情融入場景感,強化表意。結合漫畫的設計語言,增加用户熟悉感。

百度APP EMOJI 2.0的設計分享
3. 新增表情
百度APP EMOJI 2.0的設計分享
4. 節假日表情

節假日期間新增節日表情,增強互動區氛圍。從2019年開始新增節日表情設計,共計覆蓋全年10個節假日。疫情期間也參與其中,用設計的力量馳援武漢。

百度APP EMOJI 2.0的設計分享
03 設計方法

180+的表情設計,效率和統一性尤為重要,因此我們對錶情進行歸納和整理:以五官和附加元素為劃分維度。

百度APP EMOJI 2.0的設計分享

五官:以眼睛、眉毛、嘴、牙、舌頭等元素分類。比如眼睛又可分為14類,根據是否有眼珠、眼白、高光、眼睛形狀(月牙眼、平眼、斜眼和星星眼等)為標準,進行歸納與組件複用。

百度APP EMOJI 2.0的設計分享

附加元素:分為三大類,情緒、氛圍和道具。情緒元素,對眼淚、汗、口水、弱眼淚/口水、紅暈等進行歸納,統一設計表現,如眼淚和口水都採用啞光的形式,與底板設計語言統一。

這樣組件化的方式,即保證了設計語言一致性又高效的完成大批表情的鋪設。

04 表情排序

180+的表情,為了便於用户更快的找到想要的表情,減輕壓力。我們對錶情進行了排序,按照表情情緒(喜怒哀樂)和手勢聚類。

百度APP EMOJI 2.0的設計分享

為增強用户記憶點,更容易定位表情。我們利用視覺錨點,在長列表情中排入深色系、紅色系的聚類。

百度APP EMOJI 2.0的設計分享
05 調研與訪談

在表情上線一段時間後,為了解用户對此次新表情的好感度,我們進行了調研:

線上問卷與線下訪談

  1. 發放了1000份線上問卷,調研用户對新舊錶情的好感度以及原因
  2. 進行了線下訪談,深入瞭解用户的好感度和原因以及使用習慣等
百度APP EMOJI 2.0的設計分享

通過這兩種方式,我們得到以下主要結論:

  1. 用户對新表情的好感度遠大於舊錶情
  2. 用户更喜歡有趣且具有熱點的表情
  3. 表情的排序非常影響表情的使用

在深入用户的過程中,我們更加了解用户的想法,也為我們後續升級優化,得到了建設性建議

06 結語

表情設計注重的不僅僅是好看的皮囊,更重要的是Ta的內在、Ta的靈魂,這才是觸達用户的點。設計表情其實是一個講故事的過程,每個表情就像抓拍到的最美瞬間,背後都有自己的專屬live,等待你來續寫。

07 產品周邊
百度APP EMOJI 2.0的設計分享
百度APP EMOJI 2.0的設計分享

本文由@百度MEUX 發佈於人人都是產品經理,未經許可,禁止轉載。

題圖來自Unsplash, 基於CC0協議

版權聲明:本文源自 網絡, 於,由 楠木軒 整理發佈,共 1572 字。

轉載請註明: 百度APP EMOJI 2.0的設計分享 - 楠木軒