為什么說(shuō)產(chǎn)品設(shè)計(jì)師擁有全面體驗(yàn)思維很重要？如何從一名“修飾化妝師”到“基因改造者”？

面對(duì)純工具型產(chǎn)品時(shí)，作為一名視覺(jué)設(shè)計(jì)師很容易陷入兩種境地——脫離產(chǎn)品、用戶本身做天馬行空的視覺(jué)設(shè)計(jì)進(jìn)入一種自我陶醉的狀態(tài)，從而產(chǎn)出過(guò)于形式化不符合工具類(lèi)產(chǎn)品特征的設(shè)計(jì)；或從產(chǎn)品中難以尋找到視覺(jué)價(jià)值以至于郁郁寡歡，猶如置身于懸崖邊，找不到突破方向。這時(shí)就需要設(shè)計(jì)師積極轉(zhuǎn)型，更深層次的理解自己設(shè)計(jì)的產(chǎn)品，擁有全面的體驗(yàn)思維。從功能與形式中尋找到一個(gè)合適的域值，并通過(guò)不同角色間的深入交流，從中提煉設(shè)計(jì)方法，不斷成長(zhǎng)；

我從收藏夾的兩次迭代升級(jí)項(xiàng)目中，更清晰地認(rèn)識(shí)到作為產(chǎn)品設(shè)計(jì)師擁有全面體驗(yàn)思維的重要性，從一名“修飾化妝師”逐步擁有了“基因改造者”思維。

接下來(lái)本文將從以上五個(gè)方面分享“SCARP”模型在收藏夾中的運(yùn)用。

1. SPLIT——“拆”分業(yè)務(wù)形態(tài)，清晰認(rèn)知業(yè)務(wù)

作為一名視覺(jué)設(shè)計(jì)師，在剛拿到需求的時(shí)候很容易馬上進(jìn)入“戰(zhàn)斗“狀態(tài)，迫不及待地著手設(shè)計(jì)。然而，當(dāng)面臨的是一個(gè)純產(chǎn)品頁(yè)面時(shí)，最先需要全面了解該工具的業(yè)務(wù)屬性、用戶人群、當(dāng)前現(xiàn)狀、未來(lái)規(guī)劃問(wèn)題；

以1688主客收藏夾為例，我們可以從以下幾個(gè)部分看到收藏夾的價(jià)值。

（１）通盤(pán)來(lái)看

改版前，在買(mǎi)家整個(gè)工具體系中數(shù)據(jù)靠前，目標(biāo)人群基數(shù)量大，對(duì)標(biāo)目前1688主客上80%的買(mǎi)家人群；未來(lái)發(fā)展趨勢(shì)可觀。

（２）買(mǎi)貨流程上看

收藏夾作為二次導(dǎo)購(gòu)型頁(yè)面，在買(mǎi)家鏈路中處于承上啟下的地位，既有工具屬性又有場(chǎng)景屬性。在改版前的場(chǎng)景屬性上——用戶在整個(gè)工具中獲取關(guān)系型內(nèi)容暫缺，從收藏夾撬動(dòng)關(guān)系型動(dòng)態(tài)內(nèi)容的性價(jià)比很高，且用戶通過(guò)收藏夾很容易建立對(duì)平臺(tái)的依賴；在工具屬性上——收藏夾已不再能滿足日益發(fā)展的用戶訴求，我們必須拓寬功能維度，滿足用戶的最高訴求。

（３）業(yè)務(wù)規(guī)劃上看

主客買(mǎi)家線未來(lái)將從“管商”、“管貨”、“管權(quán)益”三個(gè)維度對(duì)B類(lèi)買(mǎi)家工具進(jìn)行統(tǒng)一整理，收藏夾與交易過(guò)的商品、快速補(bǔ)貨、分銷(xiāo)管理這幾個(gè)功能將進(jìn)行統(tǒng)一打包升級(jí)為統(tǒng)一的貨源管理工具。

由此我們對(duì)收藏夾進(jìn)行了兩次改版升級(jí)，從內(nèi)容架構(gòu)上可更直觀的對(duì)比收藏夾三個(gè)階段：

階段一 – 功能單一的選貨工具

收藏夾1.0滿足了用戶部分檢索需求，但結(jié)構(gòu)簡(jiǎn)潔，功能單一，且尋找供應(yīng)商與篩選功能較為隱蔽，排版樣式不利于功能的拓展。

階段二 – 逐步過(guò)渡為帶有場(chǎng)景屬性的貨源管理工具

作為過(guò)渡版本，收藏夾2.0更注重工具間的聯(lián)動(dòng)性，增加了由品到商的衍生場(chǎng)景，且部分重要功能外透，拓寬了功能維度，逐步滿足用戶的管理訴求；但結(jié)構(gòu)不夠明確，未滿足用戶的部分管理功能，且過(guò)于形式化，圖片大小占比不合適。

階段三 – 極致的貨源管理工具

收藏夾3.0則更注重激起用戶在鏈路中的主動(dòng)性意識(shí)，加強(qiáng)用戶與平臺(tái)間的互動(dòng)性以增加用戶粘度；在功能結(jié)構(gòu)上也更明確，且進(jìn)一步拓寬了收藏夾的管理方式和信息維度；針對(duì)不同的操作采用不同的信息弱化處理方式滿足B類(lèi)用戶高效直達(dá)的人群特點(diǎn)。

2. COLLECTION——“采”集用戶痛點(diǎn)，定性定量分析

從產(chǎn)品型頁(yè)面入手更需結(jié)構(gòu)化思維與系統(tǒng)性的抽象能力；在收藏夾項(xiàng)目中，我們通過(guò)戶調(diào)研、用戶樣本分析以及繪制用戶畫(huà)像，進(jìn)行了需求梳理。為之后的設(shè)計(jì)策略提供了數(shù)據(jù)保障；我們采用線上線下同步的調(diào)研方式采集數(shù)據(jù)，并按定性和定量?jī)蓚€(gè)維度進(jìn)行了分析。

定性-共情理解用戶的一天

我們針對(duì)性的走訪了不同身份的五位買(mǎi)家，通過(guò)制定用戶畫(huà)像，收集用戶對(duì)收藏夾的反饋情況。

以淘寶賣(mài)家童女生作為主要案例，通過(guò)對(duì)她的用戶畫(huà)像梳理和用戶聲音采集總結(jié)了以下用戶痛點(diǎn)。

定量-收集用戶數(shù)據(jù)驗(yàn)證產(chǎn)品功能和優(yōu)先級(jí)的基礎(chǔ)假設(shè)

在定性研究的同時(shí)，我們同樣在線上進(jìn)行了問(wèn)卷的投放；調(diào)研之后，往往需求梳理初期所羅列的一些功能和優(yōu)先級(jí)不一定是用戶真正所需要的。因此綜合兩個(gè)維度的用研輸出，我們進(jìn)行了需求的重新梳理，從用戶對(duì)收藏夾的問(wèn)題反饋尋找正確方向，最終有了一份針對(duì)收藏夾的痛點(diǎn)整理和改版方案。結(jié)合前期的業(yè)務(wù)述求，我們?cè)O(shè)立了三個(gè)設(shè)計(jì)目標(biāo)。

3. ACTION——由底層到表層的設(shè)計(jì)執(zhí)“行”

基于前期的三個(gè)設(shè)計(jì)目標(biāo)。我們進(jìn)行了兩方面的視覺(jué)關(guān)鍵詞提煉：

3.1 模塊化的分層設(shè)計(jì)

（1）框架層

收藏夾3.0將主模塊的卡片區(qū)域以信息區(qū)和功能區(qū)進(jìn)行劃分；這樣能最大程度的保證組件可復(fù)用性和拓展性；以下是針對(duì)卡片區(qū)域，三版收藏夾的框架對(duì)比：我們可以清晰的看到1.0時(shí)期，功能較為單一且組件拓展性不高。在2.0期間隨著功能維度的豐富，左圖右文的信息布局方式有利于信息按規(guī)定邏輯排布。

3.0期間則更明確區(qū)分了卡片樣式中的信息，利用通欄的樣式將信息呈現(xiàn)清晰，為了保證組件的拓展性和統(tǒng)一性，我們將卡片功能劃分為引導(dǎo)功能區(qū)與操作功能區(qū)，兩者間為包含關(guān)系。

（2）表現(xiàn)層

為了避免結(jié)構(gòu)單一給用戶帶來(lái)疲倦感，更清晰的區(qū)別功能區(qū)與信息區(qū)，在視覺(jué)上用不同顏色劃分方式，代替柵格線的使用營(yíng)造整體層次感；在卡片樣式上用微投影體現(xiàn)整體頁(yè)面的層次，對(duì)應(yīng)主客首頁(yè)7.7版本的“空間感”概念；

收藏夾部分頁(yè)面展示：

B類(lèi)用戶有明顯的專業(yè)屬性；相較于市面上大部分C類(lèi)產(chǎn)品，進(jìn)行某些功能操作時(shí)，雙方顯示的信息量會(huì)有差異；特別是收藏夾的二次導(dǎo)購(gòu)特征明顯，在進(jìn)行批量管理功能時(shí)，我們對(duì)其外顯信息進(jìn)行了篩選，將用戶進(jìn)行批量操作時(shí)對(duì)次級(jí)信息進(jìn)行了弱化處理

3.2 觸及情感

用戶都是感性和理性并存的，設(shè)計(jì)師應(yīng)該通過(guò)獨(dú)特的創(chuàng)意和畫(huà)面引起用戶的情感共鳴，為原本枯燥的工具型產(chǎn)品帶來(lái)一些“人情味”。在這次收藏夾的升級(jí)當(dāng)中，我們就梳理了一些用戶的情感觸點(diǎn)，從中發(fā)揮了設(shè)計(jì)價(jià)值；在情感化設(shè)計(jì)中，用集裝箱、升吊機(jī)、盒子等元素凸顯B類(lèi)產(chǎn)品特征。

4. REAM——“擴(kuò)”展宣傳途徑，提供精確指引

當(dāng)產(chǎn)品上線時(shí)，需要用適當(dāng)?shù)耐緩綖樽约旱漠a(chǎn)品發(fā)聲，吸引用戶體驗(yàn)；業(yè)務(wù)產(chǎn)品可以通過(guò)多種媒介渠道進(jìn)行發(fā)聲宣傳，如線上大促活動(dòng)，線下宣傳物料等。而工具類(lèi)產(chǎn)品更內(nèi)斂，我們通過(guò)有限的發(fā)聲途徑為業(yè)務(wù)帶來(lái)了影響力，也吸引了更多用戶體驗(yàn)產(chǎn)品；此次收藏夾就從APP STORE與開(kāi)機(jī)屏增加了兩個(gè)”引新“與”引流“的入口。

5. PROOF——通過(guò)數(shù)據(jù)與滿意度調(diào)研，論“證”設(shè)計(jì)價(jià)值

自收藏夾升級(jí)以來(lái)，我們可以非常明顯的看到數(shù)據(jù)增長(zhǎng)情況；收藏夾UV占無(wú)線DAU比例較改版之前增長(zhǎng)了13.6%，基本與大促時(shí)間持平；且收藏夾作為買(mǎi)家貨源管理工具的重要部分，與足跡基于工具鏈路互通的流量輸送已達(dá)到了各自UV的15%；通過(guò)開(kāi)機(jī)屏和APP STORE發(fā)版圖的宣傳，收藏夾DAU上升了一個(gè)新的臺(tái)階，更多用戶開(kāi)始使用并長(zhǎng)久駐留在收藏夾。接下去我們將對(duì)收藏夾滿意度進(jìn)行跟蹤調(diào)研，通過(guò)數(shù)據(jù)進(jìn)一步完善收藏夾的體驗(yàn)。

階段小結(jié)

通過(guò)收藏夾升級(jí)項(xiàng)目，我逐步形成在商業(yè)場(chǎng)景下，通過(guò)用戶視角推進(jìn)視覺(jué)體驗(yàn)；也通過(guò)與多角色的溝通，擁有更全面的體系化思考。收藏夾是B類(lèi)買(mǎi)家鏈路中最基礎(chǔ)的一環(huán)，我們會(huì)繼續(xù)以“用戶體驗(yàn)”為核心深入優(yōu)化，通過(guò)設(shè)計(jì)專業(yè)性為用戶和業(yè)務(wù)帶來(lái)更多價(jià)值。

作者：吳晗菲，阿里巴巴國(guó)際用戶體驗(yàn)事業(yè)部

來(lái)源：Ｕ一點(diǎn)

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