教你讀懂UI設計的心理學

 

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

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

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

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

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

　　那麼，是什麼意思呢?

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

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

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

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

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

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

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

　　Au.kddi

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

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

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

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

　　結果如何呢?

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

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

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

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

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

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

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

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

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

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

　　Momastore

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

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

　　人像照片最引人注目

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

　　那麼，是什麼意思呢?

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

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

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

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

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

　　Okasan.saiyo

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

　　Liginc.co

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

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

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

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