「為什麼用這個顏色？」「為什麼這個佈局比那個好？」面對產品經理、老板甚至自己的靈魂拷問，許多視覺設計師只能吐出「覺得好看」「參考某 App」「資深設計師直覺」等無力辯詞。淘寶 UED 設計師患患以「小鋪 2.1 用戶分層引導專案」為例，手把手教你如何將設計決策翻譯成業務方聽得懂、信得過的邏輯語言——設計不只是畫圖，更是用結構化思維解決問題的過程。

從「一廂情願」到「知用戶、懂業務」：調研推翻了我們的假設

專案伊始，團隊預設新賣家最大痛點是「實名認證、支付寶開店認證流程繁雜」及「發布商品表單項目太多」。於是設計了「極簡發布」功能：只需 1 張圖 + 標題/價格/庫存/郵費即可發布。但用戶調研結果令人震驚：

• 認證流程非阻礙： 真心想開店的賣家覺得認證「有必要、不複雜」。
• 極簡發布被拒： 賣家直言「信息越少，後期詢單工作量越大；不被主搜索到等於白發」。幾乎所有受訪者選擇繁瑣的傳統發布。

教訓： 設計不是自嗨。珍惜面對面機會，用戶能助你發現盲區、校準方向。數據驗證：基礎功能使用率高，營銷/裝修/微淘等高階功能幾乎無人用——新賣家不知道怎麼用小鋪，更不知如何獲取流量。

解決問題一：重構信息架構，像整理衣櫃一樣做界面收納

界面設計本質是「收納」：螢幕是衣櫃，元素是衣物。目標不只是整齊，而是讓用戶快速找到目標。應用格式塔原理（視覺系統自動結構化處理），從佈局與色彩兩維度重構首頁：

1. 佈局分區：基礎 vs 高階，建立功能權重感知

將 10 個入口按「產品需求 + 使用習慣」分為兩大區塊：基礎功能（發布、管理、訂單）與高階功能（營銷、裝修、數據）。用戶一眼感知：不是每個功能同等重要，我現在該先搞定基礎。

2. 色彩歸類：同屬性同顏色，降低認知負荷

• 商品屬性（發布、管理）→ 橙色
• 規則幫助（客服、學院）→ 綠色
• 數據相關（生意參謀、報表）→ 藍色

色彩維度劃分區塊，強化邏輯結構性。用戶視覺掃描即能捕捉規律，如拼圖塊數減少、結構簡化，極易拼合理解。

解決問題二：營銷推廣頁「貼標簽」，讓工具自己會說話

舊版營銷頁：官方/第三方工具同樣「圖標+標題」列表，重要度視覺扁平化，賣家進頁面如進迷宮。調整策略：

1. 區塊大小差異化： 重要工具放大展示，第三方工具折疊，建立視覺層級。
2. 關鍵工具加提示： 直接告訴賣家「這工具能帶來什麼流量/轉化」，新手無需摸索即知從何下手。

比喻精準：衣櫃裡抽屜長相若同，你永遠找不到襪子；女友貼標簽「領帶/襪子」，你才能秒找。設計師要做那個貼心女友，在必要時給功能貼上「能幹什麼」的標簽。

解決問題三：「任務盒子」——有針對性、非一次性、不易忽視的成長引導

傳統引導（輪播圖、半透明遮罩+箭頭、手寫字體+卡通人）三大硬傷：

• 缺乏針對性：新老用戶、小白高手看同一套內容。
• 一次性+被動接受：用戶習慣性點「X」關閉，信息永久失聯。
• 吸引力輸給關閉鍵：設計師畫的微笑小人，勸不住用戶急躁的手指。

創新方案——任務盒子：將引導包裝為分階段任務，完成得獎勵，利益驅動主動探索。結構模型包含：任務池、用戶分層、階段匹配、獎勵體系、進度追蹤。

寫在最後：設計師的「專業度」到底在哪裡？

扁平化、簡約風盛行，讓界面設計看似「誰都會擺圖、選色、勾線」。前端工程師搭出的界面有時也不遜色。那設計師的專業價值在哪？

患患給出核心檢驗清單——設計過程中必須反復自問並作答：

1. 你的設計最終解決了什麼問題？
2. 你的設計會對用戶產生什麼影響？
3. 你最終的方案為什麼比那些被 Pass 掉的方案好？

當業務方或老板質疑時，把這三個問題的答案說給他們聽。這才是設計師區別於「圖層拖動師」的核心護城河：用邏輯為直覺背書，用結構為美感負責。