淺談APP注冊(cè)登錄設(shè)計(jì)

34 評(píng)論 47942 瀏覽 569 收藏 7 分鐘

記得校招面試去哪兒網(wǎng)的時(shí)候,有一個(gè)面試官問我易丟丟的注冊(cè)登錄流程可以怎么優(yōu)化,當(dāng)時(shí)并沒有刻意的去思考,也沒有想太多,就直接說(shuō)“不設(shè)置密碼,直接短信驗(yàn)證碼登錄”。但這種方式明顯沒有經(jīng)過大腦的思考,沒有什么意義。

因?yàn)樽罱陧?xiàng)目上剛好遇到了關(guān)于注冊(cè)登錄的問題,所以,就在這里跟大家談一談個(gè)人的設(shè)計(jì)思路。

首先,站在用戶的角度,肯定是不希望登錄就可以完成既定的動(dòng)作。對(duì)于平臺(tái)來(lái)說(shuō),很多時(shí)候,只需要校驗(yàn)用戶的手機(jī)號(hào)。因此,我們可以在用戶操作的過程中加入手機(jī)號(hào)校驗(yàn)的步驟,然后自動(dòng)生成賬戶即可(這里在生成賬戶的過程中,不需要生成隨機(jī)密碼,可參考美團(tuán),在文末會(huì)具體解釋一下)。這樣,用戶就會(huì)很容易接受,因?yàn)檫@是操作流程中的一項(xiàng)必要信息,而不會(huì)像是討厭那種惡心的注冊(cè)流程一樣。

11

其中,在用戶不登錄的情況下,個(gè)人賬戶對(duì)用戶是不可見的。但當(dāng)用戶再次遇到不可多次操作或者比較繁瑣的操作時(shí)(比如實(shí)名認(rèn)證提交信息的過程,或者申請(qǐng)貸款需要填寫的大量的個(gè)人信息),用戶輸入手機(jī)號(hào)、獲取驗(yàn)證碼的過程中,就需要判讀該賬號(hào)在之前是否操作過,如果有則提醒用戶直接登錄即可查看相應(yīng)的結(jié)果,若沒有則繼續(xù)該項(xiàng)操作。所以,在操作流程比較長(zhǎng)的情況下,建議將校驗(yàn)手機(jī)號(hào)的部分盡量設(shè)計(jì)到流程的最開始或者靠前,這樣可以及時(shí)的提醒用戶減少不必要的操作,用戶體驗(yàn)相對(duì)會(huì)比較好;若等用戶所有信息都輸入完之后,才去校驗(yàn),這對(duì)用戶來(lái)說(shuō),是很大的傷害。

上面說(shuō)的是平臺(tái)如何在用戶不登錄的情況下獲得用戶的信息,并且有效的提高了用戶體驗(yàn)。接下來(lái),就是注冊(cè)登錄的流程了。注冊(cè)登錄可以分為以下四個(gè)部分:

22

1、正常登錄

用戶只需要輸入正確的手機(jī)號(hào)和密碼,即可登錄,一步到位

44

2、已注冊(cè)但首次登錄

當(dāng)檢測(cè)到數(shù)據(jù)庫(kù)中已經(jīng)有該賬號(hào)但是還沒有密碼時(shí),說(shuō)明用戶在沒有注冊(cè)登錄的情況下有過相關(guān)的操作,并且用戶還沒有登錄過,此時(shí),直接提示用戶還沒有密碼請(qǐng)?jiān)O(shè)置密碼,并且需要校驗(yàn)手機(jī)號(hào)。

55

3、注冊(cè)

當(dāng)判斷到用戶沒有注冊(cè)時(shí),提醒用戶進(jìn)行注冊(cè)

66

4、找回密碼

當(dāng)用戶密碼輸入不正確時(shí),則提示用戶找回密碼(前提是用戶有密碼)

77

以下是完整的注冊(cè)登錄流程:

33

還有一種更便捷的情況,就是直接短信驗(yàn)證碼登錄,不需要設(shè)置密碼。這種情況目前用的也比較普遍,也就是我在開頭面試的時(shí)候提到的。雖然方便,但是這種情況也會(huì)比較麻煩,每次都需要獲取驗(yàn)證碼,特別是在短信驗(yàn)證碼發(fā)送不及時(shí)或者出問題的情況下,會(huì)讓用戶很抓狂。當(dāng)然,這種方式適用于低頻或者用戶偶爾使用一兩次,用戶量比較少的情況;但是對(duì)于需要高頻登錄使用并且用戶量比較大的情況,還是比較傳統(tǒng)的賬號(hào)密碼模式比較合適。

這里解釋一下,我為什么不愿意做驗(yàn)證碼登錄的形式。很多情況下通過手機(jī)號(hào)自動(dòng)注冊(cè)時(shí),會(huì)為用戶隨機(jī)生成一個(gè)密碼,然后通過短信的形式發(fā)送到用戶的手機(jī),這是一種解決的方式,但是對(duì)于用戶來(lái)說(shuō),還是很不爽的,因?yàn)樗枰卿浿盎〞r(shí)間去記住這個(gè)密碼,通常情況下,這種密碼是比較繁瑣的,很難一下子記住??赡軙?huì)發(fā)生這種情況,當(dāng)用戶去翻閱短信后心里默記了密碼,打開app前往登錄頁(yè)面,這時(shí)候很不爽的事情發(fā)生“密碼記混了”,因此還得退出去再瞅一眼密碼。

 

作者簡(jiǎn)介:wangbingjlu(微信公眾號(hào):wangbingjlu),互聯(lián)網(wǎng)金融產(chǎn)品從業(yè)者。2年互聯(lián)網(wǎng)互聯(lián)網(wǎng)產(chǎn)品設(shè)計(jì)經(jīng)驗(yàn),目前正是一只努力奮斗中的產(chǎn)品菜鳥。

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

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 看起來(lái)好亂,我決定寫一篇

    來(lái)自日本 回復(fù)
  2. 美團(tuán)的例子并不常見,樓主太拘泥于這一個(gè)思路了,整個(gè)流程也很空泛

    來(lái)自上海 回復(fù)
  3. 順便說(shuō)句,我負(fù)責(zé)的很多產(chǎn)品通常不用登陸可以完成所有操作。(包括了購(gòu)物型,這種做法當(dāng)然是有權(quán)衡)

    或許要說(shuō),不登陸你的用戶呢。那問題來(lái)了,以上所做的分析并沒有說(shuō)是為什么業(yè)務(wù)去服務(wù)的。金融類的安全性極高,登錄不能僅僅去思考簡(jiǎn)單方便;諸如此類飲食餐點(diǎn)類,社交類,論壇等等這些就不說(shuō)了,重點(diǎn)就是,拋開了實(shí)際業(yè)務(wù)的設(shè)計(jì),大多是架空的。

    來(lái)自廣東 回復(fù)
    1. 贊同,你說(shuō)的非常對(duì)。無(wú)論什么樣的設(shè)計(jì),都是基于業(yè)務(wù)本身的。跟你的說(shuō)法一樣,如果沒有業(yè)務(wù)的支撐,再簡(jiǎn)潔,再牛逼的設(shè)計(jì),都是架空。我這里主要針對(duì)的是C端貸款類業(yè)務(wù),這一類的主要低頻的用戶。其實(shí)我更應(yīng)該去分析每一種類型的業(yè)務(wù)(無(wú)論社交還是餐飲,論壇或者音樂、金融),根據(jù)不同業(yè)務(wù)的需求去討論

      來(lái)自北京 回復(fù)
  4. 呃呃呃,有待提高啊~~

    來(lái)自北京 回復(fù)
  5. 2、已注冊(cè)但首次登錄
    當(dāng)檢測(cè)到數(shù)據(jù)庫(kù)中已經(jīng)有該賬號(hào)但是還沒有密碼時(shí)

    這里我覺得用戶在注冊(cè)的時(shí)候肯定是需要設(shè)置密碼的,出現(xiàn)上述情況,肯定是到了設(shè)置密碼那一步,用戶離開了(APP提供了跳過、以后設(shè)置功能;或者是用戶主動(dòng)關(guān)閉了APP;或者app閃退了。)我覺得可以等用戶設(shè)置完密碼之后再增加用戶記錄,用戶依舊要從輸入手機(jī)號(hào) 獲取驗(yàn)證碼 開始,這樣邏輯上更簡(jiǎn)單

    來(lái)自山東 回復(fù)
    1. 出現(xiàn)這種可能,是因?yàn)橛脩粼谖醋?cè)和登錄的情況下有過一些操作,只需要校驗(yàn)驗(yàn)證碼,比如美團(tuán)外賣訂餐,在不登錄的情況下直接驗(yàn)證手機(jī)號(hào)下單

      來(lái)自北京 回復(fù)
    2. 如果按照你的這種情況,那用戶就直接登錄注冊(cè),就不會(huì)存在已注冊(cè)但第一次登錄的情況了

      來(lái)自北京 回復(fù)
  6. 還不錯(cuò)啊,你說(shuō)的最后一個(gè)問題很好解決。
    1、用戶獲得的隨機(jī)驗(yàn)證碼,自動(dòng)填充到輸入框中
    2、用戶第一次登錄成功后(無(wú)論以何種方式,密碼or短信驗(yàn)證碼),系統(tǒng)都默認(rèn)用戶登錄的,用戶下一次打開就默認(rèn)用戶自動(dòng)登錄

    來(lái)自安徽 回復(fù)
    1. 多種登錄方式固然是好,但是需要考慮到開發(fā)成本、團(tuán)隊(duì)以及業(yè)務(wù)上的問題

      來(lái)自北京 回復(fù)
    2. 那PC端的該怎么辦?

      來(lái)自上海 回復(fù)
    3. 目前只做了APP端的,PC端沒有內(nèi)容,不支持登錄和注冊(cè)。如果有的話,跟移動(dòng)端是一套

      來(lái)自北京 回復(fù)
  7. ? 沒理解為何注冊(cè)的時(shí)候已經(jīng)要設(shè)置登錄密碼才能獲取驗(yàn)證碼,卻還要在登錄時(shí)判斷是否為首次登錄需要設(shè)置登錄密碼?。。。。 ? 完成注冊(cè)后不是自動(dòng)就已經(jīng)有登錄密碼了嗎?。。。 ?

    來(lái)自北京 回復(fù)
    1. 在不注冊(cè)不登錄的情況下,美團(tuán)是可以訂外賣的,只需要手機(jī)號(hào)驗(yàn)證碼即可完成訂餐,這個(gè)時(shí)候就可能會(huì)出現(xiàn)沒有密碼的情況

      來(lái)自北京 回復(fù)
  8. 感謝各位大神的評(píng)論,如果有感興趣的,可以加我微信wangbingjlu,一起討論一下

    來(lái)自北京 回復(fù)
  9. 已注冊(cè)但首次登錄的這一塊,有兩點(diǎn)不太理解。
    1.第一步輸入電話號(hào)碼之后,以哪個(gè)節(jié)點(diǎn)來(lái)判斷判斷號(hào)碼已經(jīng)注冊(cè)但沒設(shè)置密碼呢?點(diǎn)擊登錄嗎?畢竟用戶會(huì)填完密碼才會(huì)點(diǎn)擊這個(gè),這樣似乎不太合理。
    2.用戶沒設(shè)置密碼的時(shí)候,顯然不會(huì)去登錄的。所以這個(gè)應(yīng)該是在注冊(cè)頁(yè)面來(lái)判斷,而非登錄頁(yè)面。

    來(lái)自上海 回復(fù)
    1. 嗯,接受建議,可以自己考慮一下,感覺邏輯有存在漏洞

      來(lái)自北京 回復(fù)
  10. 其實(shí)可以去掉首次登陸這個(gè)環(huán)節(jié)的,直接在沒有注冊(cè)之后進(jìn)入注冊(cè)頁(yè)面,減少操作流程

    來(lái)自山西 回復(fù)
    1. 嗯,這個(gè)需要再斟酌一下,總覺得會(huì)有點(diǎn)什么

      來(lái)自北京 回復(fù)
  11. 看不太清楚,簡(jiǎn)單討論兩點(diǎn)
    1.看樣子是在注冊(cè)獲取驗(yàn)證碼之前就已經(jīng)設(shè)置了密碼,完成之后自動(dòng)登錄,為什么還有‘注冊(cè)之后首次登錄’這塊;
    2.在登錄和召回密碼頁(yè)面,最好不要有‘手機(jī)號(hào)未注冊(cè)’的字樣

    來(lái)自北京 回復(fù)
    1. 此注冊(cè)非彼注冊(cè),應(yīng)該說(shuō)已有賬號(hào)但未登陸過

      來(lái)自北京 回復(fù)
    2. 五里洼兵兵,我是吳丹啦啦啦啦,看到你的文章異常異常興奮,我認(rèn)認(rèn)真真的品讀完啦,之前一直搞pc,現(xiàn)在搞搞移動(dòng)端,有幾個(gè)問題:
      (一)、你寫的這個(gè),實(shí)在什么場(chǎng)景下的注冊(cè)登錄?
      個(gè)人覺得:注冊(cè)登錄要看app處于什么發(fā)展階段、想要達(dá)到的目的、用戶想要達(dá)成的目標(biāo)、用戶的使用頻次,手機(jī)號(hào)碼注冊(cè)有利有弊,是否真的有必要獲取手機(jī)號(hào),還是歸到app的目的吧,權(quán)衡各方,再去考慮用戶注冊(cè)登錄付出的成本比較合理
      (1)、app一開始就必須登錄,再看內(nèi)容,種情況而言,一般都會(huì)授權(quán)第三方登錄,簡(jiǎn)單快捷,可以達(dá)到快速拉新的目的,再次,還要看看app的類型是什么樣的,想要獲取用戶的那些信息,如果第三方登錄就可以滿足信息,就不必要再去麻煩的注冊(cè),去獲取手機(jī)號(hào)(當(dāng)然,獲取用戶信息,挖掘用戶關(guān)系鏈很重要,但是個(gè)人覺得,如果第三方登錄滿足了需求,在app發(fā)展前期,盡量不要讓用戶有過多的操作,盡量減少用戶流失,如果是超級(jí)牛逼的軟件,那就可以放到前面,必須綁定手機(jī)號(hào)等**用戶的牛逼行為了)
      (2)如果是先讓用戶隨意看看,有需要在登錄注冊(cè),還是要看app類型和目的,是第三方授權(quán)即可還是必要獲取聯(lián)系方式,就又歸結(jié)到我說(shuō)的先看結(jié)果,目的是什么,一定要在用戶的剛需上讓用戶注冊(cè),比如,社區(qū),你可以隨意先看看,但是你要發(fā)帖,恢復(fù),你的用戶信息是必要的,這時(shí)候強(qiáng)制用戶手機(jī)號(hào)注冊(cè)用戶流失量一定會(huì)比一開始就注冊(cè)流失的少一點(diǎn)
      (二)我沒搞清楚注冊(cè)后不登錄的場(chǎng)景是什么,還要有手冊(cè)登錄,設(shè)置密碼

      哈哈哈哈,工作的時(shí)候偷偷寫的,邏輯有點(diǎn)亂,不過我覺得,初級(jí)產(chǎn)品狗,多看競(jìng)品,多思考,多總結(jié),知道自己想要達(dá)成什么目標(biāo),用戶想要達(dá)成什么目標(biāo),以結(jié)果為導(dǎo)向,至少就不會(huì)偏, 產(chǎn)品做得不同很容易,做好很難,北京滿大街都他么是產(chǎn)品狗,希望你我保持本心,有良好用戶sense和產(chǎn)品格局,成為一個(gè)好的產(chǎn)品汪

      來(lái)自北京 回復(fù)
    3. 哈哈,先回答你第一個(gè)問題吧。首先,這個(gè)應(yīng)用的場(chǎng)景非常多,比如外賣、shopping mall、貸款、O2O類的,用戶在不用登錄的情況下就可以下單,只需要驗(yàn)證手機(jī)號(hào)就可以,這樣非常簡(jiǎn)單靈活(可以參考美團(tuán)app的注冊(cè)登錄形式,他的更完善、邏輯更復(fù)雜、體驗(yàn)更好,我的美團(tuán)賬號(hào)至今都還沒有密碼)。另外,就是為什么一定要用手機(jī)號(hào)登錄了,這個(gè)主要跟業(yè)務(wù)相關(guān)。比如美團(tuán),送外賣需要聯(lián)系用戶,打電話,手機(jī)號(hào)注冊(cè)下單時(shí)就不用再驗(yàn)證了,這樣很方便。再如貸款類的或者一些理財(cái)類的app,這個(gè)需要驗(yàn)證賬號(hào)用戶的真實(shí)性,甚至需要授權(quán)查看芝麻信用或征信、進(jìn)行實(shí)名認(rèn)證等,都是需要通過電話溝通跟用戶確認(rèn)的。第三方登錄常見的會(huì)用在社交類的app,不需要實(shí)名的,這樣更能通過社交關(guān)系鏈拓展社交關(guān)系,對(duì)產(chǎn)品本身的幫助很大。采用什么樣的方式登錄,這個(gè)主要取決于業(yè)務(wù)模式,當(dāng)然三種登錄模式都做(設(shè)計(jì)、賬號(hào)、驗(yàn)證碼),這時(shí)候需要考慮其成本、復(fù)雜程度、是否授權(quán)、以及其對(duì)應(yīng)的收益情況。

      來(lái)自北京 回復(fù)
    4. **用戶說(shuō)的有點(diǎn)嚴(yán)重了哈哈,我這里討論的更多的會(huì)偏向于業(yè)務(wù)型產(chǎn)品(金融類的)。第三方的使用場(chǎng)景也會(huì)有限制的,比如說(shuō)阿里的產(chǎn)品一般不會(huì)采用qq或微信登錄,這個(gè)當(dāng)然是考慮到企業(yè)戰(zhàn)略上的問題;再比如,當(dāng)你的產(chǎn)品越來(lái)越牛的時(shí)候,而為了用戶方便,因?yàn)闃I(yè)務(wù)上用不到手機(jī)號(hào),為了降低用戶的門檻你只采用了第三方登錄;當(dāng)你的產(chǎn)品達(dá)到百萬(wàn)、千萬(wàn)甚至億級(jí)的流量,而恰恰你的產(chǎn)品的業(yè)務(wù)與qq、微信或微博有一定的競(jìng)爭(zhēng)關(guān)系,那么這些大佬們肯定會(huì)封殺你,斷了你的入口。因?yàn)檫@個(gè)時(shí)候,你的用戶已經(jīng)養(yǎng)成了第三方登錄的習(xí)慣,你再采用新的登錄方式,用戶不一定會(huì)買單,沒了入口,用戶根本就沒法登錄,那你的產(chǎn)品就….

      來(lái)自北京 回復(fù)
    5. ?? 哈哈哈哈,所以說(shuō)目的不同,決定獲取用戶哪些信息也是不同的 其實(shí)我一直不太理解美團(tuán)外賣為啥子要搞成那個(gè)樣子,就是因?yàn)樗菢幼?,我覺得太難過了,所以放棄了他,轉(zhuǎn)戰(zhàn)百度,雖然一次性的密碼解決了使用者在密碼的記憶與保存上的困難性,安全系數(shù)也更高,但是勞資所有密碼都是一個(gè)呀 ? 外賣的使用頻率又那么高,所以覺得他麻煩

      來(lái)自北京 回復(fù)
    6. 我很喜歡美團(tuán)哦哦 ?? ?? ??

      來(lái)自北京 回復(fù)
    7. 第二個(gè)問題,沒有密碼這個(gè)場(chǎng)景很常見嘛。用戶下單之前是沒有注冊(cè)的,下單時(shí)只是通過手機(jī)號(hào),獲取了驗(yàn)證碼,然后下單成功。這時(shí)候,數(shù)據(jù)庫(kù)里已經(jīng)有該用戶的賬號(hào)了,且他的訂單信息都對(duì)應(yīng)于此賬號(hào)。沒有登錄個(gè)人的訂單信息是不可見的,所以用戶下次需要登錄才能查看個(gè)人信息。但是當(dāng)用戶登錄時(shí),卻沒有密碼,但是庫(kù)里已經(jīng)有他的賬號(hào)了,所以也不能讓他重新注冊(cè)。所以就會(huì)存在已注冊(cè)沒有密碼的情況了

      來(lái)自北京 回復(fù)
    8. 寫的有點(diǎn)亂哈,都加油,回學(xué)校了可以好好聊聊哈。

      來(lái)自北京 回復(fù)
  12. 看不到字啊,能發(fā)清晰些的截圖嗎。
    或者發(fā)個(gè)源文件吧 ?? 好人一生平安1616540616@qq.com

    來(lái)自廣東 回復(fù)
    1. OK

      來(lái)自北京 回復(fù)
    2. 哈嘍,不知道你能不能看到,你給的郵箱應(yīng)該是無(wú)效的。我剛剛看到之前給你發(fā)的郵件沒發(fā)出去,所以想起來(lái)給你回一句。如果需要的話,我可以重新給你發(fā)

      來(lái)自北京 回復(fù)
  13. 求助,lz用什么軟件畫的圖?

    來(lái)自北京 回復(fù)
    1. 目測(cè)visio

      來(lái)自浙江 回復(fù)
    2. axure

      來(lái)自北京 回復(fù)