溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

如何設計登錄頁面

發(fā)布時間:2020-08-26 09:13:29 來源:億速云 閱讀:172 作者:小新 欄目:web開發(fā)

小編給大家分享一下如何設計登錄頁面,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!

 有很多東西下意識地影響了我們的日常決策,這里面很多都是微妙的心理因素在起作用。說白了,大家都知道用戶體驗設計跟心理學相關,甚至會直接影響產(chǎn)品的轉(zhuǎn)化率。下文以登錄頁面為例,看看如何提升用戶體驗的。

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

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

如何設計登錄頁面

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

  2.利用色彩和對比

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

如何設計登錄頁面

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

  3.使用留白

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

如何設計登錄頁面

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

  4.保持一致性

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

  5.使用圖片

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

  6.首因效應

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

如何設計登錄頁面

  多鄰國用登錄頁面僅用了一句非常簡潔、有針對性的文字,給人留下深深的映像。

  7.近因效應

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

如何設計登錄頁面

  多鄰國的登錄頁面底部,放置了一句號召語,呼吁目標用戶趕緊體驗產(chǎn)品

  8.重復、重復、重復

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

如何設計登錄頁面

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

  9.利用社交屬性

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

如何設計登錄頁面

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

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

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

如何設計登錄頁面

  Trusted Housesitters展示了目前服務的知名企業(yè)標識與獲得的獎項。

  11.害怕錯過

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

  12.表達緊迫感與稀缺性

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

如何設計登錄頁面

  亞馬遜用紅色表達存貨很少了,來吸引用戶的注意力。

  13.鼓勵互惠

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

  14.講故事

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

如何設計登錄頁面

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

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

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

如何設計登錄頁面

  Spotify提供了30天的免費訂閱服務,來吸引用戶。

以上是如何設計登錄頁面的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對大家有所幫助,如果還想學習更多知識,歡迎關注億速云行業(yè)資訊頻道!

向AI問一下細節(jié)

免責聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI