網易實戰案例！用五步設計流程，讓你的設計更有說服力！

網易UEDC – 李寧?：設計作品源于設計師的自我發現、情感和創造，在日常工作中我們加入字體、顏色、空間準則來讓我們感性的表達設計，在美學基礎上更理性的表達設計思維。以上這些是眾所周知的基本法則，是設計具備的基本能力；科學的、合理的為用戶設計才是設計師價值的體現。那么如何讓我們的設計更理性？

在長期跟一條產品線的工作過程中，我們會發現每天做著很多事情，不知道會不會有以下感覺：

• 感覺離用戶很遠。
• 感覺對用戶數據的增長好像沒有什么明顯幫助。

那么用戶增長和設計有什么關系？設計師該如何跳出感性思維進行科學的理性的設計產出？

下面舉兩個例子。

例1，Hotmail 情感化設計。

Hotmail 冷啟動時在發出的郵件末尾簽名處，增加了一行附言，「I love you.Get your free E-mail at Hotmail.」這一改動在僅僅幾個小時之后，使 Hotmail 的用戶注冊曲線發生了戲劇性的變化，原本無人問津的服務，開始以每天3000個新用戶的速度增長。

直至一年半后出售給微軟之前，Hotmail的全球用戶總量達到了驚人的1200萬人，要知道當時全球的網民數量也才不過區區7000萬人。

例2，Facebook 博客小掛件。

向用戶提供帶有個人 Facebook 基本資料的博客小掛件，用戶可以將小掛件的代碼粘貼到自己的公共主頁或者博客上，對外展示炫耀。結果，這個看似不起眼的小掛件每月為 Facebook 帶來了數十億次展示量、千萬次點擊量和百萬級的注冊量。并且，隨著用戶基數的激增，更多人愿意在自己的博客網站上貼出小掛件，以爭取更多的好友和互動。

如果第一個案例讓大家覺得不可思議的話，第二個案例就相對容易理解。即：通過設計滿足用戶潛在訴求的情感共鳴。

Hotmail 通過一句情感獨白讓發送郵件從冷冰冰的工具變成用戶情感之間的交流，在當時的大環境下脫穎而出。

Facebook 則通過頭像掛件解決了新用戶入場之后二度人脈擴張的訴求，試問進入社交軟件發現沒有好友會是多么的焦慮？即便你的設計再出彩（如 line 在國內僅火了萌寵大軍，app 卻無人問津）。

所以，我認為判斷一個科學的體驗設計場景標準為，「剛好你有需要，剛好我能滿足」。

五步設計流程

不同的是 Hotmail 的案例可能是一次腦暴的結果，而 Facebook 則是用了6個月之久基于目標鏈路的用戶行為數據診斷、結合業務需求深度剖析得出符合業務增長目標的「待發現用戶訴求」，具備很強的科學性。那么在工作中如何建立科學的機制，在更深層次的產品用戶體驗設計中體現設計師的自我實現與自我價值？以我服務的產品「網易有錢」為例。

網易有錢是一款支持自動同步的全資產記賬軟件。目標定位：白領、骨干、精英用戶（以下簡稱白骨精用戶）愿景為年輕的漸富人群提供全方位的資產管理服務。2015年6月正式推出至今，已成為自動記賬細分領域的領先者，2017年增長達到150%。網易有錢作為上線三年的產品相對功能趨于完善，任何功能的調整及增加都會對現有用戶帶來一定的影響，因此我們在進行3.0需求改版的時候結合以下五步設計流程來滿足產品同學提出的業務需求。

Step1：明確戰略目標及短中期業務目標

Slogan 是產品與用戶的第一次接觸，也是第一次情感的傳遞和共鳴，簡短的文字直觀的告訴用戶我是誰，我能為你做什么？濃縮了某個產品在一段時間內的愿景和戰略目標。kpi 則是中短期業務目標的直觀反饋現階段產品方向（ps：可參考 AARRR 模型“獲取、激活、留存、傳播和收入”）。

網易有錢現階段戰略目標

• slogan：支持自動同步的全資產記賬軟件。
• 全資產記賬：全資產記賬除了需要登記資產賬戶的余額之外，也登記資產賬戶的變動和交易情況。如xx 股票賬戶個股購買時間、金額、區間漲跌幅、持倉補倉、交易及收益情況等為一個全資產鏈路。
• 自動同步：即用戶添加資產后，如房貸，后續的記錄及剩余貸款金額和還款日期等事情交給我們來做。

業務目標

結合 AARRR 模型，有錢的短期業務目標：獲取用戶、提高留存、引導傳播。

以上兩個目標可以幫助我們鎖定設計思考的維度。設計方案能否在滿足產品需求時更好的服務于用戶？這需要我們制定科學的數據策略模型來定位用戶問題及潛在的用戶訴求。

Step2：制定數據維度分析策略模型

Hotmail 與 Facebook 的案例均是 Growth Hacking 的行為。Growth Hacking 以數據驅動產品增長策略的理念，用戶在產品生命周期中各個階段的重要指標的分析都可以讓問題定位更聚焦，這非常適合網易有錢，精確的用戶行為數據讓我們做設計策略時有非常重要的參考價值。根據業務目標結合增長策略我們制定如下數據分析維度：

• 用戶動態分析：核心功能用戶行為發生了多少次，占比多少。
• 行為漏斗模型：關鍵行為是以什么樣的形式發生的，每一步有多少留存和跳失。
• 用戶活躍度：周期（日、月、季度、年）內用戶活躍度的表現有什么不同。
• 單用戶行為分析：用戶進入 app 做了哪些事情，過程如何。

Step3：數據提取、整理問題

在核心流程上增加全鏈路埋點可以幫助我們了解各個模塊之間的流量占比（用戶行為數據提取），結合策略模型了解每一步流程的點擊率、跳失率、轉化率，做到心中有數。使我們在新增功能設計時可以告訴需求放什么樣的方案是合理的。

例：添加資產流程全鏈路埋點，添加資產 btn — 資產選擇 list — 賬戶登錄 — 成功添加資產賬戶。

多維度整理問題，使其更真實精準的反應用戶行為。數據觀察+用戶訪談，采用數據提取及訪談的方式，提取7日及30日活躍，觀察用戶的行為，同時邀請用戶訪談雙向維度比對得出問題：

數據觀察問題分析

• SEM 渠道來源用戶表現出手動記賬的趨勢。
• 資產卡片的添加數量有限，造成首屏空間的浪費。

用戶訪談問題整理

• 手動記賬結束后懵了，不知道在什么地方看賬單。
• 信用卡沒有到期還款提醒，造成逾期還款。

還原問題本質，數據反饋及用戶訪談的問題是客觀的，且隨性的。如用戶永遠想要一輛跑到比較快的馬車。則需同相關人員一起分析定義落實到產品層面的本質問題，滿足用戶的潛在訴求：

數據觀察問題分析

• 用戶需要一款便捷的記賬工具，合理兼顧自動記賬和手動記賬的需求。
• 用戶添加資產的意愿不夠強烈，首頁向用戶傳遞情感不夠友好，不止造成空間極大的浪費，還傳遞出冷冰冰的工具感。

用戶訪談問題的本質

• 產品在主打自動記賬的前提下，對手動記賬用戶不夠友好，須提升手動記賬用戶的權重。
• 產品功能不夠完善：如上所示提醒不夠及時，造成用戶逾期還款的不友好體驗。

Step4：尋求資源幫助

善于尋求資源幫助，以上聚焦定位問題的工作穿插了產品、運營、BI、項目管理等不同職能，因此我們在明確目標之后積極尋求各職能同學的支持推進數據埋點、用戶訪談、數據分析、問題定位等工作，很慶幸我們團隊的同學給予了極大的支持。

Step5：設計方案產出

這一步很關鍵，設計師需要把上述的流程重新梳理一遍，以數據反饋、用戶反饋為基礎結合業務目標，制定符合現階段「引導、提醒的用戶訴求及拉新、促活的產品戰略」設計解決方案。

我們針對上述流程中的數據反饋結果，做了如下設計策略：

1. 用戶引導策略

產品功能層面加強添加資產和記賬引導，利用有限的空白空間交互告訴用戶不止可以添加資產，還可以手動記賬。

2. 事件反饋策略

手動記賬結果反饋，在當前頁面告訴用戶記賬結果出入口保持一致，讓用戶能明確的感知到做了一次成功 or 失敗的操作。

3. 事件提醒策略

最理想的金融管理產品是類似于銀行私人管家的服務，我們根據用戶添加的資產賬戶自動計算入賬，并提醒雇主每筆資金的流入流出情況和時間排期，避免出現遺忘或逾期的不人性化事件，建立起私人管家的情感化服務做到「剛好你有需要，剛好我能滿足」。

為大家奉上以上方法總結的一套完整的流程圖：

在不同的時期，設計師需要具備不同的思考維度，跳脫純粹的設計思維，以用戶體驗產品設計思維承擔更多的責任，把自己對于設計提升產品價值的思想傳播出去，讓自己的設計作品有量化支撐的說服力，讓不同職能的人員認識到設計的價值。以上是我的一些淺顯感受，歡迎大家探討交流。

歡迎關注作者「網易UEDC」的微信公眾號：

「讓你的設計更有溫度」

• 新手指南：《并不復雜！寫給新手的情感化UI設計簡明指南》
• 了解用戶：《情感｜設計的三個層次，幫你重開情感化設計的大門》
• 視覺感受：《如何用視覺畫面調動用戶的情感？來看這些方法！》
• 產品設計：《想讓產品更受歡迎？來看這5個增加設計趣味性的方法》
• 設計落地：《不靠靈感做設計！超全面的「情感化設計」落地方法論》

================明星欄目推薦================

優優教程網： UiiiUiii.com 是優設旗下優質中文教程網站，分享了大量PS、AE、AI、C4D等中文教程，為零基礎設計愛好者也準備了貼心的知識樹專欄。開啟免費自學新篇章，按照我們的專欄一步步學習，一定可以迅速上手并制作出酷炫的視覺效果。

設計導航：國內人氣最高的設計網址導航，設計師必備： http://hao.uisdc.com