APP注冊登錄功能設(shè)計全方位解析
用戶注冊功能對于一個APP的重要性毋庸置疑,然而注冊功能又是公認(rèn)的在設(shè)計中坑最多的功能,能夠設(shè)計好注冊功能是一個優(yōu)秀產(chǎn)品經(jīng)理的基本功。
那么,在設(shè)計注冊功能過程中,你有沒有糾結(jié)于這些問題呢:
- 郵箱注冊、手機(jī)號注冊、第三方賬戶注冊,這么多方式應(yīng)該選擇哪種?
- 是應(yīng)該先讓用戶注冊還是先讓用戶使用?先讓用戶使用的話,應(yīng)該在怎樣的時機(jī)注冊?
- 怎樣的注冊流程用戶體驗最好?
- 一些細(xì)節(jié)問題:要不要加圖片驗證碼?要不要讓用戶手動勾選用戶協(xié)議?要不要讓用戶設(shè)置頭像?… …
這次我們來好好捋一捋注冊登錄設(shè)計過程中的遇到的那些問題吧。
注冊登錄功能的價值
首先我們來分析注冊、登錄功能的價值在哪里。換個角度說,為該產(chǎn)品設(shè)計注冊登錄功能的目的何在?對于每個產(chǎn)品來說,只有把握好產(chǎn)品的設(shè)計目標(biāo),才能找到適合該產(chǎn)品的設(shè)計思路。
我們從三個層面來分析:
用戶層面
- 用戶需要在產(chǎn)品中獲得一個獨立的ID,以體現(xiàn)其個性化的存在。
- 用戶需要產(chǎn)品為其記錄使用進(jìn)度、狀態(tài)、收藏的內(nèi)容。
- 用戶希望獲得其它用戶的真實信息或更詳盡的信息。
- 用戶希望產(chǎn)品通過對自己更詳盡的了解提供更好的服務(wù)。比如大姨嗎。
功能層面
- 便于跨設(shè)備同步數(shù)據(jù),也便于在同一設(shè)備中切換不同的賬戶并保留賬戶之前的狀態(tài)。
- 有社交功能的產(chǎn)品必須注冊賬號以編寫自己的UGC的內(nèi)容,同時便于其它用戶辨識。
- 有交易功能的產(chǎn)品,為個人賬戶記錄訂單等交易信息,同時提高交易的安全性。
- 有應(yīng)用內(nèi)付費、VIP會員增值功能的產(chǎn)品,注冊登錄可以確保用戶權(quán)益。
業(yè)務(wù)層面
- 需要采集對于核心業(yè)務(wù)非常重要的用戶信息,比如手機(jī)號、真實姓名等信息。
- 注冊登錄后便于采集推進(jìn)運營的數(shù)據(jù),以指導(dǎo)產(chǎn)品運營方向。
- 用戶激勵:通過注冊得到手機(jī)號、郵箱賬戶后,一些產(chǎn)品通過給用戶發(fā)短信或優(yōu)惠券(送優(yōu)惠券、活動推薦)吸引用戶,提高活躍度。
- 消費轉(zhuǎn)化:某些產(chǎn)品得到手機(jī)號后,會利用電話營銷的方式向客戶推介其付費服務(wù)。比如51Talk。
綜上,在設(shè)計功能之前,產(chǎn)品經(jīng)理應(yīng)該弄清楚你的產(chǎn)品目標(biāo)屬于以上哪些,注冊賬戶功能的重要性怎樣,哪些核心功能與其相關(guān)聯(lián)。
注冊登錄方式的分類
在選擇注冊登錄方式之前,先總結(jié)一下注冊登錄設(shè)計時要考慮的因素:
- 普遍性:這種注冊方式是否絕大部分用戶群體都滿足注冊條件?是否有門檻?
- 便捷性:注冊流程是否方便,易理解,易操作,易記憶?
- 安全性:這種注冊方式是否存在安全性問題?
基于以上評價因素,針對三種不同的注冊登錄方式進(jìn)行下比較:
下面分別分析一下每種注冊方式:
郵箱注冊
相對于手機(jī)號注冊,郵箱注冊的好處在于郵箱地址可以永久留存,不會有手機(jī)換號造成的那種困擾。但是其缺點也比較多:
首先,對于國內(nèi)用戶來說,郵箱的使用頻率沒有老外那么高,郵箱的重要性遠(yuǎn)低于QQ、微信、手機(jī),很多用戶沒有個人郵箱,他們也不會為了注冊你的賬戶去申請個郵箱,所以郵箱注冊的需求相對來說較弱。
其次,在移動端利用郵箱注冊的體驗也較差,因為驗證郵箱的話需要跳出APP去接收郵件,無論是登錄郵件客戶端還是打開瀏覽器進(jìn)入郵箱網(wǎng)頁,這個操作都提高了流程的復(fù)雜度,降低了用戶體驗。
那么,郵箱注冊是否還有存在的價值?為什么還有一些應(yīng)用保留了郵箱注冊功能(或只提供了郵箱注冊功能)呢?個人分析有四點原因:
- APP的用戶群體不只國內(nèi)用戶,考慮到外國人的使用習(xí)慣,保留了郵箱注冊。
- ?一些商務(wù)類的APP,用戶群體鎖定為職場人士,這些人是有郵箱的使用習(xí)慣的。
- 一些學(xué)習(xí)類的APP,考慮到學(xué)生群體換號的可能性比較大(或出國)。
- 考慮到一些不希望暴露自己手機(jī)號,不愿意用手機(jī)號注冊的用戶群體。
郵箱注冊目前有5種設(shè)計邏輯
比較這5種方式:
方式①的效率最高,但是沒有郵箱驗證的話保證不了賬戶的安全性,若郵箱錄入錯誤則無法找回密碼。另外這種方式容易被注冊無效賬戶或惡意注冊郵箱,浪費服務(wù)器資源。
方式②和③都是快速注冊成功,之后再讓用戶通過郵箱驗證的方式驗證郵箱的有效性。這種方式的好處是既保證了注冊信息的有效性和安全性,也不會降低太多的用戶體驗。其中方式③是在APP中完成郵箱的驗證,這樣可以避免方式②中用戶注冊后忘記去驗證的問題。
方式④和⑤的驗證碼(或鏈接)需要在注冊流程中強(qiáng)制輸入,這種方式會阻斷用戶的操作流程,有在注冊過程中損失用戶的可能。如果郵箱信息對業(yè)務(wù)邏輯及其重要的話,可以參考這種方式。
如果郵箱信息有一定重要性的話,建議選擇第三種方式,以Facebook為例:先注冊,后通過發(fā)送到郵箱的驗證碼進(jìn)行驗證,在注冊后的首頁中,會有驗證郵箱的提示。
如果考慮到降低開發(fā)成本,或郵箱信息沒那么重要的話,可以第二種方式。
手機(jī)號注冊
手機(jī)號注冊是目前主流的注冊方式。其特點是便于記憶,短信驗證碼方便快捷,操作流程體驗比較好?;谥悄苁謾C(jī)的普及,大眾用戶在操作方式上沒有任何障礙。另外,這種方式還能直接獲取用戶手機(jī)號這個重要信息,便于一些業(yè)務(wù)的展開。
手機(jī)號注冊的邏輯非常簡單,就是錄入手機(jī)號碼后,發(fā)起短信驗證的請求,當(dāng)手機(jī)收到相應(yīng)的短信驗證碼后,在APP中輸入驗證碼,完成注冊。
基于這個邏輯基礎(chǔ),不同的APP會有不同的設(shè)計細(xì)節(jié),比如一些APP將所有操作放入一個頁面中,比如一些APP會分成:錄入手機(jī)號->短信驗證->設(shè)置密碼三個頁面來完成。也有一些直接設(shè)計成利用手機(jī)號和短信驗證碼登錄的“短信快速登錄”,省去了設(shè)置密碼的環(huán)節(jié),加快了注冊的速度。由于邏輯基本相同,這些方式實際流程上差別不是很大。
另外還有幾種不常用的手機(jī)號注冊方式,用來在接收不到短信的情況下備選。與短信驗證的區(qū)別主要是驗證的過程不同:
- 主動驗證:用戶向客服號碼發(fā)送驗證短信注冊。
- 免費熱線:撥打電話活動驗證碼注冊。
- 語音驗證:客服撥打用戶電話告知驗證碼。
第三方賬戶登錄
第三方賬戶登錄,國內(nèi)常見的有微信、微博、QQ三個社交平臺的授權(quán)登錄,國外常見的還有Facebook、Twitter、Google。
下面分析一下利用第三方賬戶登錄的優(yōu)缺點:
- 優(yōu)點1:為用戶節(jié)省注冊時間,簡單點擊兩下就可以直接登陸。體驗最佳。(不包括微博認(rèn)證總出錯的問題)
- 優(yōu)點2:利用第三方平臺注冊過的用戶,都是經(jīng)過手機(jī)或郵箱驗證過的用戶,安全可靠。同時引入第三方賬戶的方式也將賬戶安全性的問題拋給了第三方平臺。
- 優(yōu)點3:利用第三方賬戶登錄,可以在條件允許下獲取第三方平臺的信息,比如好友信息、基礎(chǔ)資料等信息。
- 缺點:只利用第三方賬戶登錄的話,無法獲得任何有價值的用戶注冊信息,同時也構(gòu)建不成自己的用戶體系。這是第三方賬戶登錄的最大問題。
那么,如何利用好第三方登錄的同時,也能逐步構(gòu)建起自己的用戶體系呢?一般的做法是在第三方賬戶登錄后,立即彈出“綁定手機(jī)”或“完善信息”的頁面,這樣的做法會給用戶帶來很差的體驗,用戶使用第三方賬戶登錄的本意就是跳過注冊的流程快速登錄,但登錄后發(fā)現(xiàn)還要進(jìn)行跟注冊相同的短信驗證等操作,會感覺被玩了一樣。所以,設(shè)計時應(yīng)盡量避免這種情況的發(fā)生。
更加合理的解決辦法是:①在綁定手機(jī)畫面中加入“Skip”按鈕,讓用戶自行選擇是否錄入。②不在第三方賬戶登錄后立即顯示綁定手機(jī)畫面,而是在使用某些必要的功能時彈出綁定畫面。
注冊登錄方式的設(shè)計思路
以上分析了三種不同的注冊登錄方式,那么在產(chǎn)品設(shè)計過程中,如何設(shè)計注冊登錄的流程,如何選擇注冊登錄的方式呢?
由于不同產(chǎn)品所處的階段不同、產(chǎn)品目標(biāo)不同、人群定位不同,所以想要得出一個標(biāo)準(zhǔn)答案是不切實際的。下面給出一個整體的分析思路:
首先,分析產(chǎn)品讓用戶注冊登錄的必要性。分析有沒有必要為APP設(shè)計注冊功能?如果用戶注冊登錄對于用戶、產(chǎn)品功能、商業(yè)模式本身帶不來任何價值的話,就沒必要設(shè)計這樣的功能。比如一些實用工具類的產(chǎn)品:計算器、手電筒、天氣預(yù)報、安卓清理大師、語音助手等等。
其次,分析產(chǎn)品讓用戶注冊登錄的目的是什么?也就是這個功能為本產(chǎn)品帶來怎樣的價值,從而得出這個APP應(yīng)該先注冊后使用還是先使用后注冊的判斷??梢詮挠脩?、功能、業(yè)務(wù)三個層面分析這個問題。注冊登錄功能對于這三個層面的價值第一小節(jié)已經(jīng)說過,但不同的產(chǎn)品的需求是不一樣的。針對本產(chǎn)品,每個層面的需求都需要認(rèn)真的進(jìn)行思考:
用戶需求
從用戶角度,分析用戶希望注冊產(chǎn)品的迫切程度。用戶第一次安裝使用一個APP時,可以分成三種不同的心理:
- 用戶有強(qiáng)烈愿望使用產(chǎn)品。一種情況是產(chǎn)品功能對于用戶來說非常有價值,用戶愿意花費時間注冊使用,比如說一些手游、一些有美女主播的直播類軟件。另一種情況是產(chǎn)品功能新奇特用戶很像試試,比如FaceU,當(dāng)女性用戶看到了朋友圈里出現(xiàn)了有趣新奇的FaceU靚照時,自己去體驗的意愿很強(qiáng)烈。用戶有強(qiáng)烈意愿使用的產(chǎn)品,完全可以先注冊再讓用戶去使用。
- 用戶希望先用一用看看,好用了再注冊。這就跟體驗式消費、先嘗后買的思路是一樣的。由于大部分用戶第一次使用肯定是抱著試試看的態(tài)度來的,為了給用戶留下最好的第一印象,先使用再注冊的流程是必要的。目前大多數(shù)的產(chǎn)品都是提供這樣的方式,如果你的APP不能讓用戶有強(qiáng)烈的使用愿望,最好的選擇是先讓用戶去使用,用好了再注冊。
- 用戶覺得沒必要注冊,但產(chǎn)品的功能偶爾會用到。一些使用頻度較低的APP,比如鈴聲、壁紙類軟件,以及一些工具+社交類的軟件,對于用戶來說注冊功能對用戶帶來不了任何價值, 這類APP建議使用先使用后注冊的方式。
功能需求
從功能角度思考,一種情況是產(chǎn)品的核心功能對用戶體系依賴程度非常大時,可以先注冊再使用。比如QQ、微信、陌陌這樣的社交軟件,不登錄無法正常使用功能。另一種情況是產(chǎn)品某些功能需要用戶登錄,但對其它功能沒影響時,可以使用到該功能時再登錄。比如電商APP可以先瀏覽,在加入購物車或下單時再登錄。
業(yè)務(wù)需求
從業(yè)務(wù)角度來判斷,注冊信息如果對產(chǎn)品核心業(yè)務(wù)非常重要的話,可以考慮先注冊的模式,或者常用的做法是進(jìn)入APP的第一屏是注冊頁面,但在角落里留下“游客入口”的按鈕。當(dāng)然,如果只是為了獲取用戶的手機(jī)號等信息,也不一定非要通過注冊這一種途徑??梢栽诋a(chǎn)品功能頁面中引導(dǎo)用戶錄入信息或注冊。比如駕考寶典的“幫你選車”的小測試功能,再比如設(shè)計君的“咨詢規(guī)劃師”功能。
最后,分析每個注冊登錄需求的場景是怎樣的,根據(jù)場景的分析解決如何得出最適合本APP的注冊登錄方式的問題。還是從用戶、功能、業(yè)務(wù)三個層面思考:
?功能需求
從功能角度,對注冊登錄有需求的功能要的是一個合理的賬戶體系,至于選擇那種注冊手段其實不重要。所以可以忽略功能需求對注冊登錄方式選擇的影響。
用戶需求
對于用戶來說,三種注冊登錄手段的優(yōu)缺點都很明顯,不同的用戶的性格特點、生活習(xí)慣會影響其選擇:比如有的用戶討厭泄露手機(jī)號、有的用戶沒有個人郵箱、有的用戶沒有安裝微博等等。另外,相同用戶在不同的情況下也會有不同的選擇:比如在擠公交地鐵時使用、在吃飯時使用、在看電視劇時使用、閑得無聊時使用、朋友在身旁推薦時使用等等。以這種多樣化場景需求來考慮,最合理的做法應(yīng)該是為用戶提供多種注冊登錄方式,最好是手機(jī)號、郵箱、第三方登錄都有,讓用戶自己去選擇使用哪種。
進(jìn)一步分析,如果能鎖定APP的目標(biāo)用戶群體,能夠細(xì)化出突出其特點的用戶場景,可以根據(jù)其用戶特點添加或減少注冊登錄方式。比如我的APP不考慮海外用戶群體,用戶基本也沒有使用郵箱的習(xí)慣,那么就可以考慮不選擇郵箱注冊的方式。比如我的用戶大多數(shù)是大學(xué)生群體,會經(jīng)常換手機(jī)號,或者一部分還有出國的可能,那么郵箱注冊就是必要的。
業(yè)務(wù)需求
分析具體業(yè)務(wù)需求的場景會得到不同的選擇。對于一些業(yè)務(wù)模式來說用戶的手機(jī)號信息非常重要,會考慮只保留手機(jī)注冊一種方式不給用戶更多的選擇。有的產(chǎn)品考慮到開發(fā)成本和日程進(jìn)度的因素,會選擇最常用的手機(jī)號注冊方式。對于一些產(chǎn)品來說手機(jī)號不是必要的信息,可以選擇直接利用第三方賬戶登錄。
根據(jù)以上分析思路,大家可以試著思考一下這幾個問題:
- 58同城為什么沒有郵箱注冊?為什么主打QQ登錄?
- 簡書為什么加入了“豆瓣”第三方賬戶登錄?
- 印象筆記為什么只有郵箱注冊?
注冊登錄功能的設(shè)計細(xì)節(jié)
確定了設(shè)計思路之后,我們來看看設(shè)計登錄注冊功能中,在細(xì)節(jié)上要考慮哪些點。以WPS客戶端為例,我們分析一下登錄注冊功能的整個頁面流程。其中,郵件驗證成功、郵件重置密碼、郵件重置密碼成功三個頁面為利用郵件客戶端打開的Web端頁面。整個流程邏輯清晰,引導(dǎo)流程的按鈕突出醒目突出,需要用戶配合的操作都以文字形式進(jìn)行提示,用戶使用起來沒有障礙。
在流程設(shè)計中需要注意的細(xì)節(jié)
- 注意頁面跳轉(zhuǎn)后是否應(yīng)該有回退按鈕,以及點擊安卓的back鍵應(yīng)該退回到哪個頁面。不應(yīng)該退回到已經(jīng)提交完數(shù)據(jù)信息的頁面。
- 重置密碼成功后,一般應(yīng)該返回登錄頁,讓用戶輸入新密碼以便加深記憶。
- 注冊成功后,一般來說會直接登錄成功進(jìn)入APP首頁。但一些金融類對賬戶安全度要求較高的APP會在注冊成功后返回登錄頁,讓用戶重新輸入一遍密碼,以加深記憶。
- 在某些可能會產(chǎn)生異常的點(比如提交數(shù)據(jù)時服務(wù)器異常、郵件或短信未發(fā)送、響應(yīng)超時等),一定做好準(zhǔn)備,一旦發(fā)生異常給用戶合適的提示。
- 考慮到是否會存在短信驗證碼,或驗證郵件收不到的情況,這種情況能不能提供備選方案。
功能設(shè)計時要注意的細(xì)節(jié)
用戶體驗方面
- 將郵箱和手機(jī)號輸入框整合成一個,節(jié)省了空間提升了美觀性,還減少了用戶的操作步驟。
- 用戶名密碼這些必填項未輸入時,登錄按鈕為不可用狀態(tài),避免誤操作帶來的麻煩。
- 輸入框中顯示提示信息的方式進(jìn)一步釋放了畫面空間,讓整個畫面更加簡潔。但是注意輸入框和提示文字的灰度要把握好,太淺了灰難以察看。
- 畫面中核心流程按鈕突出顯示,其它按鈕最小化顯示,根據(jù)重要程度可以將顏色加以區(qū)別。
- 輸入框的獲得焦點時突出顯示,以便在多個輸入框時辨別焦點所處的位置。
- 錯誤提示直接顯示在畫面中,不以彈出對話框的形式或toast的形式實現(xiàn)。彈出對話框體驗差,toast顯示時間過短的話用戶可能沒看清。
- 畫面中的輸入框、按鈕等重要控件盡可能在彈出軟鍵盤時都顯示在屏幕上半部分,以便用戶切換、確認(rèn)等操作。
- 注冊/登錄失敗的情況,提示信息應(yīng)盡可能詳盡,是賬戶名出錯還是密碼出錯,或者是手機(jī)號已經(jīng)被注冊過了,越詳細(xì)越好。
- 輸入郵箱地址時,建議彈出自動補(bǔ)全功能,自動加入常見的郵箱后綴。
- 發(fā)送驗證郵件后,應(yīng)該給用戶詳盡的說明和操作提示,也可以加入一個按鈕跳轉(zhuǎn)到相應(yīng)的郵箱地址。
功能邏輯方面
- 發(fā)送短信前可以彈出對話框提示確認(rèn)一下手機(jī)號,這種做法可以讓用戶自行確認(rèn)一下手機(jī)號是否輸入正確,節(jié)省了用戶發(fā)錯一條短信的成本。當(dāng)然這種做法用戶體驗稍差。
- 注冊頁面考慮是否有必要加入服務(wù)條款鏈接。個人覺得沒有必要同時加入一個單選框讓用戶去選擇,因為點擊注冊按鈕就代表了同意服務(wù)條款。
- 為避免反復(fù)點擊發(fā)送多次驗證碼,點擊一次發(fā)送驗證碼按鈕后會倒計時恢復(fù)功能,一般為60秒。
安全性方面
- 密碼輸入框加入顯示/隱藏按鈕,默認(rèn)為明文顯示狀態(tài)。防止用戶輸入錯誤。
- 一般情況下不需要設(shè)計“確認(rèn)密碼”輸入框,考慮到移動設(shè)備空間有限、操作不便。但一些對密碼安全要求嚴(yán)格的應(yīng)用還是會設(shè)計“確認(rèn)密碼”功能。
- 密碼輸入錯誤過多時,考慮要不要加入驗證碼機(jī)制,以防止惡意破解密碼。
- 短信驗證環(huán)節(jié),連續(xù)驗證次數(shù)超過5次時,考慮加入驗證碼機(jī)制,以確保安全性,同時避免無謂的損失。
結(jié)論
如何選擇注冊登錄的方式
需要綜合目標(biāo)用戶的使用習(xí)慣和產(chǎn)品業(yè)務(wù)需求兩方面考慮。對于用戶來說最合理的辦法是提供多種可選的注冊方式,給用戶多樣化的選擇。但考慮到業(yè)務(wù)需要和開發(fā)成本等因素,根據(jù)業(yè)務(wù)需要和目標(biāo)用戶習(xí)慣可以篩選最適合的注冊方式。
如何選擇注冊登錄的時機(jī):
除以下幾種情況,建議先讓用戶使用再注冊。
- ?軟件功能限制必須先注冊的,比如QQ、微信等社交軟件,再比如咕咚、小米運動這樣的軟件。
- 用戶有強(qiáng)烈使用意愿使用的產(chǎn)品,比如口碑非常高的、階段性的爆品、能讓用戶占到便宜的。
- 某特定業(yè)務(wù)原因需要優(yōu)先注冊的。
注冊登錄功能設(shè)計需注意的細(xì)節(jié):
在確保流程設(shè)計完整的前提下,保證用戶體驗、功能邏輯、安全性盡可能設(shè)計完美。
作者:周博文(微信號:pmzhoubw,公眾號:MobileGuideline) 中云普華產(chǎn)品總監(jiān) 目前創(chuàng)業(yè)進(jìn)行中。解讀移動設(shè)計規(guī)范,分析功能設(shè)計邏輯,整理產(chǎn)品設(shè)計思路。不標(biāo)題黨、不扯故事、專心研究產(chǎn)品設(shè)計。
本文由 @周博文 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理?,未經(jīng)許可,禁止轉(zhuǎn)載。
可以問下為什么在底下wps的案例中,郵箱 和手機(jī)號的登錄注冊入口是合并在一起的么? 除了美觀問題外,還有什么其他的考慮呢?如果合并會不會造成 不同區(qū)號單模塊穩(wěn)定性的影響呢?
58同城面向藍(lán)領(lǐng),相當(dāng)一部分沒郵箱
簡書大多是寫字兒的
印象筆記大多是上班族,都要有郵箱
真的詳細(xì)
收獲很大 對照著自己剛設(shè)計完的登錄注冊頁 修改了一下細(xì)節(jié) 很棒。不過現(xiàn)在有很多登錄注冊頁 在未輸入帳號密碼之前 登錄注冊按鈕已經(jīng)是很明顯的按鈕啦 灰色的按鈕很少見了、、、、、
沒有提到驗證碼顯示規(guī)則
說的真詳細(xì),很棒!
很受益,感謝分享
“其中方式③是在APP中完成郵箱的驗證”,請問如何在APP中完成郵箱驗證呢?
??
太棒了
受益匪淺,感謝分享,但個人有一些建議:
1、干貨慢慢,但文章太長,如果拆分成兩篇是否更好?
2、對于游戲部分,個人認(rèn)為,也符合先試玩后注冊的原則,除非爆款游戲。
以上!
滿眼望去全是干貨,謝謝樓主的精彩分享
干貨滿滿,謝謝
??
分析的很全面
受益匪淺
??