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

(資料圖片)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

《About Face 4 : 交互設(shè)計(jì)精髓》一書中提出，用戶對于一件事情的心智是一個(gè)圓，我們設(shè)計(jì)出來的東西越趨于這個(gè)圓形，用戶對設(shè)計(jì)就會越滿意。

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

（2） 交互之中有反饋

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

（3）交互之后有返回

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

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

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

3. 用戶的想法都是對的

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

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

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

然后，去尋找這些問題的解決方案。

福特汽車創(chuàng)始人亨利福特說過一句名言：在汽車出現(xiàn)之前，去問顧客想要什么，他們可能會說：一匹更快的馬。”

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

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

1. 交互不用考慮視覺

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

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

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

（1）視覺重量

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

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

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

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

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

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

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

2. 我覺得這樣做會更好

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

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

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

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

你想要的東西對用戶來說不重要你要知道什么東西對于用戶而言不重要

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

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

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

3. 彈窗不能跳彈窗

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

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

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

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

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

（1）彈窗層級

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

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

（2） 彈窗承載

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

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

（3）彈窗操作

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

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

4. 效率至上悖論

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

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

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

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

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

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

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

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

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

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

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

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

三、最后

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

關(guān)鍵詞： 交互設(shè)計(jì)中常見的7個(gè)誤區(qū) 你中了幾個(gè) 產(chǎn)品經(jīng)理