提交需求
賽事與廣告咨詢合作,請?zhí)顚懶枨蟊韱?,我們會在第一時間與您聯(lián)系!
有些人經(jīng)常把設(shè)計誤解為創(chuàng)造力。然而,設(shè)計不僅僅是創(chuàng)造力的唯一結(jié)果。偉大的用戶體驗設(shè)計師能夠洞察人類思維方式,了解用戶如何看待設(shè)計,并區(qū)分好壞。
加州大學(xué)設(shè)計實驗室主任,認知心理學(xué)家唐·諾曼(Don Norman)在他的《日常思維的設(shè)計》(The Design of Everyday Thinking)一書中描述了這種類比,他說:
我們必須依據(jù)人們的現(xiàn)狀做設(shè)計,而不是以我們理想的情況做設(shè)計。世界上有一半的人低于平均水平。
作為設(shè)計師,理解用戶的痛點對于構(gòu)建針對性的解決方案至關(guān)重要。這個過程包括理解用戶的行為并產(chǎn)生共情,從而創(chuàng)建一個平臺來提高他們的生產(chǎn)力。
為了幫助你理解用戶的感知,我們在這里提出了從“設(shè)計心理學(xué)”原則中的 5 條關(guān)鍵經(jīng)驗教訓(xùn)。就讓我們一探究竟吧!
“少即是多”
想象一下,你去一家餐廳,從 100 多種菜單中點菜。通讀所有可用選項要比從給定的 20 個選項中選擇要花費更長的時間。設(shè)計也是如此。大多數(shù)用戶體驗設(shè)計師的普遍概念是為用戶提供有吸引力的選項。毫無疑問,人們喜歡做選擇,但是有太多的選項會讓用戶感到困惑。一般人的大腦一次只能處理有限的信息。
這與??硕桑℉ick’s Law)有關(guān),根據(jù)希克定律,如果人們有更多的選項,他們就會花更多的時間做出選擇。不管是否意識到,人們所做的決定很大程度上受到他們認為“值得”的東西的影響。他們不僅權(quán)衡了成本,而且還權(quán)衡了影響他們做出這一決定的好處。這被稱為“成本效益分析”。
那么如何將??硕蓱?yīng)用于產(chǎn)品設(shè)計?
只有一個簡單的規(guī)則。設(shè)計師應(yīng)該記住,用戶是帶著一個特定的目標來訪問你的網(wǎng)站。永遠不要提供大量的選項來迷惑他們。刪除任何過度高亮、不必要的鏈接、文本、圖片和按鈕,讓他們找到自己需要的東西,并讓他們在不分心的情況下盡快完成任務(wù)。將復(fù)雜的過程分解為更簡單和可管理的步驟。通過提供清晰的路徑,讓用戶無縫導(dǎo)航,盡可能早的完成目標。
把最重要的信息置頂
根據(jù)眼動研究,大多數(shù)用戶習(xí)慣以相同或類似的凝視模式瀏覽網(wǎng)頁上的內(nèi)容。研究顯示,大多數(shù)網(wǎng)頁熱圖都代表了訪問者的注意力集中在哪里,以及他們注視某一特定位置的時間。
最常見的熱圖圖案之一就是“ F ”型,表示了一種較短的閱讀跨度。用戶會首先掃描屏幕頂部的水平線,然后稍微向下移動頁面,并在水平線上閱讀一小塊區(qū)域。
尼爾森諾曼集團(Nielsen Norman Group)在 45237 次網(wǎng)頁訪問上進行的一項研究表明,人們一般只閱讀一頁上大約 20% 的文本。更糟糕的是,在內(nèi)容較多的網(wǎng)站上,每增加 100 個單詞,人們只會多花 4 秒鐘閱讀。
那么,設(shè)計師如何在用戶體驗策略中利用這一點呢?我們應(yīng)該把關(guān)鍵的信息放在 F 型的掃描區(qū)域上,盡量用簡短但引人注目的標題來吸引用戶的注意。
現(xiàn)實中,人們不會逐字閱讀。尼爾森·諾曼對可掃描文本采用了以下指導(dǎo)原則:
1、突出顯示關(guān)鍵字
2、有意義的副標題
3、增加項目符號列表
4、一個段落只表達一個想法
5、倒金字塔樣式—從結(jié)論開始
6、傳統(tǒng)寫作的一半(或更少)字數(shù)
小心使用顏色
顏色是幫助人們識別和區(qū)分相似物體的美麗屬性。從心理上講,顏色是人類情感的驅(qū)動力。人類大腦利用視覺系統(tǒng)感知或創(chuàng)造顏色,這意味著顏色本質(zhì)上是主觀的,而不是客觀的。
設(shè)計師通常使用顏色作為吸引用戶注意力的重點。它是一種與產(chǎn)品品牌建立聯(lián)系的方式,色彩設(shè)計應(yīng)與品牌形象相關(guān)。用戶的購買時機和決定很大程度上取決于顏色。
但是,色彩心理學(xué)如何幫助設(shè)計師創(chuàng)造更好的用戶體驗策略呢?
Azure 的首席設(shè)計經(jīng)理喬·哈洛克(Joe Hallock)表示,性別差異對顏色的偏好顯著。男性通常更喜歡醒目的顏色,女性更喜歡柔和的顏色。此外,男性和女性最喜歡的顏色都是藍色,最不喜歡橙色。
這些發(fā)現(xiàn)清楚說明了為什么藍色是設(shè)計師最喜歡的顏色,最少使用橙色。然而,我們不僅應(yīng)該根據(jù)用戶的喜愛程度來使用顏色,還應(yīng)該根據(jù)用戶的行為和偏好來使用顏色。比如,保持所有界面上的顏色統(tǒng)一,使用同樣的色系,盡量減少強烈對比色,不要使用過多的顏色種類,等等。讓顏色成為傳遞品牌溫度的載體,而不是變成阻礙用戶識別信息和完成任務(wù)的影響因素。
清晰傳達內(nèi)容
設(shè)計師通過顯示哪些元素是相關(guān)的,哪些元素不相關(guān),來傳達內(nèi)容。相關(guān)(或相似)和不相關(guān)(差異)可以通過使用基本元素,如形狀、顏色和大小來實現(xiàn)。
比如上面這個網(wǎng)站,用戶可以清楚區(qū)分兩個獨立的內(nèi)容組,左邊的“頭條新聞(Top stories)”和右邊“閱讀最多的新聞(Most read)”。盡管這兩個組都是在展示文章,但是,通過將“頭條新聞”設(shè)置為較大區(qū)域,并用不同的顏色顯示作者名,可以讓用戶集中注意力。
這與相似定律(Law of Similarity)有關(guān),也就是說,人眼傾向于將設(shè)計中的相似元素視為完整的圖片、形狀或組,即使這些元素是分開的。
鏈接和導(dǎo)航是為用戶快速瀏覽網(wǎng)站的最常見方式。通常,讀者不會通讀整個頁面來找到他們想要的東西。他們試圖通過一個鏈接或使用導(dǎo)航找到相關(guān)信息。
相似定律適用于這樣一個事實:為什么如此多的設(shè)計人員喜歡使用藍色、下劃線鏈接,或者至少讓所有鏈接看起來與其他元素不同,但彼此相同。
整理視覺層次結(jié)構(gòu)
大多數(shù)客戶都表示,“我們想要干凈、直觀、能給我們的用戶留下深刻印象的設(shè)計”。
用戶不喜歡雜亂的設(shè)計。Hubspot 的一項調(diào)查顯示,“比起漂亮的設(shè)計或花哨的體驗,訪問者更看重容易找到的信息?!?/p>
設(shè)計師應(yīng)該通過組織和分類相似的元素、信息或內(nèi)容來整理內(nèi)容布局。正確使用這些元素將對用戶體驗產(chǎn)生積極的影響。
這與“接近定律(Law of Proximity)”有關(guān),該定律規(guī)定,相互關(guān)聯(lián)的元素應(yīng)保持接近,而不相關(guān)的元素應(yīng)保持距離。
設(shè)計師有兩種方法可以利用接近定律來提高可用性:
1、幫助你的用戶找到想要的東西:舉個例子(見下圖),假設(shè)用戶正在查看你的網(wǎng)站上出售的 PC 和筆記本電腦。比較明智的做法是將相關(guān)的項目分組到專門的“計算機和辦公室”的大類別中,而不是提供如下(左側(cè))所示的雜亂無章的類別。當你要展示的信息較多時,通過適當?shù)姆诸悮w組,會使信息布局更加有條理,從而讓用戶容易找到。
2、構(gòu)建元素的視覺層次結(jié)構(gòu),幫助人們了解界面是如何布局的:諸如字體層次結(jié)構(gòu)、顏色層次結(jié)構(gòu)等視覺層次結(jié)構(gòu),可以幫助設(shè)計師甚至非設(shè)計師創(chuàng)建美觀、吸引正確注意力的設(shè)計。
層次來源于對比。有句話說得好:“如果一切都很突出,那么就沒有什么是突出的?!边@也適用于用戶體驗設(shè)計。設(shè)計師不應(yīng)該設(shè)計那些看起來很漂亮的東西來愚弄用戶。事實上,他們必須考慮用戶的需求。在這篇文章中,我們解釋了 5 個心理學(xué)原理,它們可以幫助你提升你的設(shè)計水平。
你最喜歡運用什么心理學(xué)原理?你覺得哪一個最棘手?請在評論部分告訴我們。
END
原文作者:Michael Williams,高級項目經(jīng)理,promptbytes.com 聯(lián)合創(chuàng)始人
原文鏈接:設(shè)計心理學(xué)的 5 個關(guān)鍵經(jīng)驗,助你提高用戶體驗
譯者:馬振江,;公眾號:CJM Studio
本文由 @CJM Studio 整理發(fā)布于UI中國,未經(jīng)作者許可,禁止轉(zhuǎn)載。
題圖來自Unsplash,基于CC0協(xié)議。
Powered by Froala Editor
大牛,別默默的看了,快登錄幫我點評一下吧!:)
登錄 立即注冊