前段時間有幸看到純銀大大微博發(fā)出的一份產(chǎn)品經(jīng)理入門指南，通過學(xué)習(xí)模仿產(chǎn)品的各個組件來了解并獲得產(chǎn)品感。

對比十款知名產(chǎn)品之后，個人感覺抖音的注冊登錄流程體驗不錯，故選擇抖音的注冊登錄流程作原型及需求文檔的還原。以學(xué)習(xí)為目的，故僅加入了功能需求模塊，有不足之處還請各位不吝賜教。

一、 功能結(jié)構(gòu)及業(yè)務(wù)流程圖

偷個懶略了。

二、 功能需求

1. 手機號注冊登錄頁

觸發(fā)入口：

用戶在使用抖音個人賬戶相關(guān)功能時（關(guān)注、消息、我、上傳、點贊、+關(guān)注、評論、轉(zhuǎn)發(fā)），觸發(fā)跳轉(zhuǎn)至注冊登錄頁。

需求及交互說明：

1. 用戶通過輸入手機號，獲取驗證碼并輸入驗證碼，系統(tǒng)通過識別賬號是否已注冊。若已注冊則登錄完成，跳轉(zhuǎn)至登錄狀態(tài)前的頁面，未注冊則進(jìn)行注冊流程，跳轉(zhuǎn)至完善個人資料頁面。
2. 點擊輸入手機號碼框，彈出數(shù)字鍵盤，只支持?jǐn)?shù)字輸入。
3. 自動間隔（我不知道規(guī)則是什么…正確號碼會是344的分布）。
4. 號碼框輸入數(shù)字后，切換掉其他登錄方式入口，由圖3.1.1變?yōu)?.1.2。
5. 號碼輸入是11位時，判斷號碼輸入正確，獲取驗證碼按鈕高亮可選，其他情況皆灰掉不可選（抖音這個對號碼是否正確判斷不夠呀）。
6. 發(fā)送驗證碼后，獲取驗證碼按鈕不可選，并有60s倒計時，倒計時結(jié)束變?yōu)椤爸匦掳l(fā)送”。
7. 若20s（具體時間不清楚）沒有填寫驗證碼，系統(tǒng)判斷用戶接收驗證碼有誤，下方彈出“獲取語音驗證碼”，如圖3.1.3。
8. 60s未完成登錄，下方彈出“登錄遇到問題？”，如圖3.1.3。
9. 點擊輸入驗證碼框，彈出數(shù)字鍵盤，并不支持其他符號輸入。
10. 4位數(shù)字驗證碼輸入，下方的√高亮可選，進(jìn)入下一步操作，其他情況下灰色不可選。

異常情況：

1. 驗證碼錯誤，提示“驗證碼錯誤，請重試”；
2. 驗證碼過期（應(yīng)該有一個規(guī)則），提示“驗證碼過期，請重試”；
3. X分鐘內(nèi)多次發(fā)送驗證碼，判斷為發(fā)送驗證碼頻繁（不知道具體時間），提示“驗證碼發(fā)送太頻繁，請稍后再試”；
4. “請勾選用戶協(xié)議”。

2. 完善資料頁

觸發(fā)入口：

未注冊過號碼經(jīng)過正確的驗證過程后，自動跳轉(zhuǎn)至完善資料頁面。

需求說明：

1. 未注冊的用戶在這里進(jìn)行個人資料完善，包括頭像、昵稱、出生日期、性別，可跳過，在產(chǎn)品使用過程中補充個人資料。
2. 頭像，本地相冊上傳及拍攝兩個方式。選擇本地相冊上傳，調(diào)用相冊時自動篩掉短視頻（這個在體驗過程中沒有注意到），拍攝可調(diào)用系統(tǒng)相機及第三方拍攝產(chǎn)品，拍攝完畢進(jìn)行圓形頭像裁剪（尺寸）。
3. 昵稱，彈出常用輸入鍵盤，支持漢字、數(shù)字、英文（等等），限制昵稱最長14字符，漢字、數(shù)字、英文字母、中英文符號均算1字符（這個規(guī)則不清楚…），輸入過長自動取前14個字符。
4. 出生日期，設(shè)置年月日滾輪，最新日期設(shè)置為用戶注冊當(dāng)天年月日，用戶通過滾動選擇日期。
5. 性別，兩個選項，選擇確定。
6. 全部設(shè)置完成后，下方的“√”高亮可選，跳轉(zhuǎn)至觸發(fā)注冊前的頁面，其他情況灰色不可選。

3. 密碼登錄及找回密碼

觸發(fā)入口：

如圖3.1.1，3.1.2，3.1.3，在驗證碼登錄頁，用戶點擊右上方“密碼登錄”按鈕，跳轉(zhuǎn)至密碼登錄頁。若沒有設(shè)置賬號密碼，或忘記密碼點擊找回密碼，則跳轉(zhuǎn)至找回密碼頁，通過短信驗證碼設(shè)置新密碼。

需求說明：

1. 用戶通過此頁面進(jìn)行賬號密碼登錄，并可以通過找回密碼來重置新密碼。
2. 跳轉(zhuǎn)至密碼登錄頁，光標(biāo)自動聚焦到輸入手機號碼框，并彈出數(shù)字鍵盤。
3. 該欄只允許輸入數(shù)字，且號碼自動間隔（344）。
4. 輸入賬號密碼，彈出英文鍵盤（我是小米手機，自動彈出了小米安全鍵盤，英文+數(shù)字）。
5. 輸入密碼，下方“√”高亮可選，登錄完成跳轉(zhuǎn)至觸發(fā)登錄前的頁面。（這里抖音沒有對手機號碼及密碼格式進(jìn)行檢測，甚至10位數(shù)字+任意一位密碼都可以觸發(fā)下一步）。
6. 輸入11位手機號碼（數(shù)字），“找回密碼”按鈕高亮可選，其他情況不可選。
7. 跳轉(zhuǎn)至找回密碼頁，光標(biāo)自動聚焦到輸入驗證碼欄并彈出數(shù)字鍵盤，系統(tǒng)自動發(fā)送驗證碼，發(fā)送驗證碼欄開始60s倒計時并不可選，倒計時結(jié)束顯示“重新發(fā)送”，可選。
8. 倒計時20s左右（時間不確定），下方彈出“獲取語音驗證碼”。
9. 設(shè)置新密碼，8-20位，至少包含**/**/**2種組合，數(shù)字、字母、中英文字符均算一位，超過20位無法輸入，并提示“密碼8-20位，至少包含**/**/**2種組合”。
10. 設(shè)置完成，下方“右箭頭”高亮可選，無誤則“找回密碼”操作完成，跳轉(zhuǎn)至觸發(fā)登錄操作前的頁面。

異常情況：

1. 手機號格式錯誤，提示“手機號碼格式錯誤”，（兩次不一樣，還有一次“賬號或密碼錯誤”）。
2. 號碼或密碼錯誤，提示“賬號或密碼錯誤”，并在彈出框里給出選項“找回密碼”。
3. 該賬戶未設(shè)置登錄密碼，提示“賬號或密碼錯誤”，同上。
4. 驗證碼錯誤，提示“驗證碼錯誤，請重試”。
5. 驗證碼過期（應(yīng)該有一個規(guī)則），提示“驗證碼過期，請重試”。
6. X分鐘內(nèi)多次發(fā)送驗證碼，判斷為發(fā)送驗證碼頻繁（不知道具體時間），提示“驗證碼發(fā)送太頻繁，請稍后再試”。
7. 密碼設(shè)置不足8位，下方“右箭頭”灰色無法選中。
8. 密碼為純數(shù)字/字母/符號，提示“密碼8-20位，至少包含**/**/**2種組合”。

4. 第三方登錄及手機號碼綁定

觸發(fā)入口：

如圖3.1.1，用戶在注冊登錄頁點擊下方“使用其他方式登錄”，可選擇頭條、QQ、微信、微博四種第三方賬號進(jìn)行登錄，后跳轉(zhuǎn)至第三方平臺進(jìn)行賬號授權(quán)。已登錄賬號直接進(jìn)入授權(quán)階段，未登錄需要先登錄賬號，授權(quán)完畢跳轉(zhuǎn)至抖音登錄頁面進(jìn)行手機號綁定操作。（QQ微信因為眾所周知的原因被限制使用登錄抖音，抖音會提示。）

需求說明：

1. 用戶通過第三方登錄獲取第三方賬戶的個人資料，建立新賬戶，可選擇綁定手機號來確保用戶賬號的唯一性。
2. 用戶選擇第三方平臺登錄后，喚醒該平臺并進(jìn)入授權(quán)操作，授權(quán)完成后獲得第三方的個人資料，包括昵稱、頭像等，并建立新賬戶。
3. 第三方授權(quán)完成后跳轉(zhuǎn)至手機綁定頁，可跳過，光標(biāo)自動聚焦在輸入手機號碼框內(nèi)，并自動彈出數(shù)字鍵盤，只允許輸入數(shù)字。
4. 號碼自動間隔（正確號碼344分隔）。
5. 輸入11位數(shù)字，下方“右箭頭”高亮可選，點擊進(jìn)入下一步操作，其他情況灰色不可選。
6. 跳轉(zhuǎn)至驗證碼頁后，系統(tǒng)自動發(fā)送驗證碼，自動彈出數(shù)字鍵盤，只允許輸入數(shù)字。
7. 發(fā)送驗證碼后，右方按鈕進(jìn)行60s倒計時，灰色不可選，倒計時結(jié)束顯示“重新發(fā)送”，可選進(jìn)行重新發(fā)送操作。
8. 設(shè)置密碼，彈出英文鍵盤，8-20位，至少包含**/**/**2種組合，數(shù)字、字母、中英文字符均算一位，超過20位無法輸入，并提示“密碼8-20位，至少包含**/**/**2種組合”。
9. 設(shè)置完成，下方“右箭頭”高亮可選，點擊完成綁定手機號操作，跳轉(zhuǎn)至進(jìn)入登錄頁面前的頁面。

異常情況：

1. 驗證碼錯誤，提示“驗證碼錯誤，請重試”。
2. 驗證碼過期（應(yīng)該有一個規(guī)則），提示“驗證碼過期，請重試”。
3. X分鐘內(nèi)多次發(fā)送驗證碼，判斷為發(fā)送驗證碼頻繁（不知道具體時間），提示“驗證碼發(fā)送太頻繁，請稍后再試”。
4. 密碼設(shè)置不足8位，下方“右箭頭”灰色無法選中。
5. 密碼為純數(shù)字/字母/符號，提示“密碼8-20位，至少包含**/**/**2種組合”。
6. 若手機號碼已綁定其他賬戶，提示“綁定失敗”，并給出解決方案“換個手機號試試”和“查看詳情”。

三、 其他

在還原流程的過程中，還有其他一些點需要做一下記錄：

• 手機號碼格式驗證不足：除了在密碼登錄進(jìn)行下一步操作時收到了提示，其余情況均無提示，11位數(shù)字即可進(jìn)入下一步操作，是否是抖音團(tuán)隊考慮到了用戶較少輸入錯號碼，且在沒有收到驗證碼的情況下會迅速發(fā)現(xiàn)這些問題；
• 密碼登錄功能：除了第三方登錄在綁定手機號時會強行設(shè)置登錄密碼，在其他注冊環(huán)節(jié)，使用過程中，包括第三方登錄跳過手機號綁定，都不會觸發(fā)提示設(shè)置登錄密碼。設(shè)置登錄密碼在“我-更多-設(shè)置-賬號與安全-抖音密碼”，四級列表中，用戶基本不會發(fā)現(xiàn)。在有了語音驗證碼應(yīng)對收不到短信驗證碼的情況下，密碼登錄功能顯得雞肋；
• 第三方登錄：這應(yīng)該是一個用戶體驗和賬戶信息之間的抉擇，若沒有綁定手機號，會出現(xiàn)過多通過第三方登錄形成的賬戶，拖累系統(tǒng)并影響信息收集。

抖音在注冊登錄流程中諸多細(xì)節(jié)做得太好了，第一次體驗，獲益良多。

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

題圖來自網(wǎng)絡(luò)。