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

1 評(píng)論 26562 瀏覽 2 收藏 6 分鐘

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

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

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

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

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

那么,是什么意思呢?

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

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

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

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

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

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

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

Au.kddi

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

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

有個(gè)被稱(chēng)為“果醬”的實(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í)候,停下來(lái)的顧客有60%(試吃了其中幾種果醬) ,但購(gòu)買(mǎi)率只有3%

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

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

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

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

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

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

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

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

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

Momastore

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

當(dāng)詢(xún)問(wèn)用戶(hù)希望有什么選項(xiàng)時(shí),往往會(huì)得到“全部” “很多”之類(lèi)的回答。讓我們?cè)囍芙^用戶(hù)這樣的要求吧。

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

人像照片最引人注目

人腦有專(zhuān)門(mén)識(shí)別人臉的區(qū)域。

那么,是什么意思呢?

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

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

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

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

用照片來(lái)吸引第一視線(xiàn)是很有效的。

Okasan.saiyo

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

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

Liginc.co

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

人們首先憑借外觀(guān)感覺(jué)來(lái)判斷是否值得信任

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

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

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

 

原文來(lái)自:優(yōu)設(shè)

原文地址:quoitworks

譯者:MUX輝達(dá)

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 來(lái)自廣東 回復(fù)