2020年,App/PC/H5/小程序的「登錄注冊功能」設計指南

5 評論 16913 瀏覽 133 收藏 9 分鐘

登錄注冊功能是產品與用戶建立聯系的關鍵,也有助于建立賬戶體系,分析用戶相關數據,優化產品與運營。那么對不同使用端來說,這一功能有什么設計區別與要點呢?筆者將為大家揭曉答案。

本文總結截止2020年App/小程序/PC/H5等形態產品的登錄注冊功能設計方式、流程、變化和建議。

一、 登錄注冊功能重要性

登錄注冊是產品與用戶建立聯系的門檻,是賬戶體系的基礎。

  • 注冊是通過用戶填寫的如郵箱/手機號/用戶名等信息分配1個唯一編號,類似我們的身份證號;
  • 登錄則是用戶通過有效驗證信息如密碼/短信驗證碼來獲取自己的賬戶信息;

為用戶建立賬戶體系后:

  • 產品更新迭代、營銷信息均可以通過郵箱/手機號/站內信方式同步;
  • 豐富用戶資料:性別、地址等靜態信息,瀏覽、購買等行為數據,對完善用戶畫像等后續運營工作有決定性影響;

二、 影響登錄注冊設計的主要因素

1. 目標用戶群體

目標用戶群的使用習慣是影響產品設計的最重要因素。比如雖然同樣都是用戶量數億的產品,Instagram仍然有郵箱注冊模式,但微信等產品早已不支持郵箱模式。原因主要是國內用戶并不習慣使用電子郵件處理私人信息,且郵箱的便利性和真實性遠不如手機號。

2. 業務模式

不同產品業務模式對賬戶體系的重視程度不一。

電商類產品期望用戶持續購物,故搭建完善的賬戶體系、針對不同層級用戶精細化運營是重中之重。
社交類產品用戶有豐富的私人信息,則重點凸出微信授權登錄,直接獲取用戶在微信上的頭像、昵稱信息。
理財類產品則十分重視用戶賬戶的安全性,除基礎登錄注冊方式外,也開放生物識別方式進行登錄注冊,確保用戶對產品安全感。
部分流量嚴重依賴微信的服務號、小程序為了放低獲取用戶成本,只依賴微信授權信息創建賬戶。

作為產品經理需考慮實際情況后進行產品設計,不能盲目復制其它產品。

三、 登錄/注冊主要方式(所有形態產品適用)

自2017年微信小程序誕生,巨頭公司紛紛推出自己的小程序形態產品:百度系、字節跳動系、阿里系小程序…

小程序產品因為嵌入在各大流量宿主內,因其輕便的特點,賬戶體系也更快捷,尤其是各大小程序體系均開放類授權手機號API給開放著,在最大程度上減輕開發者獲客成本、提升獲客效率。

四、 登錄/注冊功能涉及的2個主要流程

1. 手機號流程/第三方賬號授權流程

2. 重置密碼流程

五、 登錄注冊的產品設計變化

1. 弱化登錄/注冊

用戶無論是登錄還是注冊,只要有手機號、可以接收短信驗證碼即可搞定整個流程,越來越多App在弱化登錄/注冊的切換。

2. 弱化密碼登錄

密碼登錄方式并未完全消失,一部分產品仍然需要密碼這一方式作為登錄補充,但它的確被主流產品在設計環節弱化、隱藏了。
手機上App過多,用戶無法記憶所有賬號/密碼,所以好記、好用、不經常更換的手機號來統一登錄注冊則十分便利。

3. 第三方授權方式更豐富

除了傳統微信、QQ等普及率高的App開放授權,運營商如中國聯通也開放了手機號一鍵授權登錄注冊、IOS系統里也增加了AppleID授權。

此外巨頭內部的產品也可以互相授權登錄,比如字節跳動系產品內的抖音、頭條,阿里系產品淘寶、支付寶等。
這些授權方式可以在一定程度上提升產品的登錄、注冊轉化率,不過應用最廣的方式仍然是微信授權:

一方面微信安裝率非常高,幾乎沒有人不用微信;
另一方面微信授權登錄注冊后,通過綁定產品自身賬戶和微信unionid的關系,在微信內嵌H5、小程序、服務號的子產品模塊為用戶提供快捷登錄;

4. 生物識別方式更成熟

通過人臉、指紋方式可識別唯一的生物特征,也可作為登錄App方式之一。如支付寶對在當前手機上用密碼登錄成功過的用戶開放人臉登錄。不過此類方式目前應用并不廣泛,主要是因為大多數App的賬戶體系對用戶來說沒有重要到動用人臉識別的程度。

六、 登錄注冊設計建議

1. 融合注冊/登錄,減少用戶選擇成本

一個頁面保留了登錄/注冊,根據用戶輸入信息識別用戶是否注冊后,把新用戶創建賬戶、老用戶登錄賬戶的選擇工作交給程序執行,絕對不讓用戶在此流程中有遲疑。

2. 凸出主要方式,用戶盡量不用思考選擇

如果頁面有1個核心方式進行登錄/注冊,用戶進入后能快速理解頁面內容,做出決策。
相反,如果頁面不分層次的前提下放置多種登錄/注冊方式,反而會對用戶造成選擇困擾。

3. 及時反饋,不中斷用戶操作

用戶輸入/授權信息時得到的反饋必須非常及時。比如輸入框的設計:

  • 輸入前有默認提示信息的格式和限制,教育用戶盡量1次填寫正確;
  • 輸入時若信息有誤,可通過toast方式的輕度提示用戶,但不中斷用戶操作;

4. 盡可能減少用戶操作

在前端信息展示上盡可能少展示輸入但信息外,在用戶輸入過程中可以通過調用不同類型鍵盤、自動讀取短信驗證碼方式減少用戶點擊操作。

總結

登錄注冊是產品與用戶建立聯系的門檻,它最終的呈現給用戶的設計,由產品面對的用戶群和業務模式決定,并沒有標準答案。但由于本質上登錄注冊是信息授權的、驗證身份,在用戶端設計上始終要堅持信息明確、流程簡單、體驗友好的大原則,最終的目標是讓用戶與產品的第一次接觸完美順利。

 

本文由 @iampm? 原創發布于人人都是產品經理,未經作者許可,禁止轉載。

題圖來自Unsplash,基于CC0協議。

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 注冊的先不談,就目前而言,賬密登錄還是最方便的,手機驗證碼登錄的得考慮網絡問題,網絡差半天收不到驗證碼

    來自廣東 回復
  2. 所以知識星球的登錄方式是正例還是反例?

    來自福建 回復
    1. 正例

      來自北京 回復
  3. 用戶變更手機號之后的流程,如何設計?

    來自江蘇 回復
    1. 我的理解是這樣的:
      用戶的手機號和注冊后的用戶id是綁定關系,可以為用戶提供:
      1、更換手機號設置,先驗證現有手機號權限后設置新的手機號;
      2、對用戶信息保密信息更重視的產品比如微信、QQ、支付寶,在用戶找不到原來手機號場景下提供了比較私密的問題驗證用戶身份,來幫助用戶修改手機號;

      來自北京 回復