詳細解析如何提高登錄注冊的用戶(hù)體驗設計教程發(fā)布者：本站     時(shí)間：2021-12-07 13:12:08

一直想寫(xiě)一篇關(guān)于登錄注冊的文章，對于重度懶癌患者的我來(lái)說(shuō)，注冊和登錄是噩夢(mèng)，哪怕再想要體驗一個(gè)app，只要登錄注冊流程讓我覺(jué)得累，下意識就會(huì )對這個(gè)app產(chǎn)生不友好的印象。相信有不少的懶癌用戶(hù)也是和我一樣的心態(tài)。之前做公司的項目時(shí)，遇到登錄注冊頁(yè)面，由于和游戲沾邊的項目，登錄注冊方式非常多，于是對登錄注冊產(chǎn)生了很多好奇。為什么不同的app登錄注冊方式不同，有些是直接第三方，有些又設置的很繁瑣。后來(lái)看了很多app，分析了一些，登錄注冊的流程，其實(shí)關(guān)乎產(chǎn)品的商業(yè)模式，也就是戰略層，登錄注冊要在兼顧用戶(hù)體驗的同時(shí)平衡商業(yè)的價(jià)值。今天不討論關(guān)于業(yè)務(wù)模式的問(wèn)題，單純從減少注冊登錄成本，提高用戶(hù)注冊登錄興趣，提高用戶(hù)體驗的方向討論下，怎樣在登錄注冊中提高用戶(hù)體驗。

1.為什么要登錄注冊

我始終認為，設計師想要做好設計，界面僅僅是其一，不能光想界面好看與否，還要好用與否。俗話(huà)說(shuō)：知其然知其所以然，既然要講登錄注冊，首先就來(lái)了解下為什么需要登錄注冊吧。登錄注冊由來(lái)以久，好像所有互聯(lián)網(wǎng)產(chǎn)品都有這一環(huán)節，以至于我們已經(jīng)忽略了為什么有登錄注冊。先來(lái)回顧下，登錄注冊的作用?？磶讖埥貓D：

如何提高登錄注冊的提高用戶(hù)體驗

以上截圖我們可以看出。登錄與注冊大體上可以分成強制和開(kāi)放兩種類(lèi)型，而我們思考的切入點(diǎn)就是在這兩種類(lèi)型之間做取舍，產(chǎn)品屬性決定登錄注冊形式，不同的產(chǎn)品類(lèi)型，對登錄注冊模塊的需求不同。

比如，純工具類(lèi)產(chǎn)品：輸入法、日歷、相機、便簽、安全工具等，不需要用戶(hù)登錄注冊就可以使用產(chǎn)品的絕大部分甚至全部功能，此時(shí)就沒(méi)有必要添加登錄注冊模塊。

比如，電商、金融類(lèi)產(chǎn)品，設計到交易、用戶(hù)信息等比較私密的信息，就必須單獨添加登錄注冊模塊，確保用戶(hù)的個(gè)人信息的真實(shí)性以及安全性。

再比如，社交社區類(lèi)產(chǎn)品，可以設置獨立的登錄注冊模塊;可以直接借助于第三方平臺，這樣反而更有利于產(chǎn)品的傳播擴散;也可以?xún)烧呓杂小?br />
2.登錄注冊對于產(chǎn)品體驗的影響

沒(méi)有一個(gè)用戶(hù)愿意在登錄/注冊上花費太多時(shí)間，因此易用便捷是用戶(hù)的基本需求?？焖俸?jiǎn)潔的注冊登錄體驗，可以有效增加轉化率。在此基礎上，需要結合內部需求，規劃要給用戶(hù)提供幾種登錄/注冊方式，其中對登錄失敗的處理機制也是需要關(guān)注的點(diǎn)，例如找回密碼、手機收不到驗證等，不過(guò)文章暫不討論。

3.注冊流程的體驗優(yōu)化

(1)減少不必要信息，加快注冊流程

互聯(lián)網(wǎng)發(fā)展到今天，進(jìn)入一種快餐時(shí)代，時(shí)間很寶貴，人人都想要快速解決事情。

同樣地，新用戶(hù)在開(kāi)始注冊一款新產(chǎn)品的時(shí)候，為了降低用戶(hù)的注冊成本，應盡量減少不必要的信息填寫(xiě)。有些app 的注冊信息非常繁瑣同時(shí)展現在同一頁(yè)中，給用戶(hù)造成心理負擔。

用戶(hù)覺(jué)得注冊成本很高，便容易棄之。舉個(gè)反例：

如何提高登錄注冊的提高用戶(hù)體驗

來(lái)自AcFun & 格瓦拉生活

以上兩款app 的注冊流程信息都顯得過(guò)于繁瑣，互聯(lián)網(wǎng)發(fā)展到現在，新型的app都逐漸放棄以昵稱(chēng)作為賬號ID憑證，重復密碼也顯得別樣的繁瑣。

但是注意，有些app由于性質(zhì)原因，確實(shí)需要填寫(xiě)很多的重要信息，這時(shí)可以分頁(yè)處理，并且頁(yè)面上標示清楚需要填寫(xiě)的信息頁(yè)數，讓用戶(hù)有個(gè)心理預期。并且經(jīng)過(guò)前面一系列的操作，用戶(hù)反而不會(huì )輕易放棄注冊流程。舉個(gè)栗子：

如何提高登錄注冊的提高用戶(hù)體驗

來(lái)自keep-注冊流程

(2)先瀏覽再引導注冊

上面說(shuō)到有些app性質(zhì)特殊，需要用戶(hù)的基本信息才能進(jìn)一步使用。比如說(shuō)，主打婚戀類(lèi)的應用，就需要真實(shí)的個(gè)人信息。下面來(lái)比較國內知名的婚戀app，珍愛(ài)網(wǎng)與世紀佳緣&百合網(wǎng)在注冊流程上的不同細節帶來(lái)的不同體驗。

先看珍愛(ài)網(wǎng)的注冊流程：

如何提高登錄注冊的提高用戶(hù)體驗

總共九個(gè)步驟才算是輸入完基本信息，但仍然還沒(méi)看到注冊成功。從表現層面來(lái)講，珍愛(ài)網(wǎng)的注冊流程視覺(jué)做的不錯，每一頁(yè)都只有一個(gè)重點(diǎn)，清晰明確。但是僅僅是注冊這一流程，耗時(shí)太多，用戶(hù)不能快速了解app的結構，資源等情況，自然就談不上使用了。用戶(hù)的注冊時(shí)間成本過(guò)高，容易導致注冊成功率下降。

再看世紀佳緣的注冊流程:

如何提高登錄注冊的提高用戶(hù)體驗

來(lái)自世紀佳緣-注冊流程

世紀佳緣從一開(kāi)始就沒(méi)有強制用戶(hù)填寫(xiě)信息，而是采用一種先瀏覽，后期引導用戶(hù)注冊的方式。先吸引用戶(hù)的注意，從表現層來(lái)說(shuō)可能注冊頁(yè)面設計的不盡人意，但是卻不妨礙用戶(hù)的熱情。從框架層，結構層，范圍層來(lái)說(shuō)，用戶(hù)從一開(kāi)始就能能了解到app內的會(huì )員，想進(jìn)一步與其他會(huì )員互動(dòng)的時(shí)候，app會(huì )引導用戶(hù)注冊，框架清晰，(這里暫且不討論界面的視覺(jué)效果)而用戶(hù)如果不注冊還可以在發(fā)現入口，發(fā)現更多的資源。上面的兩個(gè)栗子，我們可以看出，用戶(hù)的注冊成本要盡可能的減少，

(3)偽注冊傷害用戶(hù)體驗

下面舉了兩個(gè)app的栗子，有書(shū)app選擇了第三方登錄后，還需要綁定手機信息，這就是偽注冊，與用戶(hù)的心理預期不一樣，

造成一定的心理落差，這時(shí)就很容易放棄登錄。正確是做法應該是，第三方登錄后，假如要綁定手機信息，需要在頁(yè)面上加上跳過(guò)選項，這樣用戶(hù)可以在以后的日子里再進(jìn)一步進(jìn)行信息的完善。如：有道云筆記。

如何提高登錄注冊的提高用戶(hù)體驗

(4)新用戶(hù)登錄“去掉”注冊操作

互聯(lián)網(wǎng)發(fā)展到現在，用戶(hù)要求也越來(lái)越高，需要更快的方式進(jìn)入app。很多新興的app也是在速度上搶占流量，“去掉”注冊，直接登錄已經(jīng)成為一種趨勢，像抖音，探探，拼多多等。 有幾種方式可以快速登錄app，1.通過(guò)手機驗證碼，手機號即為賬號，根據需求，選擇添加密碼，或者沒(méi)有密碼的極簡(jiǎn)登錄方式。2.第三方賬號直接登錄。對于新興app，第三方賬號登錄，無(wú)疑減少了注冊成本，也更容易傳播。但是，第三方注冊也容易造成一人多號的情況。此時(shí)應根據公司戰略層考慮，適當補充綁定手機號碼，幫助用戶(hù)完整信息。

4.登錄流程的體驗優(yōu)化

(1)驗證碼自動(dòng)填充

相信大家都遇到過(guò)這樣的一個(gè)場(chǎng)景。用手機號碼注冊一個(gè)app 的時(shí)候，手機會(huì )收到一個(gè)驗證碼，多為6個(gè)數字的驗證碼，經(jīng)常不小心誤觸，就退出了注冊頁(yè)面，這時(shí)就需要在短信頁(yè)面復制那串數字后回到注冊頁(yè)，粘貼驗證碼，有時(shí)候甚至需要重新輸入手機號碼，再次接受驗證碼。又或者，復制后還需要再次長(cháng)按粘貼驗證碼。這一系列的操作讓人非常難受又繁瑣，對初級用戶(hù)更是不友好。有一本交互書(shū)籍《偉大的小細節》，書(shū)中有一個(gè)觀(guān)點(diǎn)：依據用戶(hù)行為預判意圖。意思就是，根據用戶(hù)的前置操作，預判用戶(hù)下一步的操作，幫助用戶(hù)快速實(shí)現想要的效果。在接受輸入驗證碼這一過(guò)程中，在短信中選擇復制，是前置操作，我們預判用戶(hù)下一步就是粘貼驗證碼。所以，在這個(gè)過(guò)程中，在用戶(hù)復制驗證碼后，系統就應該自動(dòng)填充好驗證碼，省去用戶(hù)再次粘貼的繁瑣操作。

(2)登錄注冊時(shí)的細節創(chuàng )新

嗶哩嗶哩的登錄頁(yè)面，做得很有趣，沒(méi)有輸入密碼前是兩個(gè)睜眼的人，輸入密碼時(shí)，兩個(gè)人物的眼睛立刻捂住，給人會(huì )心一笑的感覺(jué)。這種溫馨貼合場(chǎng)景的小細節創(chuàng )新，能夠給用戶(hù)在千篇一律的登錄注冊中帶來(lái)不一樣的新鮮感受。