初學者來收!交互設(shè)計中常見的7個誤區(qū)
學習任何東西,最好都能重頭開始,本文閱讀時長大約 5 分鐘。內(nèi)容僅代表個人觀點,歡迎各位探討...
我身邊有不少的同事或朋友轉(zhuǎn)型交互設(shè)計的經(jīng)歷,他們的原職位有些是產(chǎn)品經(jīng)理、銷售或設(shè)計師。而我本人也是一名交互設(shè)計從業(yè)者,在對交互設(shè)計的不斷探索及日常工作經(jīng)驗的總結(jié)中,發(fā)現(xiàn)了一些交互設(shè)計中常見的誤區(qū)。寫到文章中分享給大家,希望能對即將步入交互設(shè)計領(lǐng)域的伙伴們有幫助!
誤區(qū) 1-交互設(shè)計門檻很高
交互設(shè)計介于產(chǎn)品經(jīng)理與 UI 設(shè)計師之間。是為了順應(yīng)時代發(fā)展劃分出來的崗位需求,雖然已經(jīng)出現(xiàn)了很多年,但目前來看,交互設(shè)計在一些中小型公司仍然是比較模糊的領(lǐng)域。甚至很多從業(yè)者把交互設(shè)計交給產(chǎn)品經(jīng)理或 UI 設(shè)計師來實現(xiàn)。這種想法非常淺顯,而且容易帶來系列的體驗問題。
很多人在步入新領(lǐng)域的時候,都會尋找對應(yīng)領(lǐng)域所需要的知識結(jié)構(gòu)、能力模型...我和身邊的朋友經(jīng)常會聊到這些,試圖從中總結(jié)出一個好的交互設(shè)計需要滿足哪些特質(zhì)。溝通能力、人機科學、心理學、認知科學...但很多初學者看到這些就放棄了,它給人一種學習曲線很陡峭的感覺。
在我看來,交互設(shè)計師的專業(yè)程度很大一部分取決于對用戶的了解深度,而非是專業(yè)知識。所以,對于初學者來說,只需要具備一個必要的入門特質(zhì)——同理心(empathy),這是一種理解或者感受他人(用戶)的能力。在生活中,如果你覺得自己是一個比較能站在對方角度思考的人,那么恭喜你,你已經(jīng)具備交互設(shè)計師的特質(zhì)了。但是同理心并不是一件很容易的事情,你需要它貫徹交互工作的始終,"以用戶為中心進行設(shè)計"并不是一句slogan,始終站在用戶角度思考問題,這非常重要?。?!
誤區(qū) 2-交互設(shè)計工作是畫原型圖
原型圖和流程圖是交互設(shè)計師的主要產(chǎn)出文檔之一,但是交互設(shè)計需要做的不僅僅是產(chǎn)出這些文檔,甚至很多時候,交互僅僅需要提供建議。UX 設(shè)計指的是設(shè)計用戶體驗的過程。核心的焦點在于設(shè)計用戶行為,用戶行為不僅僅體現(xiàn)在原型圖上點擊或滑動某個地方,而是嘗試引導(dǎo)用戶誘發(fā)或者推動響應(yīng)。
很多從業(yè)者錯誤的認為交互設(shè)計就是畫原型圖和流程圖,這種想法往往會把注意力集中在用戶要完成的任務(wù)上,而忽略了體驗過程中是否有足夠的關(guān)注。完整的用戶行為,應(yīng)該包括預(yù)知、反饋、返回三個階段,交互之前有預(yù)知,交互之中有反饋,交互之后有返回,這三點支撐起交互基本的可用性。
1. 交互之前有預(yù)知
用戶在使用產(chǎn)品進行交互前,是否能夠清晰感知到需要的信息以及下一步的行為?《About Face 4 : 交互設(shè)計精髓》一書中提出,用戶對于一件事情的心智是一個圓,我們設(shè)計出來的東西越趨于這個圓形,用戶對設(shè)計就會越滿意。所以在進行設(shè)計之前,多問自己一些問題。用戶來這里的動機是什么?他們點擊這個東西的時候會有什么預(yù)期?他們是否對未學習過的東西有一定了解?...
2. 交互之中有反饋
系統(tǒng)應(yīng)該讓用戶時刻清楚當前發(fā)生了什么事情,也就是快速的讓用戶了解自己處于何種狀態(tài)、對過去發(fā)生、當前目標、以及對未來去向有所了解。比如加載頁面的設(shè)計中,我們會通過進度條或者場景插畫的方式預(yù)知用戶頁面的進度,從而打消用戶等待過程中的焦慮。
3. 交互之后有返回
可逆性是交互設(shè)計中重要的一環(huán),用戶不可能百分百的按照我們設(shè)計的路徑去使用產(chǎn)品,事實上,用戶常常會誤觸到某些功能,即使在線性的流程中,我們也應(yīng)該讓用戶可以方便的退出,始終讓用戶保持可控的狀態(tài)。比如微信聊天中的撤回功能,在發(fā)送錯誤信息后,可以通過長按這條消息或者表情,在選擇框中操作撤回。
舉個例子,「餓了么」在選購商品的時候,交互前通過按鈕置灰預(yù)知用戶不可點擊,交互中通過動效、Toast 給予用戶操作反饋,交互后可通過外賣箱對已選商品進行刪減或清空,保證產(chǎn)品可逆性。
誤區(qū) 3-用戶的想法都是對的
為了貫徹"以用戶為中心"的設(shè)計原則,很多設(shè)計師會選擇直接聽取用戶的設(shè)計建議,最終導(dǎo)致產(chǎn)品越做越復(fù)雜,最后造成體驗上的損失。實際上,UX 是一項技能,而不是一種天賦。這意味著大部分用戶是無法幫你進行設(shè)計的。而且當你面臨未知的挑戰(zhàn)時,不能一味聽從用戶的想法。你可以聽取用戶的意見,但不要他們說什么你就干什么。聽聽用戶是怎么想的,看看他們是如何嘗試完成某項操作的,了解他們是怎樣在你的設(shè)計中迷失的,以及為什么會這樣。然后,去尋找這些問題的解決方案。
福特汽車創(chuàng)始人亨利福特說過一句名言:在汽車出現(xiàn)之前,去問顧客想要什么,他們可能會說:一匹更快的馬。"如果我們一味的聽取用戶的想法,那我們只能在解決方案上做加法。如果要找到完美的解決辦法,我們必須學會找到問題的本質(zhì)。
誤區(qū) 4-交互不用考慮視覺
這是交互設(shè)計師經(jīng)常忽略的,把線框圖當作速成且粗略的草圖,或者把它當成設(shè)計的第一步,只展示流程如何運作,卻忽略了是否能夠更好的運作。交互設(shè)計師在組織框架時,除了保證邏輯清晰外,視覺也是構(gòu)成體驗的一部分。交互設(shè)計師雖然不直接負責視覺效果,但需要通過元素之間的結(jié)構(gòu)關(guān)聯(lián)和強弱對比,將有效的信息傳遞給下游。在必要的情況下,也可以通過 1-2 種顏色來表達你的想法~具體可以分為視覺重量、視覺關(guān)聯(lián)兩個方面:
1. 視覺重量
用戶不可能像機器人一樣把頁面所呈現(xiàn)的內(nèi)容都掃描一遍,如果你想要用戶著重關(guān)注某些內(nèi)容,你需要調(diào)整不同信息的視覺重量,以達到主、次、先、后的順序。當你不斷的使用排版來突出重要文字、用特定的顏色強調(diào)按鈕,并且給重要內(nèi)容以更多的視覺重量時,就創(chuàng)造出了視覺層級。用戶的眼睛就可以從一個重要的地方跳到另一個重要的地方。交互設(shè)計師在傳遞技術(shù)文檔時要體現(xiàn)出這一點。
2. 視覺關(guān)聯(lián)
交互設(shè)計師除了注重邏輯關(guān)聯(lián)外,視覺關(guān)聯(lián)也是組織信息框架時重要的一點,在用戶沒有了解你的頁面之前,會下意識的通過眼睛劃分哪些信息都有什么關(guān)聯(lián),在設(shè)計中,我們通常將有關(guān)系的元素給予更強的親密度、統(tǒng)一的樣式,甚至通過卡片、色塊的方式來劃分關(guān)聯(lián)。而且位置接近的元素關(guān)系越強。我們不需要像視覺設(shè)計師一樣將原型圖繪制的如此精細,但需要通過一定的處理方式體現(xiàn)出視覺的關(guān)聯(lián)性。
誤區(qū) 5-我覺得這樣做會更好
設(shè)計師不用對 KPI 負責,但要直接對體驗負責。交互設(shè)計師的工作中,自身代表的就是用戶,任何時候都要避免一些主觀的看法。不要你覺得,而是用戶覺得。任何需求都離不開用戶這一要素,不同的用戶群體決定了設(shè)計上的不同策略。如果你想設(shè)計出用戶滿意的 UX,在工作中需要做的第一件事就是了解用戶,并且持續(xù)這一過程。
《用戶體驗設(shè)計-100 堂入門課》這本書中有個很有意思的觀點,在了解用戶之前,你需要先了解關(guān)于自己的兩件事認清自己:
- 你想要的東西對用戶來說不重要
- 你要知道什么東西對于用戶而言不重要
很多設(shè)計師剛開始能做到這一點,后來慢慢陷入設(shè)計自嗨,最終導(dǎo)致體驗受損。交互設(shè)計師要始終意識到,出色的產(chǎn)品設(shè)計始于用戶研究,上文說到,交互設(shè)計師的專業(yè)程度很大一部分取決于對用戶的了解深度,如果你不知道如何著手了解,您可以嘗試了解一些用戶研究方法與工具,并把他用在工作的實踐中,比如:桌面調(diào)研、用戶訪談、焦點小組、用戶畫像、故事板等。
誤區(qū) 6-彈窗不能跳彈窗
彈窗對很多人來說并不陌生,我們經(jīng)常在各種網(wǎng)站和各種 APP 中看到。彈出式設(shè)計被評為"歷史上最糟糕的設(shè)計體驗"。所以"彈窗不能跳彈窗"這句話,如鐵訓(xùn)般的規(guī)則深入人心。
在體驗設(shè)計的層面上,普遍的說法認為,一定程度上,多個彈窗會加重用戶的心理負擔。而且會造成用戶迷失。那為什么會說彈窗不能跳彈窗是個誤區(qū)呢?因為隨著互聯(lián)網(wǎng)業(yè)務(wù)深耕的發(fā)展要求,經(jīng)常會遇到彈窗覆蓋彈窗,浮層覆蓋浮層的需求,如果我們只是以"彈窗不能跳彈窗"來否定需求,這并不是交互該做的。我們應(yīng)該了解彈窗的底層體驗邏輯,再探討彈窗體驗使用的合理性。
1. 彈窗層級
彈窗在層級上比操作界面更高一層,會聚焦視覺,所以彈窗覆蓋彈窗的時候應(yīng)該避免帶給用戶層級過深的感受,以此來降低帶來的心理負擔。比如彈窗覆蓋時出現(xiàn)尺寸差異及較大的視覺差異。
2. 彈窗承載
彈窗的空間承載比頁面要低,我見過不少的產(chǎn)品提出彈窗跳彈窗的需求,目的是為了希望用戶在復(fù)雜操作后仍然可以留在原頁面。實際上這是不對的。對于一些復(fù)雜的操作或者過載的信息,頁面是比彈窗更加合適的載體,如果我們只是想用戶做完這些回到原來的頁面。只需要設(shè)計一個體驗循環(huán)的閉環(huán)。
3. 彈窗操作
彈窗會聚焦行為,彈窗跳彈窗的情況只適用于線性的操作流程,線性的操作會使用戶心理上有較強的預(yù)期,可以避免多個彈窗所帶來的迷失感。
所以,一切出發(fā)點都要圍繞體驗及感受的合理性,如果我們設(shè)計的交互流程呈線性,且滿足彈窗的承載能力。那么完全通過一定的設(shè)計技巧實現(xiàn)彈窗跳彈窗的交互方式。
誤區(qū) 7-效率至上悖論
效率至上,這句話本身沒有什么錯誤,交互設(shè)計師應(yīng)該重點關(guān)注效率。但我發(fā)現(xiàn),很多人喜歡通過漏斗或者步驟來衡量一個流程的效率(用戶之前用了幾步,優(yōu)化之后用了幾步),甚至出現(xiàn)某些"規(guī)則",一個流程盡量不要超過 3 步的說法。很多設(shè)計師為了所謂的"效率"而刻意縮短步驟,結(jié)果導(dǎo)致用戶整體的使用時長增加。這就陷入了"效率至上"的悖論中。如何避免效率至上帶來的"詛咒"?建議以下兩點:
1. 關(guān)注目的而非效率
效率不是交互設(shè)計師唯一要做的事情,設(shè)計的本質(zhì)是解決問題。如果我們的目的是為了設(shè)計出 XXX 保險的購買流程,我們應(yīng)該思考用戶在整個購買流程中的心理變化,如果像推銷保險一樣,上來就設(shè)計出一個購買頁面,讓用戶去購買,用戶一定會很排斥這種做法。必要的時候我們甚至可以分為 2 步,先著重介紹這個保險的好處,再試圖讓用戶去購買。
2. 狀態(tài)清晰原則
始終讓用戶保持清晰的頭腦,席客定律提到過,人在面臨選擇越多的時候,所要消耗的時間成本越高。假如一個遙控器上面有 100 個按鈕,我想使用者在看到時就已經(jīng)崩潰了,而假設(shè)遙控器上只有 10 個按鈕,使用者則會很快上手并開始熟練使用它。作為交互設(shè)計師,應(yīng)該始終意識到這一點。無論我們設(shè)計的流程需要多少步驟,都應(yīng)當始終保持狀態(tài)清晰易懂。
以上就是我總結(jié)的設(shè)計工作中常見的誤區(qū),如果你們也在日常工作中遇到各種各樣的問題,歡迎大家評論區(qū)留言~
作者:
卷心菜_Chen
想了解更多網(wǎng)站技術(shù)的內(nèi)容,請訪問:網(wǎng)站技術(shù)