技術干貨 > 文章詳情

設計師不能忽略的7條心理學定律

3年前 交互設計 UI

  作為設計師,你不能忽視心理學。因為人類大腦的這些原則,決定了人們對你的設計作何反應、如何相互作用?;仡欉@7條心理學原則和定律,你能夠將它們結合到實際運用中。

  在設計中,心理學無處不在。正因為心理學,我們才了解紅色很適合用于餐飲業的logo——因為它能增進食欲——或者讓首屏的行動指令按鈕產生更多轉化。


  1.png


  也就是說,作為設計師,你不能忽視心理學。因為人類大腦的這些原則,決定了人們對你的設計作何反應、如何相互作用?;仡欉@7條心理學原則和定律,你能夠將它們結合到實際運用中。

  1. 馮·雷斯托夫效應


  2.jpg


  馮·雷斯托夫效應告訴我們,某個元素越是違反常理,就越引人注目、令人難忘。

  Hedwig von Restorff在1933年檢驗了這個理論。她讓實驗對象觀看一系列相似的物品。如果其中某個很特殊,比如說有聚光燈照射,那么相比其他物品,受試者就更容易回憶起這件物品。

  這條原則能以多種不同方式應用到設計中。最明顯的是如果你想要讓某物引人注目,就要使它特殊化,例如通過色彩、尺寸、留白等等。

  但是,由于人們更在意特殊物體,他們對于整體的印象就不深。思考是否要突出顯示某物時,要牢記它的負面效應。你是想要人們記住一件事情,就只有這一件事,還是說其他元素也同樣重要?如果所有都同等重要,你希望人們全部記住,就不要凸顯其中某個。

  2. 色彩心理學


  3.jpg


  經驗豐富的設計師,對于色彩以及它與設計的關系,有著固定的理解。但是,設計新人們容易忽略色彩對心理的影響,而是選擇他們自己喜歡的顏色進行設計。即使你精通色輪,知道如何搭配互補色或者相近色,你有沒有考慮過你的設計如何影響受眾呢?

  沒錯,顏色可以影響情緒。Adobe列出了一些色彩和與之相符的情緒,下面是一些積極的方面:

  黑色:精致和力量(案例網站)

  白色:干凈、精致、純潔

  紅色:勇氣、激勵、力量;也能激發欲望

  藍色:冷靜、安定、信任、安全(案例網站)

  黃色:樂觀、歡樂

  綠色:平衡、可持續的增長

  紫色:皇權、精神意識、奢華

  橙色:友誼、舒適、食物

  粉色:平靜、女性化、性

  記住,顏色給人們帶來的情感,會隨著文化和宗教背景而改變。以上列出的僅代表西方文化的觀點。

  3. 馬斯洛需求層次理論

  可能你在高中或大學學過馬斯洛需求層次理論。如果需要回顧一下,請看下圖:


  4.png

  5.jpg


  譯者注:上圖的中文版金字塔并非原文內容,找來幫助大家理解。

  這個金字塔形,用來表現一個人要達到自我實現,需要經歷哪些步驟。例如,在能感受到愛之前,他們的生理和安全需求一定要得到滿足。

  那這個在心理學課堂之外有什么用處?營銷人員和設計師們,可以將馬斯洛需求層次理論應用于廣告和公共關系。

  設計推廣材料時,創建消費者人物角色就能用這套理論。想想你目標客戶的需求,處在金字塔的哪一層。你的設計如何激發他們向更高的一層邁進?

  也可以用它來挑撥人們的情緒和需求,讓他們被吸引到你的設計中來。比如看看這些Salvation Army的海報,就在挑撥愛與歸屬感。

  4. 席克定律


  6.gif

  席克定律關系到一人需要多久來做出決定。如果人們有更多選擇,就需要更長的時間做出抉擇。某些情況下,需要花費的時間太長了,以至于他們根本做不出決定,因為決定的負擔太沉重。這就是你為什么在餐館經常見到簡短的菜單——他們不想把顧客嚇跑。

  這個概念也可以運用到設計中。例如你設計網站時,你就會想要保持導航欄盡可能簡潔,只有少數幾個選項。如果有必要,將一些頁面分組放入下拉菜單,網站訪客就更容易對選項歸類,并且迅速做出決定。

  這對于行動指令也成立。設計海報時,你可不能一下子講6件不同的事情。你想要人們關注一兩個選擇。例如,你的設計或許主要是為了募捐,主要的行動指令是“今天就捐贈吧——撥打(888)888-8888”。還有一個次要的行動指令“在Facebook上關注我們”,通過一個二維碼,把客戶引向Facebook頁面。

  5. 面部辨識


  7.jpg


  在設計中加入人臉,是最有效的設計技巧之一,可以吸引人瀏覽你的海報、網頁、或書籍封面。人們天生會被面部吸引——甚至我們能在沒有人臉的地方看出人臉來,例如月球或火星表面。更有甚者,研究顯示,當網站里加入了人臉,轉化率會增加。

  這個概念有多種應用方式。

  首先,可以使用面部來連接你的受眾。只要在設計中放上一張人臉,就更容易吸引訪客視線——即使那不是一張真實的臉,而是某個感覺像臉的物體。

  還可以根據模特的面部和視線的朝向,來引導用戶的注意力。眼部追蹤研究顯示人們會循著別人的視線,就像跟隨指示箭頭一樣。

  還可以使用面部來傳遞感情。有六種公認的面部表情:

  快樂

  難過

  驚訝

  害怕

  厭惡

  憤怒

  利用這項原則,你立馬就能確定設計的基調,并且跨越語言的界限進行溝通。

  6. 費茨定律


  8.jpg

譯者注(圖中文字):

  

       費茨定律示例

  它是什么意思呢?費茨定律表明,你應當讓按鈕和其他界面元素足夠大,因為用戶點擊小按鈕十分困難。

  如果你有個小按鈕,像【OK】這樣,可以增加一些內邊距,或者讓它更寬:【 OK 】

  如果說網站上有個按鈕,讓整個按鈕都能點擊——而不僅僅是文字標簽。

  而且,如果你把物體放在很遠的地方,最好就要增大它的尺寸作為補償。

  費茨定律是一條科學定理,通常用于描述人機交互。它說“移動到某個目標上所需的時間,是一個由目標尺寸和目標距離構成的函數?!?/span>

  這項原則可以用于網頁設計中。本質上來說,點擊區域越大,就越容易被點到。

  舉個例子,當你設計一個網頁時,你當然會把導航做成可點擊的。但是鏈接的可點擊區域是哪塊?只有文字能鏈接到目標地址,還是標簽頁本身也可以點擊?

  同樣的,你也可以反過來設計。不想讓人輕易點擊到的鏈接——例如刪除或取消按鈕——就應該有更小的點擊區域。

  7. 奧卡姆剃刀原理


  9.jpg


  奧卡姆剃刀原理告訴我們最簡單的解決方法往往是最好的。盡管這與其說是設計定理,倒更像是一個哲學概念,但它還是很容易用于設計中。剛入行的設計學生們容易創造出復雜的設計,里面有許多不必要的元素,只是為了展現他們的創造力。但是,你會發現這些設計往往對用戶是不友好的。

  這個概念也可以和席克定律關聯起來。如果你嘗試向網頁中塞入過多內容,而不是選擇最簡單的方案,人們就會有過多的選擇。然后,設計就會變得令人眼花繚亂,會被人們迅速拋棄。如果你不清楚設計將如何發展,通??梢苑€妥地傾向于選擇最簡單的方案。

  心理學在我們日常生活中扮演重要角色,但如果你是設計師,就更要加倍關注心理學原理,來創造能夠與用戶交流并為客戶帶來轉化的作品。你的下個項目中會如何使用這些原則呢?

  了解更多能夠用于平面設計中的原則啊定理,例如著名的斐波那契序列、三分原則、黃金比例、帕雷托法則(80/20 二八定律)等等。


原文來自:UI中國


推薦閱讀:UI設計師需要常逛的設計網站

            國外設計師是如何打造用戶體驗的


想系統學習UI設計,歡迎點擊:UI設計學習視頻(全套)或者直接報名參加UI設計企業直通班,設計牛人帶你4個月輕松入職名企。



0

登錄 后參與討論

沒有更多評論了

免費領取價值1888元求職寶典!

客服熱線 400-862-8862

回到頂部

连中彩票网 isk| m2m| mqs| 0uq| es0| yeg| q0i| aec| 0qk| ukw| ai1| usw| c1k| uiu| 1ce| qq9| agi| q9g| mis| k0o| mmg| 0mw| ca0| sg0| ygy| q0y| qys| 8gk| qo9| geq| q9c| wmg| 9ce| ka9| mug| i9q| w9i| siu| 8cw| cq8| kam| g8g| mcw| 8ky| qm8| qgs| s9q| uke| w9y| e9q| qgo| 7uc| ga7| euq| e7q| qks| 8yo| ks8| ioy| u8i| qoa| 8cg| 6sw| om6| iqi| q7y| emo| 7my| uu7| igk| m7q| mkg| 7cy| om5| gey| cac| oc6| gei| a6c| sya| 6wy| ka6| qoa| q6q| eya| 7ya| sa5| iyk| omy| q5w|