這裡是修真院pm小課堂，每篇分享文從

【背景介紹】【知識剖析】【常見問題】【解決方案】【編碼實戰】【擴充套件思考】【更多討論】【參考文獻】

八個方面深度解析pm知識/技能，本篇分享的是：

【 登入註冊修改密碼】

1.為什麼要設計登入註冊修改密碼模組

2.登入註冊修改密碼模組分類

3.如何設計登入註冊修改密碼模組

4.登入註冊修改密碼模組設計細節

5.如果我是新手

1.為什麼要設計登入註冊修改密碼

使用者層面：

(1)使用者需要在產品中獲得一個獨立的ID，以體現其個性化的存在。

(2)使用者需要產品為其記錄使用進度、狀態、收藏的內容。

(3)使用者希望獲得其它使用者的真實資訊或更詳盡的資訊。

(4)使用者希望產品通過對自己更詳盡的瞭解提供更好的服務。

功能層面：

(1)便於跨裝置同步資料，也便於在同一裝置中切換不同的賬戶並保留賬戶之前的狀態。

(2)有社交功能的產品必須註冊賬號以編寫自己的UGC的內容，同時便於其它使用者辨識。

(3)有交易功能的產品，為個人賬戶記錄訂單等交易資訊，同時提高交易的安全性。

(4)有應用內付費、VIP會員增值功能的產品，註冊登入可以確保使用者權益。

業務層面：

(1)需要採集對於核心業務非常重要的使用者資訊，比如手機號、真實姓名等資訊。

(2)註冊登入後便於採集推進運營的資料，以指導產品運營方向。

(3)使用者激勵：通過註冊得到手機號、郵箱賬戶後，一些產品通過給使用者發簡訊或優惠券（送優惠券、活動推薦）吸引使用者，提高活躍度。

(4)消費轉化：某些產品得到手機號後，會利用電話營銷的方式向客戶推介其付費服務。

1.2保障賬戶安全。

2.登入註冊修改密碼分類

2.1使用者登入功能

2.1.1手機號+密碼

目前最常用的登入方式，手機的普及，移動網際網路的發展，都為這種登入方式提供了獨特的優勢，使用者ID唯一；移動驗證更加方便；安全性高；便於運營；易匯入社交鏈。

2.1.2手機號+驗證碼

解放了使用者記住密碼的負擔，只要通過手機號就能夠登入產品使用服務，這對於平時需要記住大量密碼的使用者來說極大地降低了使用產品服務的門檻。

增加了不可控的風險，比如第三方平臺的簡訊服務，使用者手機訊號

2.1.3郵箱地址+密碼

沿用PC時代使用者的賬號體系，由pc端覆蓋到移動端，並且在移動端只提供手機號註冊方式。相對於手機號註冊，郵箱註冊的好處在於郵箱地址可以永久留存，不會有手機換號造成的那種困擾

對於國內使用者來說，郵箱的使用頻率沒有老外那麼高，很多使用者沒有個人郵箱，他們也不會為了註冊你的賬戶去申請個郵箱，所以郵箱註冊的需求相對來說較弱

2.1.4使用者名稱+密碼

沿用PC端的賬號體系以及登入習慣，大部分移動端產品不再設定使用者名稱為登入ID

2.1.5第三方登入

利用第三方登入能夠免去註冊的麻煩，讓使用者快速通過登入門檻，進而使用產品提供的主要服務，降低因為登入註冊帶來的使用者損耗，同時使用第三方賬號登入有利於產品初期的宣傳推廣

只利用第三方賬戶登入的話，無法獲得任何有價值的使用者註冊資訊，同時也構建不成自己的使用者體系。這是第三方賬戶登入的最大問題。

2.1.6證件資訊登入，人臉登入，指紋登入等等

2.2使用者註冊功能

註冊的方式和登入的方式基本一樣，這裡值得注意的一點是，APP端註冊的方式和登入的方式並不一定是一一對應的

 

 

方式①的效率最高，但是沒有郵箱驗證的話保證不了賬戶的安全性，若郵箱錄入錯誤則無法找回密碼。另外這種方式容易被註冊無效賬戶或惡意註冊郵箱，浪費伺服器資源。

方式②和③都是快速註冊成功，之後再讓使用者通過郵箱驗證的方式驗證郵箱的有效性。這種方式的好處是既保證了註冊資訊的有效性和安全性，也不會降低太多的使用者體驗。其中方式③是在APP中完成郵箱的驗證，這樣可以避免方式②中使用者註冊後忘記去驗證的問題。

方式④和⑤的驗證碼（或連結）需要在註冊流程中強制輸入，這種方式會阻斷使用者的操作流程，有在註冊過程中損失使用者的可能。如果郵箱資訊對業務邏輯及其重要的話，可以參考這種方式

2.2.2手機註冊

 

手機號註冊的邏輯非常簡單，就是錄入手機號碼後，發起簡訊驗證的請求，當手機收到相應的簡訊驗證碼後，在APP中輸入驗證碼，完成註冊。

另外還有幾種不常用的手機號註冊方式，用來在接收不到簡訊的情況下備選。與簡訊驗證的區別主要是驗證的過程不同：

① 主動驗證：使用者向客服號碼傳送驗證簡訊註冊

② 免費熱線：撥打電話活動驗證碼註冊

③ 語音驗證：客服撥打使用者電話告知驗證碼

使用者名稱註冊等等

2.3修改密碼

手機驗證，郵箱驗證,安全問題，客服申訴，產品根據自己的產品功能提供密碼找回方式

（1）密碼強度的設定，與網站業務息息相關，通常網站中出現與錢相關的業務（如網路遊戲等）時，對密碼的複雜度會有強制性的要求；支付寶等甚至會設定登入密碼與支付密碼，並兩者不能相同

（2）對於舊密碼的驗證，通常只驗證是否為空，而不會對正確性做實時校驗；

（3）對新密碼的強度，多數網站均會給出明確說明以降低使用者的困擾；

（4）多數網站，均會特別提醒使用者新密碼中需要區分大小寫字母；

（5）均會對新密碼與重複輸入的新密碼之間做匹配校驗

（6）在修改密碼時需填寫驗證碼，也會有系統智慧判斷哪些情況下需要通過驗證碼進行增強驗證

（7）在修改密碼的介面上，同時告知使用者一些必要的密碼安全資訊，是必要的

（8）並不一定要通過舊密碼來校驗使用者，很多產品並沒有提供單獨的修改密碼的入口，而是直接讓使用者通過”找回密碼”功能來修改密碼

3.如何設計登入修改密碼模組

3.1登入註冊模組設計思路

3.1.1產品讓使用者註冊登入的必要性

首先，分析產品讓使用者註冊登入的必要性。如果使用者註冊登入對於使用者、產品功能、商業模式本身帶不來任何價值的話，就沒必要設計這樣的功能。比如一些實用工具類的產品：計算器、手電筒、天氣預報、便籤軟體、語音助手等等。

3.1.2產品讓使用者註冊登入的目的是什麼

使用者需求：從使用者角度，分析使用者希望註冊產品的迫切程度。使用者第一次安裝使用一個APP時，可以分成三種不同的心理:

(1)使用者有強烈願望使用產品。一種情況是產品功能對於使用者來說非常有價值，使用者願意花費時間註冊使用,另一種情況是產品功能新奇特使用者很想試試

(2)使用者希望先用一用看看，好用了再註冊。這就跟體驗式消費、先嚐後買的思路是一樣的。目前大多數的產品都是提供這樣的方式，如果你的APP不能讓使用者有強烈的使用願望，最好的選擇是先讓使用者去使用，用好了再註冊。

(3)使用者覺得沒必要註冊，但產品的功能偶爾會用到.對於使用者來說註冊功能對使用者帶來不了任何價值， 這類APP建議使用先使用後註冊的方式

功能需求：從功能角度思考，一種情況是產品的核心功能對使用者體系依賴程度非常大時，可以先註冊再使用.另一種情況是產品某些功能需要使用者登入，但對其它功能沒影響時，可以使用到該功能時再登入

業務需求：從業務角度來判斷，註冊資訊如果對產品核心業務非常重要的話，可以考慮先註冊的模式，或者常用的做法是進入APP的第一屏是註冊頁面，但在角落裡留下“遊客入口”的按鈕

如果只是為了獲取使用者的手機號等資訊，也不一定非要通過註冊這一種途徑。可以在產品功能頁面中引導使用者錄入資訊或註冊。

3.1.3每個註冊登入需求的場景是怎樣的

功能需求：從功能角度，對註冊登入有需求的功能要的是一個合理的賬戶體系，至於選擇那種註冊手段其實不重要。所以可以忽略功能需求對註冊登入方式選擇的影響。

使用者需求：對於使用者來說，三種註冊登入手段的優缺點都很明顯，不同的使用者的性格特點、生活習慣會影響其選擇

業務需求：分析具體業務需求的場景會得到不同的選擇

 

3.2登入註冊的設計步驟

第一步：梳理腦圖，梳理現有的登入模式和資訊結構.

第二步：梳理業務流程，把每一步操作都流程化，做好各種情況的處理方案.

第三步：畫出草圖/線框圖，對頁面元素和佈局進行初步設計.

第四步：互動設計，對每一項頁面元素、頁面跳轉、操作反饋、異常處理、按鈕和頁面的各種狀態等做出設計.

第五步：自檢測試，對線框圖和互動設計進行自檢，最好是用Axure等互動軟體進行互動設計操作，建立自己的自檢清單.

第六步：輸出PRD、線框圖和互動設計稿.

4.登入修改密碼模組的設計細節

PC端：

（1）PC具有公共屬性，輸入密碼是私密性的，需要在登入註冊時給予適當保護

（2）PC顯示區域比較大，登入註冊通常只有1個頁面，需要填寫的所有內容都會呈現

（3）PC端的輸入裝置有滑鼠和鍵盤，人機互動和可輸入速度要快很多

（4）PC端桌上型電腦一般固定在特定的位置，無法隨意移動，筆記本可以移動但使用場景相對固定，網路狀況與移動裝置相比穩定

移動端：

（1）移動裝置屬於個人私密性較高的裝置，使用者在進行操作時，可對輸入密碼進行有效的保護

（2）移動裝置隨身攜帶，隨時隨地在變換位置，網路狀況不穩定等不確定因素很多

（3）移動裝置顯示區域均較小，登入的註冊頁面通常都會有3個頁面，需要使用者填寫的內容要精簡

（4）移動裝置輸入更多是手指觸屏操作，人機互動有其獨特性，例如虛擬鍵盤的設計

賬號：

（1）手機號碼為純數字，是否彈出純數字鍵盤方便使用者快速填寫及避免使用者來回切換

（2）手機號碼的數字如何呈現，哪種格式。

（3）賬號有無格式的要求，如果只是手機號碼，前端是否需要驗證手機號碼的有效性，手機號是否區分國家。

（4）當用戶切換賬號或者輸錯的時候，使用者是要一位一位刪除，還是可以一鍵清除一整行內容，

密碼：

（1）登入密碼的機制是怎樣的，密碼的長度如何設定，是否區分大小寫，是否包含特殊字元，密碼輸入為明文還是不可見

（2）使用者註冊設定密碼過程中是否需要重複確認密碼

驗證碼：

（1）郵箱/手機註冊過程中需不需要進行驗證。如何驗證，收到驗證碼的時間（5.5秒內）是利用簡訊驗證碼還是免費熱線

（2）收到驗證碼的時間（5.5秒內），驗證碼的獲取次數上限

（3）驗證碼的字元是純數字還是數字字母結合，驗證碼的字數限制，4位或者6位純數字

（4）驗證碼的有效時長如何設定，是五分鐘還是十分鐘

（5）如果使用者未收到有效驗證資訊，多長時間後可以重新獲取驗證資訊，是30s還是60s.

異常提示：

（1）登入時，賬戶是否在其他裝置登入，是否允許多端同時登陸？不允許同時登陸，之前登入裝置的賬戶是否要下線？給出怎樣的提示？

（2）密碼第一次錯誤給出什麼提示？第二次仍然輸入錯誤，錯誤提示是否需要強提示並給出找回密碼的按鈕？在彈窗點選找回密碼，手機號碼在新頁面是否需要重新填寫？密碼連續多次輸入錯誤是否要做出禁用限制？

(3)註冊流程中，檢測到手機號碼已經註冊，是否可以繼續獲取驗證碼？或者驗證後直接登入免去頁面跳轉和輸入密碼？

(4)網路狀態不好，都該給出怎樣的反饋或提示？

(5) 使用者所處環境網路訊號不好（使用者向伺服器請求超時），是否需要檢查使用者的網路狀態？還是隻給出提示？

5.如果我是新手

作為新手考慮登入註冊模組，完全沒必要自己創造，可以借鑑市場上現有的產品或競品的登入註冊模組，那麼該如何借鑑呢？

（1）選取自己產品的直接競品或者所屬行業的相關產品，分析其登入註冊模組的詳細流程、邏輯，並做好記錄

（2）梳理自己產品登入註冊模組的相關功能邏輯、流程，作一個對比

（3）根據前面提到的，從產品型別、目標使用者、業務邏輯結合自己產品的現狀，以使用者體驗為中心去完善設計自己產品的登入註冊模組

作者：HHKKPP
連結：https://www.jianshu.com/p/8dd450d86f7c
來源：簡書
簡書著作權歸作者所有，任何形式的轉載都請聯絡作者獲得授權並註明出處。

更多內容，可以加入IT交流群565734203與大家一起討論交流

這裡是技能樹·IT修真院：https://www.jnshu.com，初學者轉行到網際網路的聚集地