起點(diǎn)課堂會(huì)員權(quán)益
職業(yè)體系課特權(quán)
線下行業(yè)大會(huì)特權(quán)
個(gè)人IP打造特權(quán)
30+門專項(xiàng)技能課
1300+專題課程
12場(chǎng)職場(chǎng)軟技能直播
12場(chǎng)求職輔導(dǎo)直播
12場(chǎng)專業(yè)技能直播
會(huì)員專屬社群
榮耀標(biāo)識(shí)淺談APP注冊(cè)登錄設(shè)計(jì)
記得校招面試去哪兒網(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è)流程一樣。
其中，在用戶不登錄的情況下，個(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è)部分：
1、正常登錄
用戶只需要輸入正確的手機(jī)號(hào)和密碼，即可登錄，一步到位
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)。
3、注冊(cè)
當(dāng)判斷到用戶沒有注冊(cè)時(shí)，提醒用戶進(jìn)行注冊(cè)
4、找回密碼
當(dāng)用戶密碼輸入不正確時(shí)，則提示用戶找回密碼（前提是用戶有密碼）
以下是完整的注冊(cè)登錄流程：
還有一種更便捷的情況，就是直接短信驗(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)載。
看起來(lái)好亂，我決定寫一篇
美團(tuán)的例子并不常見，樓主太拘泥于這一個(gè)思路了，整個(gè)流程也很空泛
順便說(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ì)，大多是架空的。
贊同，你說(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ù)的需求去討論
呃呃呃，有待提高啊~~
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)單
出現(xiàn)這種可能，是因?yàn)橛脩粼谖醋?cè)和登錄的情況下有過一些操作，只需要校驗(yàn)驗(yàn)證碼，比如美團(tuán)外賣訂餐，在不登錄的情況下直接驗(yàn)證手機(jī)號(hào)下單
如果按照你的這種情況，那用戶就直接登錄注冊(cè)，就不會(huì)存在已注冊(cè)但第一次登錄的情況了
還不錯(cuò)啊，你說(shuō)的最后一個(gè)問題很好解決。
1、用戶獲得的隨機(jī)驗(yàn)證碼，自動(dòng)填充到輸入框中
2、用戶第一次登錄成功后（無(wú)論以何種方式，密碼or短信驗(yàn)證碼），系統(tǒng)都默認(rèn)用戶登錄的，用戶下一次打開就默認(rèn)用戶自動(dòng)登錄
多種登錄方式固然是好，但是需要考慮到開發(fā)成本、團(tuán)隊(duì)以及業(yè)務(wù)上的問題
那PC端的該怎么辦？
目前只做了APP端的，PC端沒有內(nèi)容，不支持登錄和注冊(cè)。如果有的話，跟移動(dòng)端是一套
? 沒理解為何注冊(cè)的時(shí)候已經(jīng)要設(shè)置登錄密碼才能獲取驗(yàn)證碼，卻還要在登錄時(shí)判斷是否為首次登錄需要設(shè)置登錄密碼？。。。。 ? 完成注冊(cè)后不是自動(dòng)就已經(jīng)有登錄密碼了嗎？。。。 ?
在不注冊(cè)不登錄的情況下，美團(tuán)是可以訂外賣的，只需要手機(jī)號(hào)驗(yàn)證碼即可完成訂餐，這個(gè)時(shí)候就可能會(huì)出現(xiàn)沒有密碼的情況
感謝各位大神的評(píng)論，如果有感興趣的，可以加我微信wangbingjlu,一起討論一下
已注冊(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è)面。
嗯，接受建議，可以自己考慮一下，感覺邏輯有存在漏洞
其實(shí)可以去掉首次登陸這個(gè)環(huán)節(jié)的，直接在沒有注冊(cè)之后進(jìn)入注冊(cè)頁(yè)面，減少操作流程
嗯，這個(gè)需要再斟酌一下，總覺得會(huì)有點(diǎn)什么
看不太清楚，簡(jiǎn)單討論兩點(diǎn)
1.看樣子是在注冊(cè)獲取驗(yàn)證碼之前就已經(jīng)設(shè)置了密碼，完成之后自動(dòng)登錄，為什么還有‘注冊(cè)之后首次登錄’這塊；
2.在登錄和召回密碼頁(yè)面，最好不要有‘手機(jī)號(hào)未注冊(cè)’的字樣
此注冊(cè)非彼注冊(cè)，應(yīng)該說(shuō)已有賬號(hào)但未登陸過
五里洼兵兵，我是吳丹啦啦啦啦，看到你的文章異常異常興奮，我認(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)品汪
哈哈，先回答你第一個(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)的收益情況。
**用戶說(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)品就….
?? 哈哈哈哈，所以說(shuō)目的不同，決定獲取用戶哪些信息也是不同的 其實(shí)我一直不太理解美團(tuán)外賣為啥子要搞成那個(gè)樣子，就是因?yàn)樗菢幼?，我覺得太難過了，所以放棄了他，轉(zhuǎn)戰(zhàn)百度，雖然一次性的密碼解決了使用者在密碼的記憶與保存上的困難性，安全系數(shù)也更高，但是勞資所有密碼都是一個(gè)呀 ? 外賣的使用頻率又那么高，所以覺得他麻煩
我很喜歡美團(tuán)哦哦 ?? ?? ??
第二個(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è)沒有密碼的情況了
寫的有點(diǎn)亂哈，都加油，回學(xué)校了可以好好聊聊哈。
看不到字啊，能發(fā)清晰些的截圖嗎。
或者發(fā)個(gè)源文件吧 ?? 好人一生平安1616540616@qq.com
OK
哈嘍，不知道你能不能看到，你給的郵箱應(yīng)該是無(wú)效的。我剛剛看到之前給你發(fā)的郵件沒發(fā)出去，所以想起來(lái)給你回一句。如果需要的話，我可以重新給你發(fā)
求助，lz用什么軟件畫的圖？
目測(cè)visio
axure