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

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

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

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

　　改版前

　　改版后

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

　　7.提供第三方快捷登錄

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

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

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

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

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

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

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

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

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

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

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

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

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

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

最新評(píng)論