2014年12月14日 星期日

提升說服力!教你讀懂UI設計的心理學

http://www.uisdc.com/ui-design-psychology

提升說服力!教你讀懂UI設計的心理學
@abo_abo 作為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%是設計和內容起到作用。
原文地址:quoitworks
譯文地址:阿里媽媽MUX團隊
譯者:@abo_abo

沒有留言:

張貼留言