本文將以聊天寶貝設(shè)計(jì)為例，展示設(shè)計(jì)師在淘寶特色聊天中的思考和實(shí)踐。enjoy~

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

本文將以聊天寶貝設(shè)計(jì)為例，展示設(shè)計(jì)師在淘寶特色聊天中的思考和實(shí)踐。

我們將聊天寶貝全鏈路劃分為兩個(gè)場(chǎng)景：發(fā)寶貝，看寶貝。繼而針對(duì)這兩個(gè)場(chǎng)景拆解用戶體驗(yàn)?zāi)繕?biāo)/商業(yè)目標(biāo)并挖掘設(shè)計(jì)的發(fā)力機(jī)會(huì)。

舊版本聊天寶貝鏈路痛點(diǎn)列舉：

▲寶貝卡片（商品識(shí)別度低）&發(fā)寶貝工具（搜索難用）

寶貝卡片升級(jí)

1. 什么樣的卡片適合呈現(xiàn)聊天寶貝

淘寶的主營(yíng)類(lèi)目更側(cè)重于服飾時(shí)尚類(lèi)，用戶主要以圖片中的信息認(rèn)知商品，因此小圖消息卡片并不適合承載該類(lèi)目商品，使用更大的商品圖有助于用戶對(duì)服飾時(shí)尚類(lèi)商品認(rèn)知的提升。其他app聊天中的商品卡片基本采用與其他卡片通用的小圖卡片。

▲ 微信/釘釘針對(duì)聊天寶貝的處理

2. 淘寶特色的聊天寶貝卡片設(shè)計(jì)

在思考聊天寶貝卡片的設(shè)計(jì)時(shí)，我們要考慮兩個(gè)方向，差異性與信息承載力。

差異性：因?yàn)橄⒌膹?fù)雜程度，消息同時(shí)支持著手淘多個(gè)業(yè)務(wù)?？ㄆ念?lèi)型眾多，形態(tài)各異又存在一定的共性，寶貝作為手淘的核心產(chǎn)品，一方面需要表現(xiàn)出與其他卡片的差異性，一方面需要在表現(xiàn)差異性的同時(shí)需要具備很好的辨識(shí)度和手淘特有的本質(zhì)。

▲ 新舊寶貝卡片對(duì)比

信息承載力：針對(duì)于淘寶主導(dǎo)的服飾時(shí)尚類(lèi)類(lèi)目，更大的圖片有助于用戶對(duì)商品的認(rèn)知。

聊天寶貝的核心訴求是轉(zhuǎn)化，更多維度的商品信息透出可以更吸引消費(fèi)者。淘寶提供了多種維度的信息讓用戶了解寶貝，例如優(yōu)惠、用戶評(píng)價(jià)、商品核心屬性等。我們嘗試將這些信息簡(jiǎn)化歸類(lèi)，適當(dāng)?shù)脑诹奶鞂氊愔型赋觯瑸橄M(fèi)者提供更多的認(rèn)知商品維度。

▲ 寶貝賦能圖例

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

▲ 促銷(xiāo)活動(dòng)圖例

3. 上線效果

從3月份灰度測(cè)試到如今全量上線，帶來(lái)的數(shù)據(jù)提升符合我們的預(yù)期，點(diǎn)擊率大幅提升，曝光率也高于之前預(yù)期效果。

發(fā)寶貝工具設(shè)計(jì)

1. 在聊天中及時(shí)發(fā)送寶貝

上文提到淘寶中的聊天主要場(chǎng)景都是與寶貝相關(guān)，因而在聊天中發(fā)送寶貝功能也是淘寶特色的必備功能。對(duì)于發(fā)寶貝工具，核心要解決的是怎么發(fā)-發(fā)寶貝鏈路設(shè)計(jì)及發(fā)什么-可發(fā)寶貝池設(shè)計(jì)兩部分。

2. 發(fā)寶貝的鏈路設(shè)計(jì)

對(duì)于發(fā)寶貝工具，我們將其定位為聊天附加工具，置于加號(hào)功能拓展區(qū)首位。

▲寶貝功能處于功能拓展區(qū)首位

用戶在使用發(fā)寶貝工具時(shí)，需要了解寶貝信息，需要有明顯的發(fā)送行動(dòng)指引，部分用戶在某些場(chǎng)景下需要發(fā)送多個(gè)寶貝及搜索寶貝。

▲發(fā)寶貝工具中的寶貝列表 &發(fā)寶貝工具中選中行動(dòng)點(diǎn)

▲發(fā)寶貝工具中搜索 &發(fā)寶貝工具中多選

用戶在發(fā)送寶貝時(shí)需要具體發(fā)送那些寶貝呢？我們將于用戶相關(guān)的寶貝逐一例舉，包含最近的聊天中、購(gòu)物車(chē)中，收藏夾中……并根據(jù)用戶發(fā)送寶貝習(xí)慣及主要的聊天場(chǎng)景的對(duì)來(lái)源進(jìn)行排序。

▲針對(duì)用戶習(xí)慣/聊天場(chǎng)景因素對(duì)寶貝池來(lái)源排序

整體演示動(dòng)畫(huà)：

寫(xiě)在最后

針對(duì)聊天寶貝的可優(yōu)化方向不止這些，還包括寶貝卡片中具體的內(nèi)容深化，發(fā)寶貝的快捷方式，寶貝的互動(dòng)等方向可以繼續(xù)深挖等等，設(shè)計(jì)師們會(huì)繼續(xù)探索。如果你有好的建議或創(chuàng)意，也歡迎一起討論。

作者：消息平臺(tái)組，公眾號(hào)：淘寶設(shè)計(jì)

來(lái)源：https://mp.weixin.qq.com/s/RCcKOUvZTv4ky14Sl_YtBA

題圖來(lái)自Unsplash，基于CC0協(xié)議