編者按：很多新人交互設計師做出方案后一直無法和產品經理達成共識，而他們可能都沒意識到，一個專業的交互設計流程就可以解決大部分問題。

王鎮雷：首先，要感謝我的 Leader 和師姐，在他們的幫助下，我才理清了這個交互設計流程。

雖不敢說這套方法一定是最優的，但至少是我工作以來一個專業上的里程碑。

話不多說，直接開講。

日常工作中，常見但錯誤的交互設計方法有：

• 產品經理提了需求，立馬動手畫圖；
• 設計中才查看競品，并且沒有特定分類，想到哪個看哪個；
• 執著于具體的設計細節；
• 提交/評審方案時，沒有設計過程，直接提供稿子講解結果。

如果你經常使用以上設計方法，將會遇到以下后果：

• 不清楚在解決什么問題，或只停留在表面；
• 沒有理論指導，設計過程盲目，全靠頭腦發散；
• 產出方案后，經常被挑戰，卻找不到客觀理由說服別人；
• 無法衡量所作設計的價值和效果。

通過以下五步方法/流程，有助于設計師對需求進行拆解、梳理，并提出有依據的、科學的設計方案：

我們一個一個來。

在業務方向中，最重要的是理解需求本身，并且明確設計衡量指標。

只有搞清楚了產品、體驗和數據指標，才能在做設計之前就確定一條準繩。

未來設計中、溝通中所有的糾結和分歧點，都記得回來看一下我們的目標，對目標有利的就是值得堅持和肯定的，不利的就不在此次討論和研究范圍內。

尤其在數據指標這一項，一定要求產品經理給出確定的指標。

數據可以是商業指標如成交額、用戶量等，也可以是用戶行為指標如點擊率、留存率等，還可以是用戶反饋指標如好評率、凈推薦值等。

但無論如何，都必須要有數據指標。否則，之后做的所有設計都將無從論證，所有的撕逼都將沒有規則去限制。

誰都不想去做一件無法判斷價值的事。

第二步，拉取產品當前的相關數據，包括第一步里提到的核心指標。如果條件允許，可以和其他相同、相似的產品數據進行對比。

舉例來說，如果你能得到競品數據，那可以直接做比對，看核心數據上的差異；如果沒有競品，可以拿自己產品中相似的場景數據做對比；如果什么都沒有，就拿往期數據變化做對比。

用戶畫像部分，要拿“目標用戶”畫像和“實際用戶”畫像做對比，明確數據差異的來源是產品設計，還是用戶特征？

結合這些數據和分析，找到當前產品的現有問題：哪個指標明顯低于預期，哪個指標有較大提升空間，這將成為后續的優化重點。

第三步，競品分析。

為了避免在設計中臨時抱佛腳，我們需要提前對競品進行梳理和分析。

先提一個絕大多數人做競品分析的錯誤做法：把競品分析做成大家來找茬。

簡單來說，就是把競品的每一個環節都截圖下來，放在一起，然后看有什么不一樣，然后寫分析。都是在描述現狀，卻沒有做到“分析”。

即便是同類產品，它們的業務背景和策略也可能有很大的差異（如天貓京東淘寶），所以不能單純地從界面上找不同點。在這里，強烈建議大家脫離業務背景去看競品中純設計相關的差異，會更加專業和客觀。

舉個例子，電商產品也會有資訊頁面，可能是新品介紹或者是爆款推廣，也可以是用戶試用心得。這個頁面的設計原理和新聞類、閱讀類、社交類產品有很多相似之處，因此可以類比去看。

因此，最終得到的分析結果應該是主題+圖標分析的方式，如：

• 入口坑位設計中，圖片、標題和摘要的排布關系，多少App采用了左圖右文？多少App采用了上下結構？多少App試用了嵌套模式？
• 評價系統中，多少App采用了3種評價方式（打星、文字、圖片、語音等）、多少采用了4種、多少采用了5種及以上？

理論上，這些交互問題的解決方案是可以窮舉的，因此也可以分析出當前大環境的趨勢。（除非你要做一個完全特立獨行或非常交互創新的產品）

再多提一句，請多看國外的、非業務相關的競品設計，避免在一個互相抄的小圈子里惡性循環。

附競品分析方法：《從這5個緯度出發，學會做一份優秀的視覺競品分析》

將目標具體描述出來，是一個非常有效缺常常被忽視的設計要點——我們必須反復提醒自己正在做什么，而不要無休止地陷入細節當中。

• 體驗關鍵點可以是這樣的形式：讓用戶更容易學習使用產品、讓用戶感到產品更佳個性化、更有效率地使用產品......
• 設計策略可以是這樣的形式：降低產品門檻、加深信息層級、使用新的設計語言......
• 設計手段可以是這樣的形式：提供新人引導、對信息進行分類分級并在何時的時機展示合適的內容、使用符合整個 App 風格和規范的交互視覺設計......

也許有的設計師覺得這些文字性的敘述很多余、很繁瑣，但實際上明確思路是非常重要且不應該省略的一個環節。

盡可能把腦力工作做完，后續就按照策略手段去進行體力活，效率會高很多。

況且，很多設計師事后為了匯報或述職，還要再去凹一套分析過程......為何不在做的時候就按部就班地操作呢？

最后，根據上述分析，按照思路和策略進行設計，并將設計方案呈現出來。

以上設計方法的好處在于：

1、強迫團隊明確目標，在任何分歧點上只要圍繞目標去走，就能得到一致的結論。有統一的目標將有效提高會議、評審和撕逼的效率，避免無用功，避免豬隊友浪費時間；

2、有理有據地分析當前產品問題，從而有理有據地提出優化方向，最后有理有據地給出設計方案，讓人信服，大大提升說服力，降低被挑戰的概率；

3、通過競品分析得到類似問題的行業解決方案和設計趨勢，這些結果是非業務強相關的，可以被沉淀和擴展。同時，競品趨勢也將成為你以后設計強有力的支撐；

4、腦力工作和體力工作分開，避免一邊畫圖一邊糾結策略，導致腦子一團漿糊，效率低下；

5、整個過程科學、有依據，事后總結或反思的時候直接拿出來就好，不需要反過來包裝設計。

常見的疑問有：

1、問：平時工作很忙，沒有時間每個需求都這樣細致地去做？

答：如果你手里有十個項目，建議八個都按照以前的方式快速處理，選取兩個條件適宜的項目用這個方法來做。第一是保障了項目效率，第二是重點項目提升了質量和說服力；

2、問：是否所有項目都適合使用這套方法？

答：不是。有些項目本身就很表面，或者是解決某一個具體的邏輯問題，或者內容比較局限，就不適合或沒有必要使用這套方法來處理。比較適合的項目是那種獨立性較強、整體性改版優化的需求；

3、問：我們公司沒有數據怎么辦？

答：沒有數據的話基本沒有辦法，因為除了客觀數據以外，任何人為的評價方式都很難量化，最終會導致你做的東西有人說好有人說不好，互相撕逼。

不過如果你們當前沒有數據，建立一套針對這個產品的數據需求是一件非常有價值的事。推動產品和開發同學去做，也算是大功一件。

4、問：是不是只有大公司才適合這么做，小公司就沒必要？

答：嚴格來說，是的。小公司追求快速迭代、快速產出，并且小公司而言設計往往不是第一競爭力，所以粗糙一點也沒什么。但如果你希望在設計上能有更多的專業性、更多地避免撕逼，可以選幾個項目來試試。

當然，這套方式在大公司里還是很受用的。

5、問：我覺得你說的都是空談，沒價值。

答：那我只能說各有各的看法了。雖然這套方法使用下來我自己也還有很多的疑惑，但至少感覺是方法論上的一個里程碑。以后可能我也會有新的想法。

歡迎關注作者的微信公眾號：

「完整的設計流程合集」

1. UI 設計丨http://www.hx168888.com/full-ui-design-process
2. 品牌設計丨http://www.hx168888.com/complete-design-work-flow
3. 交互設計丨http://www.hx168888.com/complete-interactive-design-workflow
4. 圖標設計丨http://www.hx168888.com/icon-design-flow-skills
5. UED 團隊設計丨http://www.hx168888.com/china-ued-teams-workflow

【優設網 原創文章 投稿郵箱：yuan@uisdc.com】

================關于優設網================
"優設網uisdc.com"是國內人氣最高的網頁設計師學習平臺，專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書：史上最全的設計師圖書導航：http://hao.uisdc.com/book/。
設計微博：擁有粉絲量180萬的人氣微博@優秀網頁設計 ，歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網站推薦，設計師必備導航：http://hao.uisdc.com