起點課堂會員權益
職業(yè)體系課特權
線下行業(yè)大會特權
個人IP打造特權
30+門專項技能課
1300+專題課程
12場職場軟技能直播
12場求職輔導直播
12場專業(yè)技能直播
會員專屬社群
榮耀標識淘寶特色聊天：聊天寶貝的差異化設計
本文將以聊天寶貝設計為例，展示設計師在淘寶特色聊天中的思考和實踐。enjoy~
在淘寶，每天有上億人使用聊天功能。與其他IM產品不同，淘寶的聊天場景具備其特色的電商因素，如用戶與客服詢問寶貝/解決訂單問題，商家在群中推廣活動/與粉絲會員發(fā)放權益，好友間交流分享寶貝等，這決定了淘寶IM電商特色的基因。而在設計中，我們需要挖掘其中的差異。
本文將以聊天寶貝設計為例，展示設計師在淘寶特色聊天中的思考和實踐。
我們將聊天寶貝全鏈路劃分為兩個場景：發(fā)寶貝，看寶貝。繼而針對這兩個場景拆解用戶體驗目標/商業(yè)目標并挖掘設計的發(fā)力機會。
舊版本聊天寶貝鏈路痛點列舉：
▲寶貝卡片（商品識別度低）&發(fā)寶貝工具（搜索難用）
寶貝卡片升級
1. 什么樣的卡片適合呈現(xiàn)聊天寶貝
淘寶的主營類目更側重于服飾時尚類，用戶主要以圖片中的信息認知商品，因此小圖消息卡片并不適合承載該類目商品，使用更大的商品圖有助于用戶對服飾時尚類商品認知的提升。其他app聊天中的商品卡片基本采用與其他卡片通用的小圖卡片。
▲ 微信/釘釘針對聊天寶貝的處理
2. 淘寶特色的聊天寶貝卡片設計
在思考聊天寶貝卡片的設計時，我們要考慮兩個方向，差異性與信息承載力。
差異性：因為消息的復雜程度，消息同時支持著手淘多個業(yè)務?？ㄆ念愋捅姸啵螒B(tài)各異又存在一定的共性，寶貝作為手淘的核心產品，一方面需要表現(xiàn)出與其他卡片的差異性，一方面需要在表現(xiàn)差異性的同時需要具備很好的辨識度和手淘特有的本質。
▲ 新舊寶貝卡片對比
信息承載力：針對于淘寶主導的服飾時尚類類目，更大的圖片有助于用戶對商品的認知。
聊天寶貝的核心訴求是轉化，更多維度的商品信息透出可以更吸引消費者。淘寶提供了多種維度的信息讓用戶了解寶貝，例如優(yōu)惠、用戶評價、商品核心屬性等。我們嘗試將這些信息簡化歸類，適當?shù)脑诹奶鞂氊愔型赋?，為消費者提供更多的認知商品維度。
▲ 寶貝賦能圖例
淘寶提供了豐富多樣的促銷活動，我們提煉這些促銷信息元素，使聊天寶貝可以同步透出參與的重要活動，使淘寶商品在全鏈路上的信息保持一致，增加用戶認知聊天寶貝的維度。
▲ 促銷活動圖例
3. 上線效果
從3月份灰度測試到如今全量上線，帶來的數(shù)據提升符合我們的預期，點擊率大幅提升，曝光率也高于之前預期效果。
發(fā)寶貝工具設計
1. 在聊天中及時發(fā)送寶貝
上文提到淘寶中的聊天主要場景都是與寶貝相關，因而在聊天中發(fā)送寶貝功能也是淘寶特色的必備功能。對于發(fā)寶貝工具，核心要解決的是怎么發(fā)-發(fā)寶貝鏈路設計及發(fā)什么-可發(fā)寶貝池設計兩部分。
2. 發(fā)寶貝的鏈路設計
對于發(fā)寶貝工具，我們將其定位為聊天附加工具，置于加號功能拓展區(qū)首位。
▲寶貝功能處于功能拓展區(qū)首位
用戶在使用發(fā)寶貝工具時，需要了解寶貝信息，需要有明顯的發(fā)送行動指引，部分用戶在某些場景下需要發(fā)送多個寶貝及搜索寶貝。
▲發(fā)寶貝工具中的寶貝列表 &發(fā)寶貝工具中選中行動點
▲發(fā)寶貝工具中搜索 &發(fā)寶貝工具中多選
用戶在發(fā)送寶貝時需要具體發(fā)送那些寶貝呢？我們將于用戶相關的寶貝逐一例舉，包含最近的聊天中、購物車中，收藏夾中……并根據用戶發(fā)送寶貝習慣及主要的聊天場景的對來源進行排序。
▲針對用戶習慣/聊天場景因素對寶貝池來源排序
整體演示動畫：
寫在最后
針對聊天寶貝的可優(yōu)化方向不止這些，還包括寶貝卡片中具體的內容深化，發(fā)寶貝的快捷方式，寶貝的互動等方向可以繼續(xù)深挖等等，設計師們會繼續(xù)探索。如果你有好的建議或創(chuàng)意，也歡迎一起討論。
作者：消息平臺組，公眾號：淘寶設計
來源：https://mp.weixin.qq.com/s/RCcKOUvZTv4ky14Sl_YtBA
題圖來自Unsplash，基于CC0協(xié)議
- 目前還沒評論，等你發(fā)揮！
