提升說服力!教你讀懂UI設(shè)計的心理學(xué)

2015-5-15    周周

 

藍藍設(shè)計yvirxh.cn )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供有效的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)

每一個扁平化界面設(shè)計,都是我們的心靈碰撞致力于最棒的 metro ui 設(shè)計

來源:優(yōu)設(shè)網(wǎng)

 如果您想訂閱本博客內(nèi)容,每天自動發(fā)到您的郵箱中, 請點這里

提升說服力!教你讀懂UI設(shè)計的心理學(xué)

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

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

設(shè)計師經(jīng)常犯的錯誤:同時將大量信息展示給用戶。

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

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

那么,是什么意思呢?

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

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

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

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

這個在設(shè)計上,是怎么體現(xiàn)的呢?

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

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

Au.kddi

提升說服力!教你讀懂UI設(shè)計的心理學(xué)

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

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

這個實驗證實了:“當人們有太多的選項時,最后什么都不選?!?

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

結(jié)果如何呢?

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

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

這個實驗結(jié)果告訴我們什么?

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

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

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

這個在設(shè)計上,是怎么體現(xiàn)的呢?

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

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

下面這個網(wǎng)站的推薦商品被經(jīng)過仔細挑選后才展示出來。

Momastore

提升說服力!教你讀懂UI設(shè)計的心理學(xué)

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

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

人像照片最引人注目

人腦有專門識別人臉的區(qū)域。

那么,是什么意思呢?

◆網(wǎng)頁中最引人注目的是人臉。

◆人臉有引導(dǎo)視線的作用。

◆能在一屏內(nèi)看完一張人像照片的需求很強。

這個在設(shè)計上,是怎么體現(xiàn)的呢?

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

Okasan.saiyo

提升說服力!教你讀懂UI設(shè)計的心理學(xué)

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

Liginc.co

提升說服力!教你讀懂UI設(shè)計的心理學(xué)

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

Elizabeth Sirens的研究小組,針對健康類網(wǎng)站的測試中得到這樣的結(jié)論。

◆認定為不被信任的網(wǎng)站的原因,83%的測試者表示與設(shè)計有關(guān)。

◆被認定為可信任網(wǎng)站的決定性因素,74%是設(shè)計和內(nèi)容起到作用。

日歷

鏈接

個人資料

藍藍設(shè)計的小編 http://yvirxh.cn

存檔