【 設計理論】設計師教你讀懂UI設計的心理學




設計師教你讀懂UI設計的心理學

這一次的教學是屬於設計理論領域中的設計理論的相關教學。

文章出處是來自優設的設計理論類文章,寫教學的作者是佚名,感謝佚名提供設計理論的實作教學。

教學大綱:

作為UI設計師,對待用戶就像對待嬰兒,知道如何通過界面設計誘導用戶非常重要,這就需要了解心理學方面的知識了。今天分享一篇日本設計師的好文,結合心理學與設計,教你讀懂心理學,提高說服力。


設計理論教學開始

作為UI設計師,對待用戶就像對待嬰兒,知道如何通過界面設計誘導用戶非常重要,這就需要了解心理學方面的知識了。今天分享一篇日本設計師的好文,結合心理學與設計,教你讀懂心理學,提高說服力。

信息不要同時全部展示,階段性地向用戶展示當前場景里必要的信息

設計師經常犯的錯誤:同時將大量信息展示給用戶。

不要一次性大量提供信息,可以在當前場景下只提供必要的信息來滿足當前的需求。

如果用戶中存在不需要引導的高端用戶,同時也會存在需要詳細說明的低端用戶。

那麼,是什麼意思呢?

◆ 逐步展示信息,而不是一次性展示。

◆重要的不是點擊次數。如果每次點擊都能獲得必要的信息,用戶會很享受點擊的快樂。

◆理解是誰、什麼時候、需求什麼。

◆如果無法準確得把握各階段需求什麼,這個方法就行不通。

這個在設計上,是怎麼體現的呢?

在必須提供3、4個以上的信息的情況下,先提示信息種類的分類,然後進一步選擇。

例如AU官網的菜單,使用了最近流行的向下展開的菜單方式。

Au.kddi

設計師教你讀懂UI設計的心理學

人貪圖有更多的選擇,但大量的選項會麻痹人的思考

有個被稱為“果醬”的實驗。

這個實驗證實了:“當人們有太多的選項時,最後什麼都不選。”

具體例子:在超市中設置商品展位,在中途更換展位桌子上排列的商品。展位桌子上放置了供客人試吃的果醬,前半部分實驗時間裡放置了6種果醬,後半部分實驗時間裡放置了24種果醬。

結果如何呢?

放置24種果醬的時候,停下來的顧客有60%(試吃了其中幾種果醬) ,但購買率只有3%

放置6種果醬的時候,停下來的顧客有40%,購買率卻高達31%

這個實驗結果告訴我們什麼?

◆有多種選項的時候,大腦會興奮,導致人們駐足觀看。

◆選項過多的時候,人們只會嘗試其中的幾種。

◆選項少的時候,人們會全部嘗試一遍。可以使用這樣的方式引導人們購買。

這個在設計上,是怎麼體現的呢?

如果完全按照顧客的需求來設計,就需要增加大量的菜單,banner和推薦商品頁面。

「當人們有太多的選項時,最後什麼都不選。還沒開始選擇之前就覺得麻煩。」設計之前,把這句話記住吧。

下面這個網站的推薦商品被經過仔細挑選后才展示出來。

Momastore

設計師教你讀懂UI設計的心理學

當詢問用戶希望有什麼選項時,往往會得到“全部” “很多”之類的回答。讓我們試着拒絕用戶這樣的要求吧。

少的選項更讓我們有了細細挑選的慾望,再多的選項也只是讓我們只想嘗試其中的幾種而已。

人像照片最引人注目

人腦有專門識別人臉的區域。

那麼,是什麼意思呢?

◆網頁中最引人注目的是人臉。

◆人臉有引導視線的作用。

◆能在一屏內看完一張人像照片的需求很強。

這個在設計上,是怎麼體現的呢?

用照片來吸引第一視線是很有效的。

Okasan.saiyo

設計師教你讀懂UI設計的心理學

想吸引用戶注意banner等區域時,人臉是非常有效的。

Liginc.co

設計師教你讀懂UI設計的心理學

人們首先憑藉“外觀”和“感覺”來判斷是否值得信任

Elizabeth Sirens的研究小組,針對健康類網站的測試中得到這樣的結論。

◆認定為不被信任的網站的原因,83%的測試者表示與設計有關。

◆被認定為可信任網站的決定性因素,74%是設計和內容起到作用。

— —

文章永久連結為: 設計師教你讀懂UI設計的心理學