在設(shè)計登錄注冊之前，注意這10個要點能迅速提高用戶體驗

原創(chuàng)的自己

廣州/產(chǎn)品設(shè)計師/10年前/5136瀏覽

版權(quán)

原創(chuàng)的自己

有盆友問起注冊/登錄的體驗，結(jié)合網(wǎng)上各路高人的分享，于是我總結(jié)了一些自己對如何在注冊和登錄時提高用戶體驗的一些發(fā)現(xiàn)或看法，若觀點有不對的地方，望大家批評指正，歡迎大家的分享與交流~

1.別讓用戶一進來就注冊

有些網(wǎng)站/應(yīng)用一進來就要注冊才能瀏覽，認(rèn)為訪客會因此而注冊成為其用戶。不料，我個人遇到一進來就得注冊的都不會馬上注冊，選擇直接離開（對某產(chǎn)品已非常了解除外），不知道大家是否有相同體驗？

也有許多網(wǎng)站/應(yīng)用為了能夠留住訪客，會在非注冊的情況下允許用戶瀏覽，在需要賬戶信息時才提醒用戶注冊或登錄。下圖為Twitter網(wǎng)頁：

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

但這里需要留意，強社交類應(yīng)用可能無需過多考慮這點，比如 Facebook的客戶端和 QQ客戶端。因為這類應(yīng)用屬于好友社交類，但微博屬于關(guān)注和瀏覽類的。

下圖為 Facebook 和 QQ 的登錄頁：

2.可跳過引導(dǎo)頁直接注冊/登錄

當(dāng)我們是某個產(chǎn)品的老用戶，不再需要新手用戶的引導(dǎo)頁，因此提供直接登錄的快捷方式是有必要的。下圖為印象筆記的注冊登錄界面：

看看Behance的登錄&注冊頁，兼顧了新用戶、老用戶和訪客模式~

3.別讓用戶重復(fù)填寫相同內(nèi)容

想必大家都經(jīng)歷過：注冊某網(wǎng)頁/應(yīng)用時被要求填寫郵箱地址兩次或重復(fù)輸入密碼。其實大可不必。因為用戶大多會記得自己常用的郵箱和密碼。若郵箱或密碼輸入有誤時可實時反饋，或者用其它更好的方式解決（下面也會提到），再多此一舉填寫兩次反而容易導(dǎo)致用戶流失。

看看一些值得參考的設(shè)計：

4.突出必填項

作為用戶，最好是無可選字段,可填可不填的都不填，甚至最好不出現(xiàn)。如果某信息毫無意義，那么只會浪費用戶的時間。不過對商家就不同了，搜集必要的信息更有利。

如果在注冊頁有可選字段，那么最好強調(diào)必填字段。通常一個小標(biāo)志（如星號*）就足夠了。它可以讓用戶自覺發(fā)現(xiàn)并填寫必須填的字段。

5.輸入時自動讀取/填充常用賬號

登錄/注冊時，經(jīng)常需要輸入賬號和密碼。這時，簡化或縮短用戶輸入時間是各網(wǎng)頁/應(yīng)用優(yōu)化體驗的的方式，來看看它們是怎么做的~

6.手機客戶端提供密碼切換可見性

輸入密碼時，密碼默認(rèn)加密狀態(tài)，但由于手機鍵盤較小，易誤操作，切換密碼可見是非常方便的功能。下圖為支付寶和京東的登錄界面：

7.提供第三方快捷登錄

有時候我們在使用某些產(chǎn)品時，想快捷的登錄。采用第三方授權(quán)登錄的方式非常的高效。來看看在這方面做得比較到位的產(chǎn)品：

8.科學(xué)友好的提示

想必大家都知道注冊/登錄時提示的重要性，來看看用戶體驗?zāi)募覐?，栗子舉起來~

下圖是 Twitter手機客戶端和豆瓣客戶端登錄頁，Twitter點擊密碼輸入框時就有相應(yīng)的提示，減少了出錯的可能；而豆瓣是無提示的，直到提交時才彈出錯誤提示，而且彈出一兩秒就消失了，對像我這種閱讀比較慢的人來說真是苦惱（PS：截個圖截了一萬次才成功）。

9.巧妙的實時反饋

巧妙的實時反饋能減少用戶在最后提交時報錯帶來的挫敗感。下圖為 Twitter 在注冊時對用戶名的要求和手機號碼有效性的驗證：

10.需求化或情感化的文案引導(dǎo)

很多時候，訪客轉(zhuǎn)換成用戶，“注冊”按鈕沒有功勞也有苦勞，而這個可憐的按鈕在產(chǎn)品開發(fā)中卻往往得不到任何關(guān)注。

我們經(jīng)常重復(fù)看到網(wǎng)站一樣的元素時，已習(xí)慣性忽略這些元素，無論這些注冊按鈕的顏色怎么變，最多只是顏色更顯眼一些。但訪客對網(wǎng)頁是瀏覽，不會細閱。他們很可能輕易錯過關(guān)于免費試用或產(chǎn)品能提供的重要價值和好處的部分。當(dāng)然，這也意味著該產(chǎn)品可能錯過了訪客轉(zhuǎn)為用戶的機會。

一起來看看這方面做得比較優(yōu)秀的網(wǎng)站~