問(wèn)完這 18 個(gè)問(wèn)題，你離優(yōu)秀的交互設(shè)計(jì)師就不遠(yuǎn)了

做設(shè)計(jì)不是接到需求就埋頭苦干，也不是產(chǎn)品說(shuō)一我不說(shuō)二，而是一個(gè)先思考再動(dòng)手、邊動(dòng)手邊思考的過(guò)程。

在這個(gè)過(guò)程中，有些思考如果不夠全面或者深入，就有可能導(dǎo)致做出來(lái)的設(shè)計(jì)有漏洞，既影響產(chǎn)品質(zhì)量，也對(duì)自己的專業(yè)進(jìn)階無(wú)益。

為了能打磨好每一次設(shè)計(jì)，我整理了一些問(wèn)題來(lái)幫助自己思考，各位交互設(shè)計(jì)師也可以試著在工作中用以自問(wèn)。這些問(wèn)題如果能找到答案，那就離優(yōu)秀的設(shè)計(jì)產(chǎn)出也不遠(yuǎn)了。

十八個(gè)問(wèn)題，分了四組，不見(jiàn)得全面，但也能貫穿設(shè)計(jì)始終。

需求

1. 為什么要做這個(gè)需求，需求背景是什么？

要搞明白用戶在怎樣的活動(dòng)場(chǎng)景下遇到了問(wèn)題，然后產(chǎn)生了需求。這是從根本上去了解一個(gè)需求，也是最后驗(yàn)證產(chǎn)品功能的地方。

2. 誰(shuí)提出來(lái)的，是否是原始需求？

工作中設(shè)計(jì)師收到的需求有時(shí)候是二三手需求，經(jīng)過(guò)多節(jié)點(diǎn)傳遞后，信息就容易失真。如果無(wú)法直接觸達(dá)用戶，最好能聯(lián)系到提出第一手需求的人。

3. 用戶有沒(méi)有未表達(dá)出來(lái)的需求？

用戶有時(shí)候只是描述困惑和問(wèn)題，而不會(huì)專業(yè)地描述他們的需求。即使有描述也可能只是在表達(dá)表面層的問(wèn)題，優(yōu)秀的設(shè)計(jì)師需要能夠透過(guò)表面看到實(shí)質(zhì)問(wèn)題。

用戶場(chǎng)景

1. 這個(gè)功能用戶是怎么使用的，流程是怎樣？用戶平時(shí)怎么理解它，具體的場(chǎng)景是怎樣？

對(duì)于這個(gè)問(wèn)題的挖掘其實(shí)非常重要。我們做產(chǎn)品做設(shè)計(jì)，其實(shí)就是幫助用戶解決在某個(gè)場(chǎng)景下活動(dòng)中出現(xiàn)的問(wèn)題。能夠清楚地知道用戶使用產(chǎn)品的習(xí)慣、方式和流程，了解他們對(duì)于產(chǎn)品的理解（用戶心理模型），能非常好地幫助我們?cè)谠O(shè)計(jì)中有的放矢，而不至于去設(shè)計(jì)「我們覺(jué)得用戶會(huì)怎樣使用」的產(chǎn)品。

2. 什么人會(huì)用這個(gè)功能？

很多產(chǎn)品大大小小功能非常多，整個(gè)產(chǎn)品面向的用戶有 100 個(gè)的話，其中某些小功能可能面向受眾只有 10 個(gè)，而這 10 個(gè)人還和其他的用戶畫像可能并不完全一樣。那么做某些功能設(shè)計(jì)的時(shí)候需要重新思考，這 10 個(gè)人的用戶畫像特點(diǎn)是什么。

例如：一個(gè)主要面向 HR 用戶的人事管理系統(tǒng)，其中的某些功能公司的高層管理也會(huì)用，比如查看公司的組織架構(gòu)。高管使用時(shí)的訴求和一般的 HRBP 是不一樣的。那么就這個(gè)功能，我們也需要再去了解一下這些高管用戶。

3. 有沒(méi)有找合適的用戶測(cè)試過(guò)，用戶調(diào)研中有沒(méi)有什么新的發(fā)現(xiàn)，用戶對(duì)于這個(gè)功能有什么未被滿足的期望？

如果不能接觸到最初產(chǎn)生問(wèn)題提出需求的用戶，可以找身邊和目標(biāo)用戶畫像重疊度較高的同事/朋友幫忙做非正式用研，一方面可以多了解他們?cè)谑褂弥械膯?wèn)題，另一方面可能會(huì)有新的發(fā)現(xiàn)和收獲。

4. 使用頻次、重要程度怎樣？

一個(gè)功能或控件在使用頻次和重要程度上的定位，會(huì)影響到它在產(chǎn)品/頁(yè)面中的位置、視覺(jué)突出程度、設(shè)計(jì)研發(fā)成本等。

5. 對(duì)產(chǎn)品中其他功能是否有影響？

有些功能并不是完全獨(dú)立存在，很可能不管是操作上還是數(shù)據(jù)上都和其他（頁(yè)面的）某些功能有牽連，那在做這個(gè)功能設(shè)計(jì)的時(shí)候，也要考慮設(shè)計(jì)出來(lái)會(huì)不會(huì)對(duì)與之有關(guān)聯(lián)的功能使用有影響。

例如：比如微信里，用戶把聯(lián)系人 A、B 和 C 分組為「家人」，然后發(fā)一條朋友圈對(duì)「家人」可見(jiàn)。那么如果用戶一段時(shí)間后在「家人」的標(biāo)簽里加入了 D，那么 D 還能看到之前那條朋友圈消息嗎？

6. 競(jìng)品是怎么解決的，如果找不到競(jìng)品，那么具有類似功能的產(chǎn)品是怎么解決的？

做設(shè)計(jì)也會(huì)偶爾沒(méi)有思路，或者陷入某個(gè)點(diǎn)出不來(lái)，再或者做出來(lái)后大家總覺(jué)得不滿意，這種時(shí)候都可以找優(yōu)秀的競(jìng)品看看。如果沒(méi)有直接競(jìng)品，也可以就某個(gè)功能找有此功能的產(chǎn)品看。

控件

1. 是否能用現(xiàn)有控件完成？如果新增控件的話，必要性大嗎？有沒(méi)有其他地方會(huì)復(fù)用？

管理設(shè)計(jì)資源非常重要，一般成型的設(shè)計(jì)規(guī)范和控件資源盡量復(fù)用，避免沒(méi)有節(jié)制地添加新的控件和規(guī)范，不然容易影響到開(kāi)發(fā)成本以及后期的控件維護(hù)。

2. 這個(gè)控件在操作時(shí)的各種狀態(tài)以及引起的各種變化是不是都想過(guò)了，通順嗎，全面嗎？

作圖的時(shí)候我們常常只做一些關(guān)鍵頁(yè)面來(lái)評(píng)審和討論，評(píng)審?fù)ㄟ^(guò)后繼續(xù)細(xì)化的時(shí)候才發(fā)現(xiàn)有些控件的變化狀態(tài)以及引起的頁(yè)面變化沒(méi)有考慮到，甚至?xí)?duì)已經(jīng)通過(guò)評(píng)審的一些功能有很大影響。所以建議大家有自己的交互自查表，可以對(duì)照著檢查控件的每種情況、每種變化等都是否考慮全面，在頁(yè)面上能否跑得通。

例如：設(shè)計(jì)一個(gè)列表要考慮到數(shù)據(jù)的展示、數(shù)據(jù)排列規(guī)則、新增和刪除數(shù)據(jù)的樣式、超出一屏的情況等等。

3. 自己想當(dāng)然增/刪/改的部分，實(shí)際場(chǎng)景中會(huì)有可用之處嗎？

完成一個(gè)需求的時(shí)候，可能會(huì)根據(jù)自己的一些想法，額外增/刪/改點(diǎn)現(xiàn)有的功能，不是不可以，只是也要考慮一下，這種設(shè)計(jì)師自發(fā)的改動(dòng)，放在實(shí)際場(chǎng)景中，是否真的適用，如果是的話那當(dāng)然好，但如果不是就可能白費(fèi)力氣了。

4. 會(huì)不會(huì)引起誤操作，會(huì)的話怎么避免？

控件的大小、位置、間距、顏色設(shè)計(jì)不得當(dāng)?shù)脑挾伎赡軙?huì)引起用戶的誤解或者操作不便，從而導(dǎo)致誤操作，盡量從設(shè)計(jì)層面來(lái)避免。

交互控件科普專題，強(qiáng)烈建議基礎(chǔ)不好的設(shè)計(jì)師學(xué)習(xí) ??http://www.czdes.cn/zt/interactive-control

檢查

1. 設(shè)計(jì)完成后有沒(méi)有找合適的用戶測(cè)試過(guò)？

有時(shí)候自己做的設(shè)計(jì)怎么看怎么 OK，即使是很有經(jīng)驗(yàn)的設(shè)計(jì)師，有時(shí)候一個(gè)功能做久了就不容易跳出來(lái)發(fā)現(xiàn)問(wèn)題。做完后找身邊的同事/朋友幫忙看一看，說(shuō)不定他們第一眼看出的問(wèn)題和疑惑能給你新的啟發(fā)。

2. 這樣是不是就夠了？

很多需求我們可以用常規(guī)的方式去解決，最后得到的也很可能是一個(gè)中規(guī)中矩的方案，說(shuō)不上不好，但也說(shuō)不上多好。這時(shí)候可以再想想有沒(méi)有體驗(yàn)更好、操作更便捷的方案，而設(shè)計(jì)師的進(jìn)階有時(shí)候就是從這里的「多想想」開(kāi)始的。

3. 自己有沒(méi)有先演示試用一下，看看實(shí)際效果能否跑得通？

做完設(shè)計(jì)稿不自己驗(yàn)證一下就直接給開(kāi)發(fā)是不太負(fù)責(zé)的。其實(shí)現(xiàn)在軟件聯(lián)動(dòng)很方便，像 Sketch 上做完圖，可以直接導(dǎo)入 Principle 或者手機(jī)里點(diǎn)擊查看效果。確保能點(diǎn)擊的地方點(diǎn)擊后效果無(wú)誤后再交付給開(kāi)發(fā)，也能避免后期返工。當(dāng)然，如果是非常小的改動(dòng)或者設(shè)計(jì)，自己確信可以腦補(bǔ)運(yùn)行效果無(wú)誤也 OK。

4. 設(shè)計(jì)文檔寫清楚了嗎，有沒(méi)有一些細(xì)小的改動(dòng)需要特殊強(qiáng)調(diào)一下以免開(kāi)發(fā)注意不到而遺漏？

設(shè)計(jì)圖搞定后，就要補(bǔ)充完交互文檔，這里會(huì)涉及更多的細(xì)節(jié)問(wèn)題，交互邏輯說(shuō)明甚至視覺(jué)標(biāo)注等都要再三檢查是否做到了完整和通順。另外，如果有一些在原頁(yè)面/功能上的細(xì)小改動(dòng)，建議可以用自己的方式強(qiáng)調(diào)一下，以免開(kāi)發(fā)注意不到給漏掉。

例如：已經(jīng)上線的某個(gè)頁(yè)面上只需要修改某個(gè)標(biāo)題文字，開(kāi)發(fā)很可能注意不到，我一般會(huì)在旁邊加個(gè)顏色反差大的箭頭以及文字說(shuō)明指示一下。

5. 和開(kāi)發(fā)溝通過(guò)嗎，開(kāi)發(fā)可實(shí)現(xiàn)嗎？實(shí)現(xiàn)起來(lái)超出預(yù)計(jì)成本嗎？

有時(shí)候因?yàn)楫a(chǎn)品形態(tài)的不同，一些我們覺(jué)得想當(dāng)然的效果，在開(kāi)發(fā)看來(lái)并不是那么容易實(shí)現(xiàn)。比如我們?cè)?APP 上司空見(jiàn)慣的一些效果，在 H5 頁(yè)面上實(shí)現(xiàn)起來(lái)就不一定容易，有時(shí)甚至?xí)驗(yàn)橐恍┘夹g(shù)限制實(shí)現(xiàn)不了。所以在做完設(shè)計(jì)后可以讓開(kāi)發(fā)提前 review（尤其一些新設(shè)計(jì)的、不常見(jiàn)的交互方式）。當(dāng)然，這個(gè)問(wèn)題建議設(shè)計(jì)做完最后再想，以免前期給自己設(shè)限太多，影響設(shè)計(jì)發(fā)揮。

面對(duì)這些問(wèn)題，就像「吾日三省吾身」一樣，常問(wèn)自己常反思，既能提出問(wèn)題又能解決問(wèn)題，才能有助于進(jìn)益。

不過(guò)這些問(wèn)題挨個(gè)兒自問(wèn)一遍其實(shí)也比較花時(shí)間，建議可以用在比較復(fù)雜或者棘手的需求上。而且也不一定要每次全過(guò)一遍，根據(jù)實(shí)際情況，酌情增刪就好。

歡迎關(guān)注作者微信公眾號(hào)：「略設(shè)小計(jì)」