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

1.別讓用戶一進(jìn)網(wǎng)站就注冊(cè)

有些網(wǎng)站/應(yīng)用一進(jìn)來(lái)就要注冊(cè)才能瀏覽，認(rèn)為游客會(huì)因此而注冊(cè)成為其用戶。不料，我個(gè)人遇到一進(jìn)網(wǎng)站就得注冊(cè)的都不注冊(cè)，選擇直接離開(kāi)（對(duì)某產(chǎn)品已非常了解除外），不知道大家是否有相同體驗(yàn)？偶爾注冊(cè)的網(wǎng)站天天給我發(fā)郵件或推送短信，煩透了！至于個(gè)人信息是否被他們賣了，這個(gè)還要另說(shuō)（據(jù)調(diào)查發(fā)現(xiàn)國(guó)內(nèi)很多用戶會(huì)有這個(gè)擔(dān)憂）。

也有許多網(wǎng)頁(yè)/應(yīng)用為了能夠留住一些游客， 會(huì)在非注冊(cè)的情況下允許用戶瀏覽，在需要賬戶信息時(shí)才提醒用戶注冊(cè)或是登錄。

下圖為Twitter網(wǎng)頁(yè)端：

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

改版前

改版后

但這里需要留意，強(qiáng)社交類應(yīng)用可能無(wú)需過(guò)多考慮這點(diǎn)，比如facebook的客戶端和QQ客戶端。因?yàn)檫@類應(yīng)用屬于好友社交類，但微博屬于關(guān)注和瀏覽類的。

下圖為facebook和QQ的登陸界面：

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

某些時(shí)候我們是某個(gè)產(chǎn)品的老用戶，不再需要給新手用戶準(zhǔn)備的引導(dǎo)頁(yè)，因此提供直接登錄的快捷方式是有必要的。下圖為印象筆記的注冊(cè)登錄界面：

Behance登錄&注冊(cè)頁(yè)，兼顧了新用戶、老用戶和游客模式~

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

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

看看一些值得參考的表單設(shè)計(jì)：

4.突出必填項(xiàng)

作為用戶，最好是無(wú)可選字段,可填可不填的都不填，甚至最好不要出現(xiàn)。如果一塊信息毫無(wú)意義，那么只會(huì)浪費(fèi)用戶的時(shí)間。不過(guò)對(duì)商家就不同了，搜集必要的信息更能促進(jìn)業(yè)務(wù)成功。

如果在注冊(cè)表單里面有可選字段，那么我們就要強(qiáng)調(diào)必填字段。通常一個(gè)小標(biāo)志例如星號(hào)*就足夠了。它可以讓用戶自覺(jué)發(fā)現(xiàn)并填寫必須填的字段。

5.輸入時(shí)自動(dòng)填充/自動(dòng)讀取常用賬號(hào)

我們?cè)诘卿?注冊(cè)時(shí)，經(jīng)常需要輸入賬號(hào)和密碼。這時(shí)候，簡(jiǎn)化或縮短用戶輸入時(shí)間是各網(wǎng)頁(yè)/應(yīng)用優(yōu)化體驗(yàn)的的方式，來(lái)看看它們是怎么做的~

6.手機(jī)客戶端提供密碼切換可見(jiàn)性

我們輸入密碼時(shí)，密碼默認(rèn)加密狀態(tài)，但由于手機(jī)鍵盤較小，易誤操作，切換密碼可見(jiàn)是非常方便的功能。

下圖為支付寶和京東的登錄界面：

7.提供第三方快捷登錄

有時(shí)候使用某個(gè)軟件，我們想快捷的登錄。采用第三方授權(quán)登錄的方式非常的高效。

來(lái)看看在這方面做得比較到位的產(chǎn)品：

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

相必大家都知道注冊(cè)/登錄時(shí)提示的重要性，來(lái)看看用戶體驗(yàn)?zāi)募覐?qiáng)，栗子舉起來(lái)~

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

9.巧妙的實(shí)時(shí)反饋

實(shí)時(shí)的驗(yàn)證會(huì)給用戶及時(shí)的提醒，減少用戶在最后提交時(shí)報(bào)錯(cuò)帶來(lái)的挫敗感。

下圖為Twitter在注冊(cè)時(shí)對(duì)用戶名的要求和手機(jī)號(hào)碼有效性的驗(yàn)證：

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

很多時(shí)候，訪問(wèn)者轉(zhuǎn)換成用戶，這個(gè)關(guān)鍵任務(wù)落在了再普通不過(guò)的“注冊(cè)”按鈕的肩上，而這個(gè)可憐的按鈕在產(chǎn)品開(kāi)發(fā)中卻往往得不到任何考慮和關(guān)注。

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

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

他們都有一個(gè)共性，那就是抓住用戶心理的同時(shí)，與產(chǎn)品緊密聯(lián)系在一起，直接展示出注冊(cè)后會(huì)給予的好處，鼓勵(lì)訪客采取行動(dòng)。

以上只是國(guó)內(nèi)外的一小部分栗子，一方面與國(guó)際接軌，學(xué)習(xí)優(yōu)秀的設(shè)計(jì)，另一方面列舉大家熟悉的產(chǎn)品，方便交流~（PS：具體問(wèn)題具體分析，不能一概而論。以上觀點(diǎn)若有誤，請(qǐng)大家批評(píng)指正~）

作者：Tricia（微信號(hào)：WX2225788009），YY歡聚時(shí)代交互設(shè)計(jì)師，前UI設(shè)計(jì)師。

本文由 @Tricia 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理?，未經(jīng)許可，禁止轉(zhuǎn)載。