交互設(shè)計(jì)師的專(zhuān)業(yè)程度很大一部分取決于對(duì)用戶(hù)的了解深度，而非是專(zhuān)業(yè)知識(shí)。對(duì)于初學(xué)者來(lái)說(shuō)，只需要具備一個(gè)必要的入門(mén)特質(zhì)——同理心，這是一種理解或者感受他人的能力。下面這篇文章講述了應(yīng)該怎樣才能做好交互設(shè)計(jì)，想要了解交互設(shè)計(jì)的同學(xué)趕緊來(lái)看看哦。

一、認(rèn)知誤區(qū)

1. 交互設(shè)計(jì)門(mén)檻很高

交互設(shè)計(jì)介于產(chǎn)品經(jīng)理與UI設(shè)計(jì)師之間，是為了順應(yīng)時(shí)代發(fā)展劃分出來(lái)的崗位需求。

雖然已經(jīng)出現(xiàn)了很多年，但目前來(lái)看，交互設(shè)計(jì)在一些中小型公司仍然是比較模糊的領(lǐng)域。甚至很多從業(yè)者把交互設(shè)計(jì)交給產(chǎn)品經(jīng)理或UI設(shè)計(jì)師來(lái)實(shí)現(xiàn)。

很多人在步入新領(lǐng)域的時(shí)候，都會(huì)尋找對(duì)應(yīng)領(lǐng)域所需要的知識(shí)結(jié)構(gòu)、能力模型…我和身邊的朋友經(jīng)常會(huì)聊到這些，試圖從中總結(jié)出一個(gè)好的交互設(shè)計(jì)需要滿(mǎn)足哪些特質(zhì)。

溝通能力、人機(jī)科學(xué)、心理學(xué)、認(rèn)知科學(xué)……但很多初學(xué)者看到這些就放棄了，它給人一種學(xué)習(xí)曲線很陡峭的感覺(jué)。

在我看來(lái)，交互設(shè)計(jì)師的專(zhuān)業(yè)程度很大一部分取決于對(duì)用戶(hù)的了解深度，而非是專(zhuān)業(yè)知識(shí)。所以，對(duì)于初學(xué)者來(lái)說(shuō)，只需要具備一個(gè)必要的入門(mén)特質(zhì)——同理心(empathy)，這是一種理解或者感受他人(用戶(hù))的能力。

在生活中，如果你覺(jué)得自己是一個(gè)比較能站在對(duì)方角度思考的人，那么恭喜你，你已經(jīng)具備交互設(shè)計(jì)師的特質(zhì)了。

但是同理心并不是一件很容易的事情，你需要它貫徹交互工作的始終，“以用戶(hù)為中心進(jìn)行設(shè)計(jì)”并不是一句slogan，始終站在用戶(hù)角度思考問(wèn)題，這非常重要?。?！

2. 交互設(shè)計(jì)工作是畫(huà)原型圖

原型圖和流程圖是交互設(shè)計(jì)師的主要產(chǎn)出文檔之一，但是交互設(shè)計(jì)需要做的不僅僅是產(chǎn)出這些文檔，甚至很多時(shí)候，交互僅僅需要提供建議。

UX設(shè)計(jì)指的是設(shè)計(jì)用戶(hù)體驗(yàn)的過(guò)程。核心的焦點(diǎn)在于設(shè)計(jì)用戶(hù)行為，用戶(hù)行為不僅僅體現(xiàn)在原型圖上點(diǎn)擊或滑動(dòng)某個(gè)地方，而是嘗試引導(dǎo)用戶(hù)誘發(fā)或者推動(dòng)響應(yīng)。

很多從業(yè)者錯(cuò)誤的認(rèn)為交互設(shè)計(jì)就是畫(huà)原型圖和流程圖，這種想法往往會(huì)把注意力集中在用戶(hù)要完成的任務(wù)上，而忽略了體驗(yàn)過(guò)程中是否有足夠的關(guān)注。

完整的用戶(hù)行為，應(yīng)該包括預(yù)知、反饋、返回三個(gè)階段，交互之前有預(yù)知，交互之中有反饋，交互之后有返回，這三點(diǎn)支撐起交互基本的可用性。

（1）交互之前有預(yù)知

用戶(hù)在使用產(chǎn)品進(jìn)行交互前，是否能夠清晰感知到需要的信息以及下一步的行為？

《About Face 4 : 交互設(shè)計(jì)精髓》一書(shū)中提出，用戶(hù)對(duì)于一件事情的心智是一個(gè)圓，我們?cè)O(shè)計(jì)出來(lái)的東西越趨于這個(gè)圓形，用戶(hù)對(duì)設(shè)計(jì)就會(huì)越滿(mǎn)意。

所以在進(jìn)行設(shè)計(jì)之前，多問(wèn)自己一些問(wèn)題。用戶(hù)來(lái)這里的動(dòng)機(jī)是什么？他們點(diǎn)擊這個(gè)東西的時(shí)候會(huì)有什么預(yù)期？他們是否對(duì)未學(xué)習(xí)過(guò)的東西有一定了解?…

（2） 交互之中有反饋

系統(tǒng)應(yīng)該讓用戶(hù)時(shí)刻清楚當(dāng)前發(fā)生了什么事情，也就是快速的讓用戶(hù)了解自己處于何種狀態(tài)，對(duì)過(guò)去發(fā)生、當(dāng)前目標(biāo)、以及對(duì)未來(lái)去向有所了解。比如加載頁(yè)面的設(shè)計(jì)中，我們會(huì)通過(guò)進(jìn)度條或者場(chǎng)景插畫(huà)的方式預(yù)知用戶(hù)頁(yè)面的進(jìn)度，從而打消用戶(hù)等待過(guò)程中的焦慮。

（3）交互之后有返回

可逆性是交互設(shè)計(jì)中重要的一環(huán)，用戶(hù)不可能百分百的按照我們?cè)O(shè)計(jì)的路徑去使用產(chǎn)品。

事實(shí)上，用戶(hù)常常會(huì)誤觸到某些功能，即使在線性的流程中，我們也應(yīng)該讓用戶(hù)可以方便的退出，始終讓用戶(hù)保持可控的狀態(tài)。比如微信聊天中的撤回功能，在發(fā)送錯(cuò)誤信息后，可以通過(guò)長(zhǎng)按這條消息或者表情，在選擇框中操作撤回。

舉個(gè)例子，餓了么在選購(gòu)商品的時(shí)候，交互前通過(guò)按鈕置灰預(yù)知用戶(hù)不可點(diǎn)擊，交互中通過(guò)動(dòng)效、Toast給予用戶(hù)操作反饋，交互后可通過(guò)外賣(mài)箱對(duì)已選商品進(jìn)行刪減或清空，保證產(chǎn)品可逆性。

3. 用戶(hù)的想法都是對(duì)的

為了貫徹“以用戶(hù)為中心”的設(shè)計(jì)原則，很多設(shè)計(jì)師會(huì)選擇直接聽(tīng)取用戶(hù)的設(shè)計(jì)建議，最終導(dǎo)致產(chǎn)品越做越復(fù)雜，最后造成體驗(yàn)上的損失。

實(shí)際上，UX是一項(xiàng)技能，而不是一種天賦。這意味著大部分用戶(hù)是無(wú)法幫你進(jìn)行設(shè)計(jì)的。

當(dāng)面臨未知的挑戰(zhàn)時(shí)，不能一味聽(tīng)從用戶(hù)的想法。你可以聽(tīng)取用戶(hù)的意見(jiàn)，但不要他們說(shuō)什么你就干什么。聽(tīng)聽(tīng)用戶(hù)是怎么想的，看看他們是如何嘗試完成某項(xiàng)操作的，了解他們是怎樣在你的設(shè)計(jì)中迷失的，以及為什么會(huì)這樣。

然后，去尋找這些問(wèn)題的解決方案。

福特汽車(chē)創(chuàng)始人亨利福特說(shuō)過(guò)一句名言：在汽車(chē)出現(xiàn)之前，去問(wèn)顧客想要什么，他們可能會(huì)說(shuō)：一匹更快的馬?！?/p>

如果我們一味的聽(tīng)取用戶(hù)的想法，那我們只能在解決方案上做加法。如果要找到完美的解決辦法，我們必須學(xué)會(huì)找到問(wèn)題的本質(zhì)。

二、實(shí)踐誤區(qū)

1. 交互不用考慮視覺(jué)

這是交互設(shè)計(jì)師經(jīng)常忽略的，把線框圖當(dāng)作速成且粗略的草圖，或者把它當(dāng)成設(shè)計(jì)的第一步，只展示流程如何運(yùn)作，卻忽略了是否能夠更好的運(yùn)作。

交互設(shè)計(jì)師在組織框架時(shí)，除了保證邏輯清晰外，視覺(jué)也是構(gòu)成體驗(yàn)的一部分。交互設(shè)計(jì)師雖然不直接負(fù)責(zé)視覺(jué)效果，但需要通過(guò)元素之間的結(jié)構(gòu)關(guān)聯(lián)和強(qiáng)弱對(duì)比，將有效的信息傳遞給下游。

在必要的情況下，也可以通過(guò)1-2種顏色來(lái)表達(dá)你的想法～具體可以分為視覺(jué)重量、視覺(jué)關(guān)聯(lián)兩個(gè)方面：

（1）視覺(jué)重量

用戶(hù)不可能像機(jī)器人一樣把頁(yè)面所呈現(xiàn)的內(nèi)容都掃描一遍，如果你想要用戶(hù)著重關(guān)注某些內(nèi)容，你需要調(diào)整不同信息的視覺(jué)重量，以達(dá)到主、次、先、后的順序。

當(dāng)你不斷的使用排版來(lái)突出重要文字、用特定的顏色強(qiáng)調(diào)按鈕，并且給重要內(nèi)容以更多的視覺(jué)重量時(shí)，就創(chuàng)造出了視覺(jué)層級(jí)。

用戶(hù)的眼睛就可以從一個(gè)重要的地方跳到另一個(gè)重要的地方。交互設(shè)計(jì)師在傳遞技術(shù)文檔時(shí)要體現(xiàn)出這一點(diǎn)。

（2）視覺(jué)關(guān)聯(lián)

交互設(shè)計(jì)師除了注重邏輯關(guān)聯(lián)外，視覺(jué)關(guān)聯(lián)也是組織信息框架時(shí)重要的一點(diǎn)。在用戶(hù)沒(méi)有了解你的頁(yè)面之前，會(huì)下意識(shí)的通過(guò)眼睛劃分哪些信息都有什么關(guān)聯(lián)。

在設(shè)計(jì)中，我們通常將有關(guān)系的元素給予更強(qiáng)的親密度、統(tǒng)一的樣式，甚至通過(guò)卡片、色塊的方式來(lái)劃分關(guān)聯(lián)，而且位置接近的元素關(guān)系越強(qiáng)。

我們不需要像視覺(jué)設(shè)計(jì)師一樣將原型圖繪制的如此精細(xì)，但需要通過(guò)一定的處理方式體現(xiàn)出視覺(jué)的關(guān)聯(lián)性。

2. 我覺(jué)得這樣做會(huì)更好

設(shè)計(jì)師不用對(duì)KPI負(fù)責(zé)，但要直接對(duì)體驗(yàn)負(fù)責(zé)。

交互設(shè)計(jì)師的工作中，自身代表的就是用戶(hù)，任何時(shí)候都要避免一些主觀的看法。不要你覺(jué)得，而是用戶(hù)覺(jué)得。

任何需求都離不開(kāi)用戶(hù)這一要素，不同的用戶(hù)群體決定了設(shè)計(jì)上的不同策略。如果你想設(shè)計(jì)出用戶(hù)滿(mǎn)意的UX，在工作中需要做的第一件事就是了解用戶(hù)，并且持續(xù)這一過(guò)程。

《用戶(hù)體驗(yàn)設(shè)計(jì)-100堂入門(mén)課》這本書(shū)中有個(gè)很有意思的觀點(diǎn)，在了解用戶(hù)之前，你需要先了解關(guān)于自己的兩件事來(lái)認(rèn)清自己：

1. 你想要的東西對(duì)用戶(hù)來(lái)說(shuō)不重要
2. 你要知道什么東西對(duì)于用戶(hù)而言不重要

很多設(shè)計(jì)師剛開(kāi)始能做到這一點(diǎn)，后來(lái)慢慢陷入設(shè)計(jì)自嗨，最終導(dǎo)致體驗(yàn)受損。

交互設(shè)計(jì)師要始終意識(shí)到，出色的產(chǎn)品設(shè)計(jì)始于用戶(hù)研究。上文說(shuō)到，交互設(shè)計(jì)師的專(zhuān)業(yè)程度很大一部分取決于對(duì)用戶(hù)的了解深度。

如果不知道如何著手了解，可以嘗試了解一些用戶(hù)研究方法與工具，并把它用在工作實(shí)踐中，比如：桌面調(diào)研、用戶(hù)訪談、焦點(diǎn)小組、用戶(hù)畫(huà)像、故事板等。

3. 彈窗不能跳彈窗

彈窗對(duì)很多人來(lái)說(shuō)并不陌生，我們經(jīng)常在各種網(wǎng)站和各種APP中看到。彈出式設(shè)計(jì)被評(píng)為“歷史上最糟糕的設(shè)計(jì)體驗(yàn)”，所以”彈窗不能跳彈窗“這句話，如鐵訓(xùn)般的規(guī)則深入人心。

在體驗(yàn)設(shè)計(jì)層面上普遍認(rèn)為，多個(gè)彈窗會(huì)加重用戶(hù)的心理負(fù)擔(dān)，會(huì)造成用戶(hù)迷失。

那為什么會(huì)說(shuō)彈窗不能跳彈窗是個(gè)誤區(qū)呢？

因?yàn)殡S著互聯(lián)網(wǎng)業(yè)務(wù)深耕的發(fā)展要求，經(jīng)常會(huì)遇到彈窗覆蓋彈窗，浮層覆蓋浮層的需求，如果我們只是以“彈窗不能跳彈窗”來(lái)否定需求，這并不是交互該做的。

我們應(yīng)該了解彈窗的底層體驗(yàn)邏輯，再探討彈窗體驗(yàn)使用的合理性。

（1）彈窗層級(jí)

彈窗在層級(jí)上比操作界面更高一層，會(huì)聚焦視覺(jué)，所以彈窗覆蓋彈窗的時(shí)候應(yīng)該避免帶給用戶(hù)層級(jí)過(guò)深的感受，以此來(lái)降低帶來(lái)的心理負(fù)擔(dān)。

比如彈窗覆蓋時(shí)出現(xiàn)尺寸差異及較大的視覺(jué)差異。

（2） 彈窗承載

彈窗的空間承載比頁(yè)面要低，我見(jiàn)過(guò)不少的產(chǎn)品提出彈窗跳彈窗的需求，目的是為了希望用戶(hù)在復(fù)雜操作后仍然可以留在原頁(yè)面。

實(shí)際上這是不對(duì)的。對(duì)于一些復(fù)雜的操作或者過(guò)載的信息，頁(yè)面是比彈窗更加合適的載體，如果我們只是想用戶(hù)做完這些回到原來(lái)的頁(yè)面，只需要設(shè)計(jì)一個(gè)體驗(yàn)循環(huán)的閉環(huán)。

（3）彈窗操作

彈窗會(huì)聚焦行為，彈窗跳彈窗的情況只適用于線性的操作流程，線性的操作會(huì)使用戶(hù)心理上有較強(qiáng)的預(yù)期，可以避免多個(gè)彈窗所帶來(lái)的迷失感。

所以，一切出發(fā)點(diǎn)都要圍繞體驗(yàn)及感受的合理性，如果我們?cè)O(shè)計(jì)的交互流程呈線性，且滿(mǎn)足彈窗的承載能力，那么完全通過(guò)一定的設(shè)計(jì)技巧實(shí)現(xiàn)彈窗跳彈窗的交互方式。

4. 效率至上悖論

效率至上，這句話本身沒(méi)有什么錯(cuò)誤，交互設(shè)計(jì)師應(yīng)該重點(diǎn)關(guān)注效率。

但我發(fā)現(xiàn)，很多人喜歡通過(guò)漏斗或者步驟來(lái)衡量一個(gè)流程的效率(用戶(hù)之前用了幾步，優(yōu)化之后用了幾步)，甚至出現(xiàn)某些“規(guī)則”，一個(gè)流程盡量不要超過(guò)3步的說(shuō)法。

很多設(shè)計(jì)師為了所謂的“效率”而刻意縮短步驟，結(jié)果導(dǎo)致用戶(hù)整體的使用時(shí)長(zhǎng)增加。這就陷入了“效率至上”的悖論中。

如何避免效率至上帶來(lái)的“詛咒”？建議以下兩點(diǎn)：

（1）關(guān)注目的而非效率

效率不是交互設(shè)計(jì)師唯一要做的事情，設(shè)計(jì)的本質(zhì)是解決問(wèn)題。

如果我們的目的是為了設(shè)計(jì)出XXX保險(xiǎn)的購(gòu)買(mǎi)流程，我們應(yīng)該思考用戶(hù)在整個(gè)購(gòu)買(mǎi)流程中的心理變化。

如果像推銷(xiāo)保險(xiǎn)一樣，上來(lái)就設(shè)計(jì)出一個(gè)購(gòu)買(mǎi)頁(yè)面，讓用戶(hù)去購(gòu)買(mǎi)，用戶(hù)一定會(huì)很排斥這種做法。必要的時(shí)候我們甚至可以分為2步，先著重介紹這個(gè)保險(xiǎn)的好處，再試圖讓用戶(hù)去購(gòu)買(mǎi)。

（2） 狀態(tài)清晰原則

始終讓用戶(hù)保持清晰的頭腦，席客定律提到過(guò)，人在面臨選擇越多的時(shí)候，所要消耗的時(shí)間成本越高。

假如一個(gè)遙控器上面有100個(gè)按鈕，我想使用者在看到時(shí)就已經(jīng)崩潰了，而遙控器上只有10個(gè)按鈕，使用者則會(huì)很快上手并開(kāi)始熟練使用它。

作為交互設(shè)計(jì)師，應(yīng)該始終意識(shí)到這一點(diǎn)。無(wú)論我們?cè)O(shè)計(jì)的流程需要多少步驟，都應(yīng)當(dāng)始終保持狀態(tài)清晰易懂。

三、最后

以上就是交互設(shè)計(jì)工作中常見(jiàn)的誤區(qū)，如果你們也在日常工作中遇到各種各樣的問(wèn)題，希望能夠有所認(rèn)識(shí)和幫助～