APP產品研習——「登錄/註冊」模塊

4 人贊了文章

*注本文是改自本人的個人筆記，所以部分內容連貫性、可讀性可能稍差。

看一家Hotel的整體環境和服務，我們其實只需要去它的衛生間即可。同理，一款APP的匠心，從「登錄/註冊」模塊的設計就可以看出一二。「登錄/註冊」這個模塊實際不僅僅是對整個登錄註冊流程的設計，更多的也需要注意配合產品的特性來把控一些細節。

我們以一個例子來展開「登錄/註冊」模塊的討論：

請看看下面這個「登錄/註冊」頁有什麼特殊的地方？

「知乎」對於三方社交賬號的登錄不同於其他產品。一般如小紅書等等都直接將三方登錄的BTN放置在登錄頁面，但知乎卻需要二次點擊。這正應該是由於知乎的社交相對特殊，其不依賴於「微信」的熟人社交關係，也不依賴於「微博」等明星的內容輸出，它的社交為知識社交，自成一套體系。所以其在登錄註冊頁面將「微信」等第三方賬戶註冊的內容隱藏了，僅留了鏈接欄位進行跳轉（增加了用戶用三方註冊的成本，不想被外部關係鏈影響到內部關係鏈的強化）。【但這是4.0.0之前的版本，升級到V4後知乎推出「想法」試圖強化社交，故登錄頁面也將三方登錄的BTN放了上來】

一、內容整體畫像

二、登錄

A.登錄模塊

登錄體系較為基礎，不為贅述，須注意的是「手機號」、「郵箱」是否採用同一輸入框輸入以增強便易性。如統一使用一個輸入框輸入的，注意當用戶輸入的為純數字時默認為郵箱進行自動補全，但當輸入內容檢測為11位且為純數字時系統自動判定為「手機號」。

B.「忘記賬號/密碼」模塊

區分「賬號找回」和「忘記密碼」；

三、註冊

註冊通常採用賬號+驗證碼/第三方賬號註冊的方式進行，需要注意的是必須提供《用戶及隱私協議》的確認，以及註冊完成後自動登錄。

A.以下是對註冊模塊的兩種分類方式

現階段註冊一般採用3種方式進行註冊：

1. 強制註冊：必須登錄才能使用【一般使用於私密工具（百度雲盤等） 】；

2. 非強制註冊（先用後註冊）☆ ：先引導用戶快速體驗，用爽後再註冊提供增值服務【一般用於內容型產品 】；

3. 無需註冊即可登錄：產品沒有用戶註冊的需求，無需賬號體系的【簡單工具類應用，天氣類、計算器...】；

注意：非強制註冊類產品需要在合理位置引導用戶註冊（個人中心賬號處、用戶關注模塊處、高附加值模塊處）

註冊模式類型：

1. 單頁面一次性完成註冊☆：所有註冊在一個頁面實現，後續賬號綁定提交給個人中心實現【主流方式】；

2. 多頁面按步驟完成註冊：多個頁面分別進行各內容填寫【貓眼等、更多需多賬號綁定大量用戶數據收集的社交類產品Facebook】；

Tip：如果產品並非Facebook等強數據收集社交類，兩者的選擇都可以：那麼單頁面用戶體驗更簡潔，多頁面引導更人性化；

B.註冊流程中的相關注意事項：

基本流程註冊事項：

填寫賬號：現在主要採用「手機號/郵箱/賬號」這三種方式，其中手機號註冊的時候注意輸入長度管理，且識別賬號為手機號後注意密碼轉換為驗證碼；郵箱註冊的時候注意郵箱補全機制的處理；

填寫密碼：現在主要採用「手機號+驗證碼」或「郵箱/賬號+密碼」，需要注意的是「手機號+驗證碼」的方式是否還需要加入「圖片驗證碼」（防止此手機號更換主人導致被他人使用）；部分點評類APP會加「圖片驗證碼」機制，可能是為了防止商家多開賬號刷評論；

用戶及隱私協議：注意保留「用戶及隱私協議」，現有「默認打鉤（普通APP）」、「註冊及同意」以及「單獨頁面點擊同意」（Facebook等需要填寫大量隱私的APP為了給用戶信任感，如果是這類產品的話該頁面的提示注意要「清晰溫馨」不要「強勢」）；

註冊完成後登陸緩衝頁面：注意設計登陸緩衝，以避免轉換過於僵硬；

C.第三方賬戶註冊須進行一定考量：

根據產品需求須規劃設計第三方賬戶的登陸，尤其需要注意這種方式跟自身產品的用戶需求要契合。

☆以「小紅書」APP為例，其由於自身是社交類產品，且希望能夠藉助「微信」等社交關係網來完善社交關聯增加社交內容（微信私密社交的關係能增強小紅書內容推廣時的產品信任感），所以其在登陸註冊首頁就提供了「第三方賬戶」註冊的模塊；

而「知乎」APP原版本就沒有採用這種方式，注意類似功能的設計都需要依據實際產品的

D.其他相關事項：

1.設計時注意鍵盤遮蔽，避免遮蓋其他功能點；

2. 可參考：網易嚴選在登錄頁面展示標準產品（強化了其產品嚴選的特色，不贅述）；

四、一些APP的問題（注意）

1.網易嚴選：用戶微信註冊時未綁定手機號，後又手機號登錄發現不對轉為微信，此時無法綁定該手機（已被註冊）；新浪、QQ進行註冊同理；

2.知乎：「賬號、郵箱、手機號註冊」共用一個頁面，而採用「手機號註冊」的時候「註冊」按鈕的文本沒有自動換成「獲取驗證碼」，仍然還是是「註冊」，這裡點擊註冊卻自動發送了驗證碼，這裡需要提醒；

五、一些有用的總結