起點課堂會員權益
職業體系課特權
線下行業大會特權
個人IP打造特權
30+門專項技能課
1300+專題課程
12場職場軟技能直播
12場求職輔導直播
12場專業技能直播
會員專屬社群
榮耀標識SCARP-視覺設計師應該擁有的體驗思維——收藏夾升級階段性思考心得
為什么說產品設計師擁有全面體驗思維很重要？如何從一名“修飾化妝師”到“基因改造者”？
面對純工具型產品時，作為一名視覺設計師很容易陷入兩種境地——脫離產品、用戶本身做天馬行空的視覺設計進入一種自我陶醉的狀態，從而產出過于形式化不符合工具類產品特征的設計；或從產品中難以尋找到視覺價值以至于郁郁寡歡，猶如置身于懸崖邊，找不到突破方向。這時就需要設計師積極轉型，更深層次的理解自己設計的產品，擁有全面的體驗思維。從功能與形式中尋找到一個合適的域值，并通過不同角色間的深入交流，從中提煉設計方法，不斷成長；
我從收藏夾的兩次迭代升級項目中，更清晰地認識到作為產品設計師擁有全面體驗思維的重要性，從一名“修飾化妝師”逐步擁有了“基因改造者”思維。
接下來本文將從以上五個方面分享“SCARP”模型在收藏夾中的運用。
1. SPLIT——“拆”分業務形態，清晰認知業務
作為一名視覺設計師，在剛拿到需求的時候很容易馬上進入“戰斗“狀態，迫不及待地著手設計。然而，當面臨的是一個純產品頁面時，最先需要全面了解該工具的業務屬性、用戶人群、當前現狀、未來規劃問題；
以1688主客收藏夾為例，我們可以從以下幾個部分看到收藏夾的價值。
（１）通盤來看
改版前，在買家整個工具體系中數據靠前，目標人群基數量大，對標目前1688主客上80%的買家人群；未來發展趨勢可觀。
（２）買貨流程上看
收藏夾作為二次導購型頁面，在買家鏈路中處于承上啟下的地位，既有工具屬性又有場景屬性。在改版前的場景屬性上——用戶在整個工具中獲取關系型內容暫缺，從收藏夾撬動關系型動態內容的性價比很高，且用戶通過收藏夾很容易建立對平臺的依賴；在工具屬性上——收藏夾已不再能滿足日益發展的用戶訴求，我們必須拓寬功能維度，滿足用戶的最高訴求。
（３）業務規劃上看
主客買家線未來將從“管商”、“管貨”、“管權益”三個維度對B類買家工具進行統一整理，收藏夾與交易過的商品、快速補貨、分銷管理這幾個功能將進行統一打包升級為統一的貨源管理工具。
由此我們對收藏夾進行了兩次改版升級，從內容架構上可更直觀的對比收藏夾三個階段：
階段一 – 功能單一的選貨工具
收藏夾1.0滿足了用戶部分檢索需求，但結構簡潔，功能單一，且尋找供應商與篩選功能較為隱蔽，排版樣式不利于功能的拓展。
階段二 – 逐步過渡為帶有場景屬性的貨源管理工具
作為過渡版本，收藏夾2.0更注重工具間的聯動性，增加了由品到商的衍生場景，且部分重要功能外透，拓寬了功能維度，逐步滿足用戶的管理訴求；但結構不夠明確，未滿足用戶的部分管理功能，且過于形式化，圖片大小占比不合適。
階段三 – 極致的貨源管理工具
收藏夾3.0則更注重激起用戶在鏈路中的主動性意識，加強用戶與平臺間的互動性以增加用戶粘度；在功能結構上也更明確，且進一步拓寬了收藏夾的管理方式和信息維度；針對不同的操作采用不同的信息弱化處理方式滿足B類用戶高效直達的人群特點。
2. COLLECTION——“采”集用戶痛點，定性定量分析
從產品型頁面入手更需結構化思維與系統性的抽象能力；在收藏夾項目中，我們通過戶調研、用戶樣本分析以及繪制用戶畫像，進行了需求梳理。為之后的設計策略提供了數據保障；我們采用線上線下同步的調研方式采集數據，并按定性和定量兩個維度進行了分析。
定性-共情理解用戶的一天
我們針對性的走訪了不同身份的五位買家，通過制定用戶畫像，收集用戶對收藏夾的反饋情況。
以淘寶賣家童女生作為主要案例，通過對她的用戶畫像梳理和用戶聲音采集總結了以下用戶痛點。
定量-收集用戶數據驗證產品功能和優先級的基礎假設
在定性研究的同時，我們同樣在線上進行了問卷的投放；調研之后，往往需求梳理初期所羅列的一些功能和優先級不一定是用戶真正所需要的。因此綜合兩個維度的用研輸出，我們進行了需求的重新梳理，從用戶對收藏夾的問題反饋尋找正確方向，最終有了一份針對收藏夾的痛點整理和改版方案。結合前期的業務述求，我們設立了三個設計目標。
3. ACTION——由底層到表層的設計執“行”
基于前期的三個設計目標。我們進行了兩方面的視覺關鍵詞提煉：
3.1 模塊化的分層設計
（1）框架層
收藏夾3.0將主模塊的卡片區域以信息區和功能區進行劃分；這樣能最大程度的保證組件可復用性和拓展性；以下是針對卡片區域，三版收藏夾的框架對比：我們可以清晰的看到1.0時期，功能較為單一且組件拓展性不高。在2.0期間隨著功能維度的豐富，左圖右文的信息布局方式有利于信息按規定邏輯排布。
3.0期間則更明確區分了卡片樣式中的信息，利用通欄的樣式將信息呈現清晰，為了保證組件的拓展性和統一性，我們將卡片功能劃分為引導功能區與操作功能區，兩者間為包含關系。
（2）表現層
為了避免結構單一給用戶帶來疲倦感，更清晰的區別功能區與信息區，在視覺上用不同顏色劃分方式，代替柵格線的使用營造整體層次感；在卡片樣式上用微投影體現整體頁面的層次，對應主客首頁7.7版本的“空間感”概念；
收藏夾部分頁面展示：
B類用戶有明顯的專業屬性；相較于市面上大部分C類產品，進行某些功能操作時，雙方顯示的信息量會有差異；特別是收藏夾的二次導購特征明顯，在進行批量管理功能時，我們對其外顯信息進行了篩選，將用戶進行批量操作時對次級信息進行了弱化處理
3.2 觸及情感
用戶都是感性和理性并存的，設計師應該通過獨特的創意和畫面引起用戶的情感共鳴，為原本枯燥的工具型產品帶來一些“人情味”。在這次收藏夾的升級當中，我們就梳理了一些用戶的情感觸點，從中發揮了設計價值；在情感化設計中，用集裝箱、升吊機、盒子等元素凸顯B類產品特征。
4. REAM——“擴”展宣傳途徑，提供精確指引
當產品上線時，需要用適當的途徑為自己的產品發聲，吸引用戶體驗；業務產品可以通過多種媒介渠道進行發聲宣傳，如線上大促活動，線下宣傳物料等。而工具類產品更內斂，我們通過有限的發聲途徑為業務帶來了影響力，也吸引了更多用戶體驗產品；此次收藏夾就從APP STORE與開機屏增加了兩個”引新“與”引流“的入口。
5. PROOF——通過數據與滿意度調研，論“證”設計價值
自收藏夾升級以來，我們可以非常明顯的看到數據增長情況；收藏夾UV占無線DAU比例較改版之前增長了13.6%，基本與大促時間持平；且收藏夾作為買家貨源管理工具的重要部分，與足跡基于工具鏈路互通的流量輸送已達到了各自UV的15%；通過開機屏和APP STORE發版圖的宣傳，收藏夾DAU上升了一個新的臺階，更多用戶開始使用并長久駐留在收藏夾。接下去我們將對收藏夾滿意度進行跟蹤調研，通過數據進一步完善收藏夾的體驗。
階段小結
通過收藏夾升級項目，我逐步形成在商業場景下，通過用戶視角推進視覺體驗；也通過與多角色的溝通，擁有更全面的體系化思考。收藏夾是B類買家鏈路中最基礎的一環，我們會繼續以“用戶體驗”為核心深入優化，通過設計專業性為用戶和業務帶來更多價值。
作者：吳晗菲，阿里巴巴國際用戶體驗事業部
來源：Ｕ一點
題圖來自 Pexels，基于 CC0 協議
無線DAU是什么意思？
Daily Active User日活躍人數