淘寶特色聊天:聊天寶貝的差異化設計

產品老司機手把手教寫文檔,10天線上課程,零基礎掌握產品經理必備7大文檔撰寫法。了解一下>

本文將以聊天寶貝設計為例,展示設計師在淘寶特色聊天中的思考和實踐。enjoy~

在淘寶,每天有上億人使用聊天功能。與其他IM產品不同,淘寶的聊天場景具備其特色的電商因素,如用戶與客服詢問寶貝/解決訂單問題,商家在群中推廣活動/與粉絲會員發放權益,好友間交流分享寶貝等,這決定了淘寶IM電商特色的基因。而在設計中,我們需要挖掘其中的差異。

本文將以聊天寶貝設計為例,展示設計師在淘寶特色聊天中的思考和實踐。

淘寶特色聊天-聊天寶貝的差異化設計

我們將聊天寶貝全鏈路劃分為兩個場景:發寶貝,看寶貝。繼而針對這兩個場景拆解用戶體驗目標/商業目標并挖掘設計的發力機會。

淘寶特色聊天-聊天寶貝的差異化設計

舊版本聊天寶貝鏈路痛點列舉:

淘寶特色聊天-聊天寶貝的差異化設計

▲寶貝卡片(商品識別度低)&發寶貝工具(搜索難用)

寶貝卡片升級

1. 什么樣的卡片適合呈現聊天寶貝

淘寶的主營類目更側重于服飾時尚類,用戶主要以圖片中的信息認知商品,因此小圖消息卡片并不適合承載該類目商品,使用更大的商品圖有助于用戶對服飾時尚類商品認知的提升。其他app聊天中的商品卡片基本采用與其他卡片通用的小圖卡片。

淘寶特色聊天-聊天寶貝的差異化設計

▲ 微信/釘釘針對聊天寶貝的處理

2. 淘寶特色的聊天寶貝卡片設計

在思考聊天寶貝卡片的設計時,我們要考慮兩個方向,差異性與信息承載力。

差異性:因為消息的復雜程度,消息同時支持著手淘多個業務??ㄆ睦嘈橢詼?,形態各異又存在一定的共性,寶貝作為手淘的核心產品,一方面需要表現出與其他卡片的差異性,一方面需要在表現差異性的同時需要具備很好的辨識度和手淘特有的本質。

淘寶特色聊天-聊天寶貝的差異化設計

▲ 新舊寶貝卡片對比

信息承載力:針對于淘寶主導的服飾時尚類類目,更大的圖片有助于用戶對商品的認知。

淘寶特色聊天-聊天寶貝的差異化設計

聊天寶貝的核心訴求是轉化,更多維度的商品信息透出可以更吸引消費者。淘寶提供了多種維度的信息讓用戶了解寶貝,例如優惠、用戶評價、商品核心屬性等。我們嘗試將這些信息簡化歸類,適當的在聊天寶貝中透出,為消費者提供更多的認知商品維度。

淘寶特色聊天-聊天寶貝的差異化設計

▲ 寶貝賦能圖例

淘寶提供了豐富多樣的促銷活動,我們提煉這些促銷信息元素,使聊天寶貝可以同步透出參與的重要活動,使淘寶商品在全鏈路上的信息保持一致,增加用戶認知聊天寶貝的維度。

淘寶特色聊天-聊天寶貝的差異化設計

▲ 促銷活動圖例

3. 上線效果

從3月份灰度測試到如今全量上線,帶來的數據提升符合我們的預期,點擊率大幅提升,曝光率也高于之前預期效果。

發寶貝工具設計

1. 在聊天中及時發送寶貝

上文提到淘寶中的聊天主要場景都是與寶貝相關,因而在聊天中發送寶貝功能也是淘寶特色的必備功能。對于發寶貝工具,核心要解決的是怎么發-發寶貝鏈路設計及發什么-可發寶貝池設計兩部分。

2. 發寶貝的鏈路設計

對于發寶貝工具,我們將其定位為聊天附加工具,置于加號功能拓展區首位。

淘寶特色聊天-聊天寶貝的差異化設計

▲寶貝功能處于功能拓展區首位

用戶在使用發寶貝工具時,需要了解寶貝信息,需要有明顯的發送行動指引,部分用戶在某些場景下需要發送多個寶貝及搜索寶貝。

淘寶特色聊天-聊天寶貝的差異化設計

▲發寶貝工具中的寶貝列表 &發寶貝工具中選中行動點

淘寶特色聊天-聊天寶貝的差異化設計

▲發寶貝工具中搜索 &發寶貝工具中多選

用戶在發送寶貝時需要具體發送那些寶貝呢?我們將于用戶相關的寶貝逐一例舉,包含最近的聊天中、購物車中,收藏夾中……并根據用戶發送寶貝習慣及主要的聊天場景的對來源進行排序。

淘寶特色聊天-聊天寶貝的差異化設計

▲針對用戶習慣/聊天場景因素對寶貝池來源排序

整體演示動畫:

淘寶特色聊天-聊天寶貝的差異化設計

寫在最后

針對聊天寶貝的可優化方向不止這些,還包括寶貝卡片中具體的內容深化,發寶貝的快捷方式,寶貝的互動等方向可以繼續深挖等等,設計師們會繼續探索。如果你有好的建議或創意,也歡迎一起討論。

 

作者:消息平臺組,公眾號:淘寶設計

來源:https://mp.weixin.qq.com/s/RCcKOUvZTv4ky14Sl_YtBA

題圖來自Unsplash,基于CC0協議

評論
歡迎留言討論~!