登陸注冊頁面該怎么設(shè)計? 注意這10個要點(diǎn)能迅速提高用戶體驗(yàn)

有盆友問起注冊/登錄的體驗(yàn),結(jié)合網(wǎng)上各路高人的分享,于是我總結(jié)了一些自己對如何在注冊和登錄時提高用戶體驗(yàn)的一些發(fā)現(xiàn)或看法,若觀點(diǎn)有不對的地方,望大家批評指正,歡迎大家的分享與交流~
1.別讓用戶一進(jìn)網(wǎng)站就注冊
有些網(wǎng)站/應(yīng)用一進(jìn)來就要注冊才能瀏覽,認(rèn)為游客會因此而注冊成為其用戶。不料,我個人遇到一進(jìn)網(wǎng)站就得注冊的都不注冊,選擇直接離開(對某產(chǎn)品已非常了解除外),不知道大家是否有相同體驗(yàn)?偶爾注冊的網(wǎng)站天天給我發(fā)郵件或推送短信,煩透了!至于個人信息是否被他們賣了,這個還要另說(據(jù)調(diào)查發(fā)現(xiàn)國內(nèi)很多用戶會有這個擔(dān)憂)。
也有許多網(wǎng)頁/應(yīng)用為了能夠留住一些游客, 會在非注冊的情況下允許用戶瀏覽,在需要賬戶信息時才提醒用戶注冊或是登錄。
下圖為Twitter網(wǎng)頁端:

而新浪微博網(wǎng)頁端改版前并沒考慮到這一點(diǎn)。以下為新浪微博網(wǎng)頁端登錄界面的改版前和改版后,大家可以對比看看~

改版前

改版后
但這里需要留意,強(qiáng)社交類應(yīng)用可能無需過多考慮這點(diǎn),比如facebook的客戶端和QQ客戶端。因?yàn)檫@類應(yīng)用屬于好友社交類,但微博屬于關(guān)注和瀏覽類的。
下圖為facebook和QQ的登陸界面:

2.可跳過引導(dǎo)頁直接注冊/登錄
某些時候我們是某個產(chǎn)品的老用戶,不再需要給新手用戶準(zhǔn)備的引導(dǎo)頁,因此提供直接登錄的快捷方式是有必要的。下圖為印象筆記的注冊登錄界面:

Behance登錄&注冊頁,兼顧了新用戶、老用戶和游客模式~

3.別讓用戶重復(fù)填寫相同內(nèi)容
想必大家都經(jīng)歷過:注冊某網(wǎng)頁/應(yīng)用時被要求填寫郵箱地址兩次或重復(fù)輸入密碼。其實(shí)大可不必。因?yàn)橛脩舸蠖鄷浀米约撼S玫泥]箱和密碼。若郵箱或密碼輸入有誤時可實(shí)時反饋,或者用其它更好的方式解決(下面也會提到),再多此一舉填寫兩次反而容易導(dǎo)致用戶流失。
看看一些值得參考的表單設(shè)計:

4.突出必填項(xiàng)
作為用戶,最好是無可選字段,可填可不填的都不填,甚至最好不要出現(xiàn)。如果一塊信息毫無意義,那么只會浪費(fèi)用戶的時間。不過對商家就不同了,搜集必要的信息更能促進(jìn)業(yè)務(wù)成功。
如果在注冊表單里面有可選字段,那么我們就要強(qiáng)調(diào)必填字段。通常一個小標(biāo)志例如星號*就足夠了。它可以讓用戶自覺發(fā)現(xiàn)并填寫必須填的字段。
5.輸入時自動填充/自動讀取常用賬號
我們在登錄/注冊時,經(jīng)常需要輸入賬號和密碼。這時候,簡化或縮短用戶輸入時間是各網(wǎng)頁/應(yīng)用優(yōu)化體驗(yàn)的的方式,來看看它們是怎么做的~

6.手機(jī)客戶端提供密碼切換可見性
我們輸入密碼時,密碼默認(rèn)加密狀態(tài),但由于手機(jī)鍵盤較小,易誤操作,切換密碼可見是非常方便的功能。
下圖為支付寶和京東的登錄界面:

7.提供第三方快捷登錄
有時候使用某個軟件,我們想快捷的登錄。采用第三方授權(quán)登錄的方式非常的高效。
來看看在這方面做得比較到位的產(chǎn)品:

8.科學(xué)友好的提示
相必大家都知道注冊/登錄時提示的重要性,來看看用戶體驗(yàn)?zāi)募覐?qiáng),栗子舉起來~
下圖是Twitter手機(jī)客戶端和豆瓣客戶端登錄頁,Twitter點(diǎn)擊密碼輸入框時就有相應(yīng)的提示,減少了出錯的可能;而豆瓣是無提示的,直到提交時才彈出錯誤提示,而且彈出一兩秒就消失了,對像我這種閱讀比較慢的人來說真是苦惱(PS:截個圖截了一萬次才成功)。

9.巧妙的實(shí)時反饋
實(shí)時的驗(yàn)證會給用戶及時的提醒,減少用戶在最后提交時報錯帶來的挫敗感。
下圖為Twitter在注冊時對用戶名的要求和手機(jī)號碼有效性的驗(yàn)證:

10.需求化或情感化的文案引導(dǎo)
很多時候,訪問者轉(zhuǎn)換成用戶,這個關(guān)鍵任務(wù)落在了再普通不過的“注冊”按鈕的肩上,而這個可憐的按鈕在產(chǎn)品開發(fā)中卻往往得不到任何考慮和關(guān)注。
我們經(jīng)常重復(fù)看到許多網(wǎng)站一樣的元素時,已習(xí)慣性忽略這些元素,無論這些注冊按鈕的顏色怎么變,最多只是顏色更顯眼一些。但訪客對網(wǎng)頁是瀏覽,不會細(xì)閱。他們很可能輕易錯過關(guān)于免費(fèi)試用或是產(chǎn)品能提供的主要價值或好處的部分。當(dāng)然,這也說明產(chǎn)品錯過了訪問者轉(zhuǎn)為用戶的機(jī)會。
一起來看看這方面做得比較優(yōu)秀的網(wǎng)站是怎么做的~

他們都有一個共性,那就是抓住用戶心理的同時,與產(chǎn)品緊密聯(lián)系在一起,直接展示出注冊后會給予的好處,鼓勵訪客采取行動。
以上只是國內(nèi)外的一小部分栗子,一方面與國際接軌,學(xué)習(xí)優(yōu)秀的設(shè)計,另一方面列舉大家熟悉的產(chǎn)品,方便交流~(PS:具體問題具體分析,不能一概而論。以上觀點(diǎn)若有誤,請大家批評指正~)
相關(guān)文章
首頁如何布局才能符合用戶體驗(yàn)?更利于排名的首頁布局技巧匯總
不管是新站還是老站,首頁都是著影響排名的重要因素,那么首頁如何布局才能符合用戶體驗(yàn)?首頁如何布局更利于排名?本文將提供更利于排名的首頁布局技巧匯總供大家了解,希2016-04-19- 很多優(yōu)化人員反映,自己的網(wǎng)站做的很漂亮卻依然沒有排名,這是為什么呢?這個時候,你應(yīng)該考慮你是否關(guān)注到用戶體驗(yàn)?本文將提供用戶體驗(yàn)相關(guān)誤區(qū)供大家了解,希望可以幫助2016-04-18
如何提升網(wǎng)站用戶體驗(yàn)?可能你從未注意過的7個用戶體驗(yàn)設(shè)計細(xì)節(jié)介紹
優(yōu)秀產(chǎn)品的用戶體驗(yàn)設(shè)計是貫穿整個設(shè)計過程的,從最早的設(shè)計階段便已經(jīng)開始,那么如何提升網(wǎng)站用戶體驗(yàn)?網(wǎng)站用戶體驗(yàn)包括哪些部分?本文將提供可能你從未注意過的7個用戶2016-04-07網(wǎng)站建設(shè)中怎么從產(chǎn)品層面上提升用戶體驗(yàn)?
無論是企業(yè)還是個人,制作網(wǎng)站的最終目的都是為了盈利,當(dāng)然,達(dá)到這個目的的因素有很多,包括網(wǎng)站的定位、網(wǎng)站結(jié)構(gòu)、網(wǎng)站內(nèi)容和網(wǎng)站的運(yùn)營推廣。那么網(wǎng)站建設(shè)中怎么從產(chǎn)品2016-03-31網(wǎng)站的用戶體驗(yàn)有哪些呢? 建站從多方面做起進(jìn)步用戶體會的技巧
網(wǎng)站的用戶體驗(yàn)有哪些呢?在建站初期我們要去了解用戶體驗(yàn)好的網(wǎng)站是怎么做的,用戶體驗(yàn)又有哪些呢?今天我們從七個方面來介紹做好網(wǎng)站用戶體會的技巧,需要的朋友可以參考2016-03-16網(wǎng)站建設(shè)怎么提升用戶體驗(yàn)?網(wǎng)站用戶體驗(yàn)有哪些?
我們在學(xué)習(xí)網(wǎng)站建設(shè)或者優(yōu)化網(wǎng)站的時候,時??梢钥吹揭痪湓挘禾岣哂脩趔w驗(yàn)度。如今,網(wǎng)站的建設(shè)不僅要滿足網(wǎng)站美觀、布局合理,在對搜索引擎的友好度、功能性都要滿足。那2016-03-15- 這篇文章主要介紹了淘寶營銷之做好用戶體驗(yàn)的6點(diǎn)要訣,從形象、信任體驗(yàn)、互動體驗(yàn)、產(chǎn)品體驗(yàn)、售后體驗(yàn)等角度分析了提高用戶體驗(yàn)的方法,需要的朋友可以參考下2016-01-19
- 今天小編為大家?guī)砹薙EO用戶體驗(yàn)之不要給用戶太多的選擇相關(guān)內(nèi)容的介紹,感興趣的朋友們可以跟著小編去下文了解一下哦2016-01-15
- 今天小編為大家?guī)砹耸裁词怯脩趔w驗(yàn) 怎么評價用戶體驗(yàn)的好壞相關(guān)內(nèi)容的介紹,感興趣的朋友們可以跟著小編去下文了解一下哦2015-12-31
如何提高網(wǎng)站的用戶體驗(yàn)?提高網(wǎng)站用戶體驗(yàn)的幾種辦法
如何提高網(wǎng)站的用戶體驗(yàn)?提高網(wǎng)站的用戶體驗(yàn)是非常重要的,本文就給大家?guī)硖岣呔W(wǎng)站用戶體驗(yàn)的幾種辦法,感興趣的朋友們可以過來看看2015-12-28