如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請(qǐng)點(diǎn)這里

編者按：很多新人交互設(shè)計(jì)師做出方案后一直無法和產(chǎn)品經(jīng)理達(dá)成共識(shí)，而他們可能都沒意識(shí)到，一個(gè)專業(yè)的交互設(shè)計(jì)流程就可以解決大部分問題。

王鎮(zhèn)雷：首先，要感謝我的 Leader 和師姐，在他們的幫助下，我才理清了這個(gè)交互設(shè)計(jì)流程。

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

話不多說，直接開講。

日常工作中，常見但錯(cuò)誤的交互設(shè)計(jì)方法有：

• 產(chǎn)品經(jīng)理提了需求，立馬動(dòng)手畫圖；
• 設(shè)計(jì)中才查看競(jìng)品，并且沒有特定分類，想到哪個(gè)看哪個(gè)；
• 執(zhí)著于具體的設(shè)計(jì)細(xì)節(jié)；
• 提交/評(píng)審方案時(shí)，沒有設(shè)計(jì)過程，直接提供稿子講解結(jié)果。

如果你經(jīng)常使用以上設(shè)計(jì)方法，將會(huì)遇到以下后果：

• 不清楚在解決什么問題，或只停留在表面；
• 沒有理論指導(dǎo)，設(shè)計(jì)過程盲目，全靠頭腦發(fā)散；
• 產(chǎn)出方案后，經(jīng)常被挑戰(zhàn)，卻找不到客觀理由說服別人；
• 無法衡量所作設(shè)計(jì)的價(jià)值和效果。

通過以下五步方法/流程，有助于設(shè)計(jì)師對(duì)需求進(jìn)行拆解、梳理，并提出有依據(jù)的、科學(xué)的設(shè)計(jì)方案：

我們一個(gè)一個(gè)來。

在業(yè)務(wù)方向中，最重要的是理解需求本身，并且明確設(shè)計(jì)衡量指標(biāo)。

只有搞清楚了產(chǎn)品、體驗(yàn)和數(shù)據(jù)指標(biāo)，才能在做設(shè)計(jì)之前就確定一條準(zhǔn)繩。

未來設(shè)計(jì)中、溝通中所有的糾結(jié)和分歧點(diǎn)，都記得回來看一下我們的目標(biāo)，對(duì)目標(biāo)有利的就是值得堅(jiān)持和肯定的，不利的就不在此次討論和研究范圍內(nèi)。

尤其在數(shù)據(jù)指標(biāo)這一項(xiàng)，一定要求產(chǎn)品經(jīng)理給出確定的指標(biāo)。

數(shù)據(jù)可以是商業(yè)指標(biāo)如成交額、用戶量等，也可以是用戶行為指標(biāo)如點(diǎn)擊率、留存率等，還可以是用戶反饋指標(biāo)如好評(píng)率、凈推薦值等。

但無論如何，都必須要有數(shù)據(jù)指標(biāo)。否則，之后做的所有設(shè)計(jì)都將無從論證，所有的撕逼都將沒有規(guī)則去限制。

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

第二步，拉取產(chǎn)品當(dāng)前的相關(guān)數(shù)據(jù)，包括第一步里提到的核心指標(biāo)。如果條件允許，可以和其他相同、相似的產(chǎn)品數(shù)據(jù)進(jìn)行對(duì)比。

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

用戶畫像部分，要拿“目標(biāo)用戶”畫像和“實(shí)際用戶”畫像做對(duì)比，明確數(shù)據(jù)差異的來源是產(chǎn)品設(shè)計(jì)，還是用戶特征？

結(jié)合這些數(shù)據(jù)和分析，找到當(dāng)前產(chǎn)品的現(xiàn)有問題：哪個(gè)指標(biāo)明顯低于預(yù)期，哪個(gè)指標(biāo)有較大提升空間，這將成為后續(xù)的優(yōu)化重點(diǎn)。

第三步，競(jìng)品分析。

為了避免在設(shè)計(jì)中臨時(shí)抱佛腳，我們需要提前對(duì)競(jìng)品進(jìn)行梳理和分析。

先提一個(gè)絕大多數(shù)人做競(jìng)品分析的錯(cuò)誤做法：把競(jìng)品分析做成大家來找茬。

簡單來說，就是把競(jìng)品的每一個(gè)環(huán)節(jié)都截圖下來，放在一起，然后看有什么不一樣，然后寫分析。都是在描述現(xiàn)狀，卻沒有做到“分析”。

即便是同類產(chǎn)品，它們的業(yè)務(wù)背景和策略也可能有很大的差異（如天貓京東淘寶），所以不能單純地從界面上找不同點(diǎn)。在這里，強(qiáng)烈建議大家脫離業(yè)務(wù)背景去看競(jìng)品中純?cè)O(shè)計(jì)相關(guān)的差異，會(huì)更加專業(yè)和客觀。

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

因此，最終得到的分析結(jié)果應(yīng)該是主題+圖標(biāo)分析的方式，如：

• 入口坑位設(shè)計(jì)中，圖片、標(biāo)題和摘要的排布關(guān)系，多少App采用了左圖右文？多少App采用了上下結(jié)構(gòu)？多少App試用了嵌套模式？
• 評(píng)價(jià)系統(tǒng)中，多少App采用了3種評(píng)價(jià)方式（打星、文字、圖片、語音等）、多少采用了4種、多少采用了5種及以上？

理論上，這些交互問題的解決方案是可以窮舉的，因此也可以分析出當(dāng)前大環(huán)境的趨勢(shì)。（除非你要做一個(gè)完全特立獨(dú)行或非常交互創(chuàng)新的產(chǎn)品）

再多提一句，請(qǐng)多看國外的、非業(yè)務(wù)相關(guān)的競(jìng)品設(shè)計(jì)，避免在一個(gè)互相抄的小圈子里惡性循環(huán)。

附競(jìng)品分析方法：《從這5個(gè)緯度出發(fā)，學(xué)會(huì)做一份優(yōu)秀的視覺競(jìng)品分析》

將目標(biāo)具體描述出來，是一個(gè)非常有效缺常常被忽視的設(shè)計(jì)要點(diǎn)——我們必須反復(fù)提醒自己正在做什么，而不要無休止地陷入細(xì)節(jié)當(dāng)中。

• 體驗(yàn)關(guān)鍵點(diǎn)可以是這樣的形式：讓用戶更容易學(xué)習(xí)使用產(chǎn)品、讓用戶感到產(chǎn)品更佳個(gè)性化、更有效率地使用產(chǎn)品……
• 設(shè)計(jì)策略可以是這樣的形式：降低產(chǎn)品門檻、加深信息層級(jí)、使用新的設(shè)計(jì)語言……
• 設(shè)計(jì)手段可以是這樣的形式：提供新人引導(dǎo)、對(duì)信息進(jìn)行分類分級(jí)并在何時(shí)的時(shí)機(jī)展示合適的內(nèi)容、使用符合整個(gè) App 風(fēng)格和規(guī)范的交互視覺設(shè)計(jì)……

也許有的設(shè)計(jì)師覺得這些文字性的敘述很多余、很繁瑣，但實(shí)際上明確思路是非常重要且不應(yīng)該省略的一個(gè)環(huán)節(jié)。

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

況且，很多設(shè)計(jì)師事后為了匯報(bào)或述職，還要再去凹一套分析過程……為何不在做的時(shí)候就按部就班地操作呢？

最后，根據(jù)上述分析，按照思路和策略進(jìn)行設(shè)計(jì)，并將設(shè)計(jì)方案呈現(xiàn)出來。

以上設(shè)計(jì)方法的好處在于：

1、強(qiáng)迫團(tuán)隊(duì)明確目標(biāo)，在任何分歧點(diǎn)上只要圍繞目標(biāo)去走，就能得到一致的結(jié)論。有統(tǒng)一的目標(biāo)將有效提高會(huì)議、評(píng)審和撕逼的效率，避免無用功，避免豬隊(duì)友浪費(fèi)時(shí)間；

2、有理有據(jù)地分析當(dāng)前產(chǎn)品問題，從而有理有據(jù)地提出優(yōu)化方向，最后有理有據(jù)地給出設(shè)計(jì)方案，讓人信服，大大提升說服力，降低被挑戰(zhàn)的概率；

3、通過競(jìng)品分析得到類似問題的行業(yè)解決方案和設(shè)計(jì)趨勢(shì)，這些結(jié)果是非業(yè)務(wù)強(qiáng)相關(guān)的，可以被沉淀和擴(kuò)展。同時(shí)，競(jìng)品趨勢(shì)也將成為你以后設(shè)計(jì)強(qiáng)有力的支撐；

4、腦力工作和體力工作分開，避免一邊畫圖一邊糾結(jié)策略，導(dǎo)致腦子一團(tuán)漿糊，效率低下；

5、整個(gè)過程科學(xué)、有依據(jù)，事后總結(jié)或反思的時(shí)候直接拿出來就好，不需要反過來包裝設(shè)計(jì)。

常見的疑問有：

1、問：平時(shí)工作很忙，沒有時(shí)間每個(gè)需求都這樣細(xì)致地去做？

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

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

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

3、問：我們公司沒有數(shù)據(jù)怎么辦？

答：沒有數(shù)據(jù)的話基本沒有辦法，因?yàn)槌丝陀^數(shù)據(jù)以外，任何人為的評(píng)價(jià)方式都很難量化，最終會(huì)導(dǎo)致你做的東西有人說好有人說不好，互相撕逼。

不過如果你們當(dāng)前沒有數(shù)據(jù)，建立一套針對(duì)這個(gè)產(chǎn)品的數(shù)據(jù)需求是一件非常有價(jià)值的事。推動(dòng)產(chǎn)品和開發(fā)同學(xué)去做，也算是大功一件。

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

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

當(dāng)然，這套方式在大公司里還是很受用的。

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

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

藍(lán)藍(lán)設(shè)計(jì)( m.sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)