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

2015-5-15    周周

 

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

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

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

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

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

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

信息不要同時(shí)全部展示,階段性地向用戶展示當(dāng)前場景里必要的信息

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

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

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

那么,是什么意思呢?

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

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

◆理解是誰、什么時(shí)候、需求什么。

◆如果無法準(zhǔn)確得把握各階段需求什么,這個(gè)方法就行不通。

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

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

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

Au.kddi

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

人貪圖有更多的選擇,但大量的選項(xiàng)會(huì)麻痹人的思考

有個(gè)被稱為“果醬”的實(shí)驗(yàn)。

這個(gè)實(shí)驗(yàn)證實(shí)了:“當(dāng)人們有太多的選項(xiàng)時(shí),最后什么都不選。”

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

結(jié)果如何呢?

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

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

這個(gè)實(shí)驗(yàn)結(jié)果告訴我們什么?

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

◆選項(xiàng)過多的時(shí)候,人們只會(huì)嘗試其中的幾種。

◆選項(xiàng)少的時(shí)候,人們會(huì)全部嘗試一遍??梢允褂眠@樣的方式引導(dǎo)人們購買。

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

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

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

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

Momastore

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

當(dāng)詢問用戶希望有什么選項(xiàng)時(shí),往往會(huì)得到“全部” “很多”之類的回答。讓我們試著拒絕用戶這樣的要求吧。

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

人像照片最引人注目

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

那么,是什么意思呢?

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

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

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

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

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

Okasan.saiyo

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

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

Liginc.co

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

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

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

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

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

分享本文至:

日歷

鏈接

個(gè)人資料

存檔