起點課堂會員權益
職業體系課特權
線下行業大會特權
個人IP打造特權
30+門專項技能課
1300+專題課程
12場職場軟技能直播
12場求職輔導直播
12場專業技能直播
會員專屬社群
榮耀標識如何寫一份受程序員青睞的登錄注冊需求說明
本篇文章作者分別對PC/網頁和APP中登錄注冊的業務規則做出了詳細整理，以供大家交流學習。
可能大多數程序員不喜歡這種說明文檔的呈現形式，我！一個產品實習在老大的指導下最近整理了一下關于登錄注冊在寫需求的時候應該注意點什么，一把鼻涕一把淚碼了四千多字，終于把登錄注冊的業務規則寫了個大概，當然這不表示適用于所有的情況。
這里就將PC/網頁和APP分開來寫，其實差別也不是太大。
一、PC端/網頁
1. 注冊
1. 輸入手機號碼，手機號為11位有效數字，判斷1開頭。超過11位不能輸入；
2. 輸入圖形驗證碼，每進入頁面一次圖形驗證碼刷新一次。圖形驗證碼為4位動態大小寫字母加數字組合。點擊刷新圖形驗證碼；
3. 點擊“獲取驗證碼”，顯示60s倒計時，倒計時結束顯示重新發送，短信驗證碼有效時限為10分鐘，超過十分鐘驗證碼失效，需要重新發送短信驗證碼；
4. 點擊“獲取驗證碼”判斷手機號格式是否正確，如不正確則提示用戶“手機號格式錯誤”；
5. 點擊“獲取驗證碼”判斷手機號是否已注冊，如已注冊則提示用戶“該手機號已被注冊”；
6. 如果輸入的手機號格式正確且未注冊，圖形驗證碼錯誤則提示用戶“圖形驗證碼錯誤”同時刷新驗證碼，之前填寫的錯誤的驗證碼自動清除；
7. 輸入短信驗證碼，不能輸入中文，最多輸入6位，超過6位不能輸入；
8. 注冊協議為必勾選項，點擊注冊協議跳轉到注冊協議詳情頁面；
9. 所有必填信息填寫完整之后，立即注冊按鈕點亮，可以點擊，未填寫完整則立即注冊按鈕為灰色且點擊無效果；
10. 點擊“已有賬號請登錄”進入登錄頁面；
11. 點擊“立即注冊”判斷短信驗證碼是否超時，如超時則提示用戶“驗證碼錯誤或已失效”；
12. 點擊“立即注冊”判斷短信驗證碼是否正確，如不正確則提示用戶“驗證碼錯誤或已失效”；
13. 點擊“立即注冊”判斷注冊協議是否已勾選，如未勾選則提示用戶“請閱讀并勾選注冊協議”；
14. 圖形驗證碼每分鐘只能請求10次，超過10次則提示“請求過于頻繁，請稍后在嘗試！”每天最多能請求500次。超過500次則不能刷新圖形驗證碼；
15. 圖形驗證有效時限為10分鐘，超過10分鐘則無效；
16. 每次點擊獲取驗證碼失敗以后圖形驗證碼自動刷新，以前輸入的圖形驗證碼自動清除；
17. 短信驗證碼每個賬號每天最多只能收到5條，超過五條則不能獲取提示用戶：短信驗證碼獲取頻繁，請明天再試！
18. 所有提示均為頁面內提示欄提示，一直顯示直到用戶重新執行相應的操作，位置為每個輸入框的下方以及立即注冊按鈕的下方；
是的這個粗糙的丑到家的原型是我畫的，下面的也是的！你們盡情笑我吧！
2. 登錄
登錄分了三種情況，分別是密碼登錄、短信驗證碼登錄和掃碼登錄，一個個來說。
密碼登錄：
1. 點擊右上方二維碼進入掃碼登錄頁面；
2. 輸入用戶名/手機號，用戶名一般為郵箱或手機號，郵箱支持網易郵箱，QQ郵箱，139郵箱，手機號為11位有效數字，判斷1開頭，超過11位不能輸入；
3. 輸入已設置的登錄密碼，密碼不能為中文，最少8位，最多24位，超過24位不能繼續輸入；
4. 輸入圖形驗證碼，每進入頁面一次圖形驗證碼刷新一次。圖形驗證碼為4位動態大小寫字母加數字組合。點擊刷新圖形驗證碼；
5. 所有信息全部填寫完整之后，立即登錄按鈕點亮，可以點擊，信息未填寫完整則為灰色，點擊無效果；
6. 點擊“手機號登錄”進入手機號登錄頁面；
7. 點擊“忘記密碼”進入找回密碼頁面；
8. 點擊“免費注冊”進入注冊頁面；
9. 點擊“立即登錄”，如果用戶名格式不正確則提示“用戶名或密碼錯誤”；
10. 點擊“立即登錄”，如果用戶未注冊，則提示“該用戶名不存在！”；
11. 點擊“立即登錄”，如用戶名格式正確且已注冊，圖形驗證碼錯誤，則提示用戶“圖形驗證碼錯誤”；
12. 點擊“立即登錄”，如用戶名格式正確且已注冊，圖形驗證碼正確，密碼錯誤則提示用戶“用戶名或密碼錯誤”；
13. 同一賬號在1天內連續輸入密碼錯誤超過5次則鎖定賬號，第二天自動解鎖（自然日）鎖定賬號提示用戶：“您的賬號已被安全鎖定，請明天再次嘗試登錄！”；
14. 同一ID如果連續登錄系統密碼錯誤超過10次則鎖定賬號，第二天自動解鎖（自然日）鎖定賬號提示用戶：“您的賬號已被安全鎖定，請明天再次嘗試登錄！”（只記次數不管賬號）；
15. 圖形驗證碼每分鐘只能請求10次，超過10次則提示“請求過于頻繁，請稍后在嘗試！”每天最多能請求500次。超過500次則不能刷新圖形驗證碼；
16. 圖形驗證有效時限為10分鐘，超過十分鐘則無效；
17. 每次點擊登錄失敗以后圖形驗證碼自動刷新，以前輸入的圖形驗證碼自動消除；
18. 所有提示均為頁面內提示欄提示，一直顯示直到用戶重新執行相應的操作，位置為每個輸入框的下方以及立即登錄按鈕的下方；
19. 登錄成功進入到功能首頁。
忘記密碼：
利用短信驗證碼來驗證賬號信息修改賬戶密碼：
1. 輸入手機號，手機號為11位有效數字，判斷1開頭，超過11位不能輸入；
2. 輸入圖形驗證碼，每進入頁面一次圖形驗證碼刷新一次。圖形驗證碼為4位動態大小寫字母加數字組合。點擊刷新圖形驗證碼；
3. 點擊“獲取驗證碼”判斷手機號格式是否正確，如不正確則提示用戶“手機號格式錯誤”；
4. 點擊“獲取驗證碼”判斷手機號是否已注冊，如未注冊則提示用戶“該手機號尚未注冊”；
5. 如果輸入的手機號格式正確且已注冊，圖形驗證碼錯誤則提示用戶“圖形驗證碼錯誤”同時刷新驗證碼，之前填寫的錯誤的驗證碼自動清除；
6. 輸入短信驗證碼，不能輸入中文，最多輸入6位，超過6位不能輸入；
7. 所有必填信息填寫完整之后，下一步按鈕點亮，可以點擊，未填寫完整則下一步按鈕為灰色且點擊無效果；
8. 點擊“下一步”判斷短信驗證碼是否超時，如超時則提示用戶“驗證碼錯誤或已失效”；
9. 點擊“下一步”判斷短信驗證碼是否正確，如不正確則提示用戶“驗證碼錯誤或已失效”；
10. 點擊“下一步”短信驗證碼正確進入修改密碼頁面；
11. 輸入新密碼，密碼格式為：允許大寫字母、小寫字母、數字、特殊符號，設置的密碼必須包含其中3項，限制8-24個字符。密碼輸入超過24個字符不能輸入。所有密碼輸入默認加密處理；
12. 頁面進入時眼睛圖標默認密文展示密碼，點擊明文展示密碼，再次點擊密文展示密碼；
13. 沒輸入密碼或者輸入的密碼小于8為則確認修改按鈕為灰不能點擊，如果輸入了密碼且大于等于8位則按鈕為亮色，可以點擊；
14. 點擊確認修改判斷輸入的密碼格式是否正確，不正確則提示“密碼格式不正確”；
15. 點擊確認修改判斷成功則修改密碼成功，頁面返回到登錄頁面；
16. 圖形驗證碼每分鐘只能請求10次，超過10次則提示“請求過于頻繁，請稍后在嘗試！”每天最多能請求500次。超過500次則不能刷新圖形驗證碼；
17. 圖形驗證有效時限為10分鐘，超過10分鐘則無效；
18. 每次點擊獲取驗證碼失敗以后圖形驗證碼自動刷新，以前輸入的圖形驗證碼自動清除；
19. 短信驗證碼每個賬號每天最多只能收到5條，超過五條則不能獲取提示用戶：短信驗證碼獲取頻繁，請明天再試！
20. 所有提示均為頁面內提示欄提示，一直顯示直到用戶重新執行相應的操作，位置為每個操作對應輸入框的下方；
想到當時寫這個的時候被老大硬生生懟了三個多小時，又餓又渴又想睡覺，可把他老人家氣壞了。
短信驗證碼登錄：
1. 點擊右上方二維碼進入掃碼登錄頁面；
2. 輸入手機號，手機號為11位有效數字，判斷1開頭，超過11位不能輸入；
3. 輸入圖形驗證碼，每進入頁面一次圖形驗證碼刷新一次。圖形驗證碼為4位動態大小寫字母加數字組合。點擊刷新圖形驗證碼；
4. 點擊“獲取驗證碼”判斷手機號格式是否正確，如不正確則提示用戶“手機號格式錯誤”；
5. 點擊“獲取驗證碼”判斷手機號是否已注冊，如未注冊則默認走注冊流程；
6. 如果輸入的手機號格式正確且已注冊，圖形驗證碼錯誤則提示用戶“圖形驗證碼錯誤”同時刷新驗證碼，之前填寫的錯誤的驗證碼自動清除；
7. 輸入短信驗證碼，不能輸入中文，最多輸入6位，超過6位不能輸入；
8. 所有必填信息填寫完整之后，立即登錄按鈕點亮，可以點擊，未填寫完整則立即登錄按鈕為灰色且點擊無效果；
9. 點擊“賬戶名登錄”進入賬戶密碼登錄頁面；
10. 點擊“立即登錄”判斷短信驗證碼是否超時，如超時則提示用戶“驗證碼錯誤或已失效”；
11. 點擊“立即登錄”判斷短信驗證碼是否正確，如不正確則提示用戶“驗證碼錯誤或已失效”；
12. 圖形驗證碼每分鐘只能請求10次，超過10次則提示“請求過于頻繁，請稍后在嘗試！”每天最多能請求500次。超過500次則不能刷新圖形驗證碼；
13. 圖形驗證有效時限為10分鐘，超過10分鐘則無效；
14. 每次點擊獲取驗證碼失敗以后圖形驗證碼自動刷新，以前輸入的圖形驗證碼自動清除；
15. 短信驗證碼每個賬號每天最多只能收到5條，超過五條則不能獲取提示用戶：短信驗證碼獲取頻繁，請明天再試！
16. 所有提示均為頁面內提示欄提示，一直顯示直到用戶重新執行相應的操作，位置為每個操作對應輸入框的下方。
掃碼登錄：
1. 點擊右上角電腦圖標進入到賬號密碼登錄頁面；
2. 打開對應的APP掃描二維碼即可授權登錄；
3. 點擊“驗證碼登錄”進入到短信驗證碼登錄頁面；
4. 點擊“免費注冊”進入到注冊頁面；
二、APP端
1. 登錄
找的網圖，想把這種類型的登錄業務規則梳理一下，首次下載進行登錄時，沒有返回按鈕。
以手機號作為賬號登錄為例，忽略上面的郵箱賬號。
1. 輸入手機號，11位有效數字，以1開頭，超過11位不能輸入；
2. 輸入登錄密碼，密碼不能為中文，最少6位，最多16位，超過16位不能繼續輸入；
3. 手機號和密碼填寫完整之后，登錄按鈕點亮，可以點擊，未填寫完整則按鈕為灰色且點擊無效果；
4. 點擊登錄判斷手機號格式是否正確，不正確則提示用戶“請輸入正確的手機號”；
5. 點擊登錄判斷手機號是否已注冊，如未注冊則提示用戶“該手機號尚未注冊”；
6. 手機號格式正確且已注冊，密碼錯誤則提示用戶“賬號或密碼錯誤，請輸入正確的賬號或密碼”；
7. 點擊登錄成功則進入APP功能頁面；
8. 點擊“忘記密碼”進入密碼找回頁面；
9. 點擊“現在注冊”進入到注冊頁面；
10. 點擊QQ圖標進入QQ授權登錄頁面；
11. 點擊微信圖標進入微信授權登錄頁面；
12. 點擊微博圖標進入微博授權登錄頁面。
2. 注冊
1. 點擊返回按鈕返回到登錄頁面；
2. 輸入手機號碼，手機號碼為11位有效數字，判斷以1開頭，超過11位不能輸入；
3. 點擊“發送驗證碼”顯示60s倒計時，倒計時結束顯示“重新發送”；
4. 輸入短信驗證碼，不能輸入中文，最多輸入6位，超過6位不能輸入；
5. 輸入登錄密碼，密碼格式為（以上圖為例）：6-16位數字字母組合密碼，最少6位，最多16位，超過16位不能輸入；
6. 所有信息填寫完整且登錄密碼不少于6位，立即注冊按鈕點亮可以點擊，否則按鈕為灰色點擊無效果；
7. 點擊用戶協議進入到協議詳情頁面；
8. 點擊“發送驗證碼”判斷手機號格式是否正確，如不正確則提示用戶“請輸入正確的手機號”；
9. 點擊“發送驗證碼”判斷手機號是否已注冊，如已注冊則提示用戶“該手機號已被注冊”；
10. 點擊“立即注冊”判斷驗證碼是否超時，如超時則提示用戶“驗證碼錯誤或已失效”；
11. 手機號格式正確且未注冊，驗證碼未超時且正確，登錄密碼格式不正確則提示用戶“請輸入6-16位數字字母組合密碼”；
12. 手機號格式正確且未注冊，驗證碼未超時且正確，登錄密碼格式正確則進入到登錄頁面；
13. 短信驗證碼有效時限為10分鐘，超過十分鐘則無效，需要重新發送短信驗證碼；
14. 短信驗證碼每個賬號每天最多只能收到5條，超過五條則不能獲取提示用戶：短信驗證碼獲取頻繁，請明天再試！
15. 所有提示均為TOAST提示，提示時長為1s，位置為密碼輸入框和注冊按鈕的中間。
3. 忘記密碼
忘記密碼沒找到合適的網圖，我就自己畫了個簡易版的，不準笑！
1. 點擊返回按鈕返回到登錄頁面；
2. 輸入手機號碼，手機號為11位有效數字，判斷1開頭。超過11位不能輸入；
3. 圖形驗證碼，進入頁面顯示新的圖形驗證碼。圖形驗證碼為4位動態大小寫字母加數字組合。點擊刷新圖形驗證碼；
4. 輸入圖形驗證碼，只能輸入字母和數字。最多輸入4位，超過4位不能輸入；
5. 點擊“獲取驗證碼”顯示60s倒計時，倒計時結束顯示“重新發送”；
6. 輸入短信驗證碼，不能輸入中文，最多輸入6位，超過6位不能輸入；
7. 所有的輸入全部輸入完成繼續按鈕為亮色，可以點擊。有輸入未完成則繼續按鈕為灰色點擊無效果；
8. 點擊獲取驗證碼如果輸入的手機號格式不正確，則提示用戶“請輸入正確格式的手機號”；
9. 點擊獲取驗證碼如果輸入的手機號未注冊，則提示用戶“該手機號尚未注冊”；
10. 點擊獲取驗證碼如果輸入的手機號正確且已注冊，圖形驗證碼錯誤，則提示用戶“請輸入正確的圖形驗證碼”；
11. 點擊繼續判斷驗證碼是否超時，如已超時則提示用戶“驗證碼錯誤或已失效”；
12. 點擊繼續判斷驗證碼是否正確，不正確則提示用戶“驗證碼錯誤或已失效”；
13. 圖形驗證碼每分鐘只能請求10次，超過10次則提示“請求過于頻繁，請稍后在嘗試！”每天最多能請求500次。超過500次則不能刷新圖形驗證碼；
14. 短信驗證碼有效時限為10分鐘，超過十分鐘則無效，需要重新獲取短信驗證碼；
15. 每次點擊獲取驗證碼失敗以后圖形驗證碼自動刷新，以前輸入的圖形驗證碼自動消除；
16. 所有的提示為TOS提示，顯示時長為1S。位置為繼續按鈕和驗證碼輸入框的中間；
17. 驗證成功點擊繼續進入設置密碼頁面。
1. 點擊返回按鈕返回到找回密碼頁面（即短信驗證碼頁面）；
2. 輸入密碼，密碼格式為：6-16位字母數字組合。密碼輸入超過16位不能輸入。所有密碼輸入默認無需加密處理，直接明文展示，可點擊眼睛圖標切換密文展示；
3. 沒輸入密碼或者輸入的密碼小于6位則確定修改按鈕為灰不能點擊，如果輸入了密碼且大于等于6位則按鈕為亮色，可以點擊；
4. 點擊繼續判斷輸入的密碼格式是否正確，不正確則提示“請輸入6-16位字母數字組合密碼”；
5. 點擊確認修改判斷成功則修改密碼成功，頁面返回到登錄頁面。
其實也有很多的登錄注冊形式我沒有寫到，我只是以這種類型為例子寫了一下，大家以后可以自由發揮，我也是在學習過程中，歡迎各路大牛批評指正，小生感激不盡，必將受用終生！
臨表涕零，不知所言！
看我碼字這么辛苦又這么可愛的份兒上，點個贊我一定會開心到爆炸！
么~
最后臭不要臉一下，如果你覺得我還不錯，不妨關注我一下，反正又不會掉塊肉嚶嚶嚶……
以上。
本文由 @楊思夢夢 原創發布于人人都是產品經理。未經許可，禁止轉載
題圖來自Unsplash，基于CC0協議
這就是產品經理三天做一個登錄的理由？
學習了
作為一個程序員，還是第一次看到這么清晰明確的需求文檔。需求越明確，開發質量越高，進度就越快。
很多人說開發不看…不理解，不看這個他們根據自己的想法設定驗證碼規則？自己隨便設置字符限制方式？不看文檔是怎么做到的？這些字標原型圖上難道字就少了嗎？
沒有營養
需求說明這個詞本身就不明確，如果是需求，就不應該用原型，如果是原型說明在原型中標明就好。根本問題是到底什么是需求?很多產品人都在用原型圖的方式表達需求，但是原型只是一種解決方案的表達，但如果表達錯了，后面就全錯了。需求是目的，先要把目的搞清楚，才會有解決方案，也就是原型。而且原型也只是給前端工程師看的，后臺工程師要看的是需求。
?? 謝謝哦
好啦各位程序猿大牛們我知道你們不喜歡看這種又臭又長的文檔，我人笨還不能給我一個學習的空間嘛??
畢竟還是個學生
所以要不斷學習
這篇文章是來秀恩愛的嗎？你老大懟了你三個小時，我天。是有多閑得慌
這篇文章是來秀恩愛的嗎？你老大懟了你三個小時，我天。是有多閑得慌。
秀恩愛這三個字可不能亂用謝謝
程序表示不想看，直接標注在原型上
開發妹子會說：“字字太多，不想看，你念給我聽好不好~”
開發漢子會說：“啊，原來是這樣，當時我摟了一眼，以為是那樣，下版改吧~”
字太多了，沒人會看的。 ??
真實
我給技術這個文檔，我估計技術得崩潰。
碼農：青睞？強行青睞？勞資只想說太長不看。這那么多case為啥不標注在原型圖旁邊？
當然也可以啦，我這也是自己學習想總結一下就以文檔的形式，因為文檔來更新版本的話會比較方便
圖形驗證碼的500次限制邏輯不清晰，通過什么來判斷同一用戶的500次請求？
這個我要問一下我老大，謝謝哦
寫思維導圖會很清晰點嗎？
emmm可能也有這種形式的，當然什么方式適合自己就用什么方法唄
我只說考慮的太少了。
是的呢 這并不全面
點擊“立即注冊”，提示注冊失敗后的情況沒有說明哦
這個我只考慮到手機號已被注冊的話就默認注冊失敗了，其他注冊失敗的情況我還沒考慮到，嘻嘻嘻，求指點
點擊“已有賬號請登錄”進入登錄頁面；
“已有賬號”也能點擊嗎？
不能哦
輸入短信驗證碼，不能輸入中文，最多輸入6位，超過6位不能輸入；
支持英文？如果支持的話區別大小寫？
可能我說的方式有問題，這個意思就是限制不能輸入中文，其他數字啊字母都支持，字母也不區分大小寫
也只有大廠碼農才會來看說明書…沒事請用圖說明
我們公司也看（ ?? ），對這種說明文檔有莫名的執念（ ?? ）
1.手機號碼驗證不僅僅是1開頭就行，還需要三大運營商已開放的前三位號段驗證
2.輸入驗證碼只支持數字，其他類型字符均不支持，不僅是中文
3.網絡異常、頁面返回再重新進入等情況未考慮
另外網頁版注冊獲取驗證碼前都需要有一個防刷驗證
這個只是針對我們公司業務的啦，沒有那么全面，指導的是，感謝，安全問題和網絡異常是我欠考慮了 ??
我也是大四女生，之前實習的是開發崗位，現在想轉產品不知道可不可以 ?
可以的，我也是研發轉產品，這不是劣勢而是優勢。
好巧，我也是?？梢约觽€微信一起學習？zhongct209 ??
哇真羨慕你們技術出身嘻嘻嘻