怎樣提高注冊(cè)登錄流程的交互體驗(yàn)

登錄注冊(cè)看似最簡(jiǎn)單最基礎(chǔ),但想要設(shè)計(jì)一個(gè)好的登錄注冊(cè)交互體驗(yàn)卻并不輕松。下面是一些提高注冊(cè)登錄用戶體驗(yàn)的細(xì)節(jié)總結(jié)。

1.增加第三方注冊(cè)入口

增加第三方社交軟件的注冊(cè)入口,會(huì)讓注冊(cè)更高效便捷。用戶無需記住密碼,同時(shí)也避免了忘記密碼的尷尬。


Airbnb可使用微信賬號(hào)注冊(cè)


知乎可用微信/QQ/微博注冊(cè)登錄


2.若需用戶填寫的內(nèi)容多,請(qǐng)使用分步式注冊(cè)

分步注冊(cè)方式能夠歸類信息,每一個(gè)步驟用戶僅需填寫少量?jī)?nèi)容,流程通暢性較強(qiáng),一定程度上減輕用戶的心理負(fù)擔(dān)。

但有一些需要注意的點(diǎn):

1)用戶注冊(cè)信息超過10項(xiàng)時(shí),可以使用分步式注冊(cè),分為2-3填寫頁面,但是不能超過3頁,超過3頁對(duì)用戶來說就是非常差的體驗(yàn)。

2)采用分步式注冊(cè),一定要做步驟提示,讓用戶知曉自己當(dāng)前所在位置。

3)分步驟注冊(cè)需要減少用戶點(diǎn)擊的次數(shù)。比如:在輸入手機(jī)驗(yàn)證碼時(shí)自動(dòng)彈出數(shù)字鍵盤,輸入完成后自動(dòng)轉(zhuǎn)到下一頁。


3.彈出對(duì)應(yīng)的輸入鍵盤

小細(xì)節(jié),卻往往是提升用戶體驗(yàn)的關(guān)鍵。例如:填寫手機(jī)號(hào)碼字段自動(dòng)調(diào)用電話號(hào)碼鍵盤。

下面是登錄注冊(cè)常用鍵盤類型:

默認(rèn)鍵盤:常規(guī)的全鍵盤,不做任何限制。調(diào)用場(chǎng)景:輸入文本。

郵箱地址鍵盤:在默認(rèn)鍵盤基礎(chǔ)上增加了“@”和“.”,調(diào)用場(chǎng)景:郵件地址填寫。

字母鍵盤:相比默認(rèn)鍵盤取消了表情符號(hào)。調(diào)用場(chǎng)景:輸入密碼。

整數(shù)鍵盤:只能輸入數(shù)字0-9,調(diào)用場(chǎng)景:數(shù)字驗(yàn)證碼填寫。

電話號(hào)碼鍵盤:在整數(shù)鍵盤基礎(chǔ)上增加了“*” 和 “#” ,調(diào)用場(chǎng)景:登錄注冊(cè),填寫手機(jī)號(hào)碼。


默認(rèn)鍵盤,調(diào)用場(chǎng)景:輸入文本


郵件鍵盤,調(diào)用場(chǎng)景:輸入郵箱


字母鍵盤,調(diào)用場(chǎng)景:輸入密碼


整數(shù)鍵盤,調(diào)用場(chǎng)景:輸入數(shù)字手機(jī)驗(yàn)證碼


電話鍵盤,調(diào)用場(chǎng)景:登錄注冊(cè)填寫手機(jī)號(hào)碼


4.手機(jī)號(hào)碼分隔排布

手機(jī)號(hào)碼分隔排布便于用戶校對(duì)與編輯。11位數(shù)字用戶看起來已經(jīng)會(huì)有點(diǎn)費(fèi)腦子了,所以用戶在輸入手機(jī)號(hào)時(shí),如果能以3 4 4的方式顯示,用戶看起來會(huì)輕松很多,例如130 1234 5678。這個(gè)規(guī)則同樣適用于表單中的:銀行卡號(hào)填寫、身份證號(hào)碼填寫等。


Airbnb手機(jī)號(hào)3 4 4分布


5.密碼可切換可見性,且可保存為秘鑰。

手機(jī)端輸入密碼容易誤操作,切換密碼為可見,避免了用戶密碼輸入錯(cuò)誤需要重新設(shè)置密碼的尷尬。

密碼保存為秘鑰可讓手機(jī)記住密碼,下次登錄時(shí)可自動(dòng)填充密碼,此交互同樣適用于web端的體驗(yàn)提升。


Airbnb輸入密碼可選擇隱藏和顯示,輸入密碼系統(tǒng)自動(dòng)開啟秘鑰


6.如非必要,注冊(cè)時(shí)默認(rèn)勾選同意注冊(cè)協(xié)議

默認(rèn)勾選同意隱私協(xié)議與注冊(cè)協(xié)議,避免用戶進(jìn)行不必要的操作。


7.登錄注冊(cè)切換時(shí),自動(dòng)將兩種界面匹配的數(shù)據(jù)轉(zhuǎn)填

在登錄與注冊(cè)界面切換時(shí),相同的填寫數(shù)據(jù)轉(zhuǎn)填,如手機(jī)號(hào)碼等。重復(fù)填寫信息,會(huì)造成用戶的不耐煩,應(yīng)當(dāng)避免。


8.反饋提示,用 Toast?

反饋可以用輕量級(jí)的 Toast 來提示,這樣不會(huì)打斷用戶操作的內(nèi)容。由于Dialog不會(huì)自行消失,必須用戶操作后(點(diǎn)擊確定或關(guān)閉)才能消失,所以會(huì)打斷用戶當(dāng)前任務(wù),這會(huì)增加用戶的焦慮和不安感,影響用戶體驗(yàn),請(qǐng)謹(jǐn)慎使用。


結(jié)尾彩蛋:推薦幾個(gè)用戶研究網(wǎng)站,不需要翻墻。

Nielsen Norman Group

Gartner

baymard

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容