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

有很多東西下意識(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/
譯者:小白
相關(guān)文章
爬蟲是什么?淺談爬蟲及繞過(guò)網(wǎng)站反爬取機(jī)制
簡(jiǎn)單而片面的說(shuō),爬蟲就是由計(jì)算機(jī)自動(dòng)與服務(wù)器交互獲取數(shù)據(jù)的工具,這篇文章主要想談?wù)勁老x獲取數(shù)據(jù)的這一部分。爬蟲請(qǐng)注意網(wǎng)站的Robot.txt文件,不要讓爬蟲違法,也不要2017-12-18淺談App加載頁(yè)面的等待體驗(yàn)設(shè)計(jì)技巧
設(shè)計(jì)師可能無(wú)法減少App加載頁(yè)面的等待時(shí)間,但是可以讓等待時(shí)間變得有趣~,本文主要為大家淺淡App加載頁(yè)面的等待體驗(yàn)設(shè)計(jì)技巧,有興趣的朋友們就來(lái)了解下吧2017-12-15交互好且轉(zhuǎn)化率高的表單設(shè)計(jì)技巧分享
表單無(wú)論實(shí)在網(wǎng)頁(yè)設(shè)置中,還是在APP、應(yīng)用程序、軟件界面中都被廣泛運(yùn)行,從而一個(gè)好的表單設(shè)計(jì)就非常重要了,本文主要為大家分享幾個(gè)交互好且轉(zhuǎn)化率高的表單設(shè)計(jì)技巧,有2017-11-20適配iPhone X要點(diǎn):十分鐘快速掌握iPhone X UI界面適配技巧
目前,第一批預(yù)約iPhone X手機(jī)的朋友們已經(jīng)拿到真機(jī)了,目前還沒(méi)有適配iPhone X的應(yīng)用運(yùn)營(yíng)商,相信都在加班加點(diǎn)適配呢,本文為大家?guī)?lái)了適配iPhone X的要點(diǎn),讓你十分鐘快2017-11-08如何讓網(wǎng)頁(yè)可讀性更強(qiáng)?善用F式布局設(shè)計(jì)增強(qiáng)網(wǎng)頁(yè)可讀性方法解答
雖然網(wǎng)頁(yè)排版方式千變?nèi)f化,但是布局方式通常都遵循著幾種常見(jiàn)的規(guī)則,F(xiàn)式布局式設(shè)計(jì)能夠增強(qiáng)網(wǎng)頁(yè)可讀性,這種說(shuō)法是有跡可循的,本文就為大家介紹如何運(yùn)用F式布局,有興趣2017-11-08真干貨!10個(gè)高效好用的表單設(shè)計(jì)技巧分享
在網(wǎng)頁(yè)的設(shè)計(jì)中表單都是界面中最常見(jiàn),也是最重要的組件之一,對(duì)于設(shè)計(jì)師、前端和開發(fā)者而言,應(yīng)當(dāng)對(duì)于表單的設(shè)計(jì)盡量多上心,讓它們更加易用,細(xì)致的設(shè)計(jì)對(duì)于用戶的體驗(yàn)、2017-10-26登錄頁(yè)面怎么設(shè)計(jì)更好?登錄頁(yè)面設(shè)計(jì)的15個(gè)心理學(xué)策略
有很多東西下意識(shí)地影響了我們的日常決策,這里面很多都是微妙的心理因素在起作用,大家都知道用戶體驗(yàn)設(shè)計(jì)跟心理學(xué)相關(guān),甚至?xí)苯佑绊懏a(chǎn)品的轉(zhuǎn)化率,那么,登錄頁(yè)面怎么2017-10-10網(wǎng)站評(píng)論模塊怎么設(shè)計(jì) 10個(gè)關(guān)鍵點(diǎn)告訴你如何設(shè)計(jì)產(chǎn)品評(píng)論模塊
網(wǎng)站不僅內(nèi)容很重要,評(píng)論模塊同樣也很重要,那么,網(wǎng)站評(píng)論模塊怎么設(shè)計(jì)呢?對(duì)此,本文就為大家詳細(xì)介紹10個(gè)關(guān)鍵點(diǎn)告訴你如何設(shè)計(jì)產(chǎn)品評(píng)論模塊,有興趣的朋友們就來(lái)了解下2017-09-25網(wǎng)站導(dǎo)航設(shè)計(jì)怎么才是符合搜索引擎優(yōu)化?SEO網(wǎng)站導(dǎo)航建設(shè)技巧分享
搭建網(wǎng)站的任何細(xì)節(jié)都需要考慮到是否利于SEO優(yōu)化,在網(wǎng)站導(dǎo)航設(shè)計(jì)的過(guò)程中,我們應(yīng)該怎么樣進(jìn)行操作才是符合搜索引擎優(yōu)化的呢?對(duì)此,本文就為大家進(jìn)行簡(jiǎn)單解答2017-09-21如何設(shè)計(jì)頁(yè)腳才能讓網(wǎng)站更具有競(jìng)爭(zhēng)力
在做網(wǎng)站設(shè)計(jì)的過(guò)程當(dāng)中,很多人可能會(huì)對(duì)于頁(yè)腳這個(gè)方面產(chǎn)生忽略,但是實(shí)際上在我們平時(shí)的使用下來(lái)的整體的分析數(shù)據(jù)表明,頁(yè)腳對(duì)于一個(gè)網(wǎng)站來(lái)說(shuō)還是有非常重要的作用的,那2017-09-04