當(dāng)前位置:首頁(yè) >  站長(zhǎng) >  建站經(jīng)驗(yàn) >  正文

登錄頁(yè)面怎么設(shè)計(jì)更好?登錄頁(yè)面設(shè)計(jì)的15個(gè)心理學(xué)策略

 2022-03-24 14:06  來(lái)源: 網(wǎng)絡(luò)綜合   我來(lái)投稿 撤稿糾錯(cuò)

  域名預(yù)訂/競(jìng)價(jià),好“米”不錯(cuò)過(guò)

有很多東西下意識(shí)地影響了我們的日常決策,這里面很多都是微妙的心理因素在起作用。說(shuō)白了,大家都知道用戶體驗(yàn)設(shè)計(jì)跟心理學(xué)相關(guān),甚至?xí)苯佑绊懏a(chǎn)品的轉(zhuǎn)化率。下文以登錄頁(yè)面為例,看看如何提升用戶體驗(yàn)的。

1.“圈出”重要內(nèi)容區(qū)域

區(qū)域性的強(qiáng)調(diào)容易引起人們的注意力,幫助正在猶豫不決的人們快速做出決策。

SweetDate是個(gè)相親網(wǎng)站,視覺(jué)上強(qiáng)調(diào)擇偶需求表單,讓用戶快速提交、進(jìn)入體驗(yàn)。

2.利用色彩和對(duì)比

人們對(duì)色彩有情緒與情感上反應(yīng)的,所以選擇合適的配色十分重要。同時(shí),使用對(duì)比能夠幫助人們快速跳出登錄頁(yè),進(jìn)入目的地。根據(jù)“多米諾骨牌效應(yīng)”理論,人們?nèi)菀子涀∨c眾不同的事物,哪怕是很微小的不同,充分利用這一點(diǎn)可能會(huì)大大的提高轉(zhuǎn)化率。

VWO用對(duì)比色“黃色”吸引用戶去體驗(yàn)產(chǎn)品demo。

3.使用留白

盡可能降低認(rèn)知成本,提高可用性。留白不只是視覺(jué)設(shè)計(jì)師審美上的選擇,它的最終目的是為了界面上表達(dá)的內(nèi)容更容易被消化、理解。留白會(huì)潛意識(shí)的提供用戶喘息的空間,突出頁(yè)面重要元素,讓目標(biāo)用戶停頓下來(lái)做出抉擇。

Reprise留出了大量的背景空間,目的是為了突出按鈕。

4.保持一致性

通過(guò)提供一致的用戶體驗(yàn)打消用戶潛在顧慮,獲取目標(biāo)用戶的信任。不管是廣告、消息通知還是客戶服務(wù),都需要無(wú)縫的結(jié)合起來(lái),提供統(tǒng)一信息與值得信賴的體驗(yàn),以獲取更高的轉(zhuǎn)化率。

5.使用圖片

通常圖片比文字更容易被捕捉、記住。在登錄頁(yè)面,提供與產(chǎn)品訴求相關(guān)聯(lián)的、能夠引起情感共鳴的圖片會(huì)大大的提高用戶對(duì)產(chǎn)品的認(rèn)知與預(yù)期,也有利于引出下文、更進(jìn)一步呼吁用戶采取行動(dòng)。幾乎所有的登錄頁(yè)面設(shè)計(jì)都使用了圖片。

6.首因效應(yīng)

人們很容易更容易記住一堆事情里的第一件事情。目標(biāo)用戶首次聽到或者看到的內(nèi)容在無(wú)形中已經(jīng)被重點(diǎn)強(qiáng)調(diào)了,我們可以借此機(jī)會(huì)創(chuàng)造良好的第一映像。

多鄰國(guó)用登錄頁(yè)面僅用了一句非常簡(jiǎn)潔、有針對(duì)性的文字,給人留下深深的映像。

7.近因效應(yīng)

與首因效應(yīng)對(duì)應(yīng),人們?nèi)菀子涀〉谝挥诚瘢脖容^容易記住最后內(nèi)容。在頁(yè)面布局上信息出現(xiàn)的位置至關(guān)重要,避免虎頭蛇尾。在登錄頁(yè)面底部可以提供一些與頁(yè)面開始位置相同目的的信息與按鈕。

多鄰國(guó)的登錄頁(yè)面底部,放置了一句號(hào)召語(yǔ),呼吁目標(biāo)用戶趕緊體驗(yàn)產(chǎn)品

8.重復(fù)、重復(fù)、重復(fù)

不可否則,“首”與“尾”都比較容易記住。但是不代表中間內(nèi)容不重要,我們可以充分利用空間從各個(gè)角度重申產(chǎn)品的價(jià)值與優(yōu)勢(shì),讓用戶真正接收到信息。

還是以多鄰國(guó)為例,它在登錄頁(yè)面強(qiáng)化闡述了產(chǎn)品信息

9.利用社交屬性

人是復(fù)雜的社交群體,我們都需要適應(yīng)社會(huì)。當(dāng)看到很多人在做同一件事情時(shí),我們潛意識(shí)里會(huì)認(rèn)為做這件事情是對(duì)的,也會(huì)跟著做這件事。所以,使用很強(qiáng)烈的、很真誠(chéng)的推薦內(nèi)容(圖形化的)能夠提高登錄頁(yè)面的轉(zhuǎn)化率。

Snitch很直接的告訴潛在用戶已經(jīng)有7493個(gè)人注冊(cè)使用了哦。

10.表達(dá)權(quán)威性

有沒(méi)有一些知名品牌、企業(yè)或者機(jī)構(gòu)在使用你的產(chǎn)品?如果有,請(qǐng)把相關(guān)的logo放置在登錄頁(yè)面,讓目標(biāo)用戶感受到咱的產(chǎn)品有多么受歡迎和值得信賴。人們通常會(huì)尊重權(quán)威性,借此可以把潛在用戶發(fā)展成真正的用戶。

Trusted Housesitters展示了目前服務(wù)的知名企業(yè)標(biāo)識(shí)與獲得的獎(jiǎng)項(xiàng)。

11.害怕錯(cuò)過(guò)

人們通常害怕錯(cuò)過(guò),遠(yuǎn)遠(yuǎn)超過(guò)想要獲得。我們需要清楚的告訴潛在用戶如果不使用咱的產(chǎn)品會(huì)錯(cuò)失什么。當(dāng)然不能說(shuō)的太冷漠、生硬,否則接收到信息的人會(huì)感到恐慌、不安。

12.表達(dá)緊迫感與稀缺性

有點(diǎn)類似于“饑餓營(yíng)銷”的意思,比如給用戶提供一段時(shí)間的試用或者限時(shí)購(gòu)買。展示已賣出的數(shù)量或者目前可供選擇的數(shù)量,讓用戶感受到緊迫感,迅速采取行動(dòng)。(小編此時(shí)眼前滿屏的“998”飄過(guò))

亞馬遜用紅色表達(dá)存貨很少了,來(lái)吸引用戶的注意力。

13.鼓勵(lì)互惠

用戶更想知道登錄后能獲取什么有價(jià)值的東西。我們想要的是獲取用戶信息甚至更多。那么我們需要做的是拿出一些用戶在乎的內(nèi)容作為回報(bào),借此機(jī)會(huì)可以展示我們的產(chǎn)品與服務(wù)遠(yuǎn)超過(guò)預(yù)期。比如設(shè)計(jì)類學(xué)習(xí)網(wǎng)站登錄后可以獲取psd素材包等潛在用戶感興趣的內(nèi)容。

14.講故事

故事的魅力是非常強(qiáng)大的。不管是什么文化背景的人,通常記住故事比事實(shí)本身的能力要高達(dá)22倍以上。用講故事的藝術(shù)觸發(fā)目標(biāo)用戶的情感,優(yōu)秀的文案策劃、圖片或者音、視頻圖像可以幫你快速的展示產(chǎn)品優(yōu)勢(shì),引發(fā)情感共鳴與用戶轉(zhuǎn)化率。

upstreamint是個(gè)國(guó)際公益救助網(wǎng)站,登錄頁(yè)面放置了幾個(gè)鮮明的例子,網(wǎng)站內(nèi)容與目的容易讓人記憶深刻。

15. 提供免費(fèi)服務(wù)或內(nèi)容

每個(gè)人都喜歡免費(fèi)。提供快速能夠獲得的服務(wù)或者產(chǎn)品試用,讓用戶在嘗試過(guò)程中打消之前的顧慮。先試后購(gòu)買模式的目的是為了提供良好的用戶體驗(yàn),最終贏得用戶的信任。

Spotify提供了30天的免費(fèi)訂閱服務(wù),來(lái)吸引用戶。

以上關(guān)于登錄頁(yè)面設(shè)計(jì)的15個(gè)心理學(xué)策略,并不是單獨(dú)作戰(zhàn)的。你可以根據(jù)自己的產(chǎn)品需要,同時(shí)采用其中幾個(gè),才提高用戶轉(zhuǎn)化率。

原英文鏈接:http://www.webdesignerdepot.com/2017/03/15-psychology-hacks-that-boost-ux/

譯者:小白

申請(qǐng)創(chuàng)業(yè)報(bào)道,分享創(chuàng)業(yè)好點(diǎn)子。點(diǎn)擊此處,共同探討創(chuàng)業(yè)新機(jī)遇!

相關(guān)標(biāo)簽
網(wǎng)頁(yè)界面設(shè)計(jì)

相關(guān)文章

熱門排行

信息推薦