APP設計:還原兩個產品的登錄注冊流程

4 評論 20276 瀏覽 161 收藏 4 分鐘

注冊/登錄,用著感覺很簡單,但是細細分析起來,都是坑。試著還原兩個產品的登錄注冊流程,滿滿的都是套路。

首先推薦兩篇文章:

  1. 最完整注冊登錄詳解:流程設計、業務及產品思考(by啟辰菌)
  2. APP注冊登錄流程設計與淺析(by Thor_datou)

理論性的內容基本上面兩篇文章都有涉及到,這里只分析表面的東西,主要根據下面的思維導圖,結合真實app實現,來整理各種注冊登錄流程。

注冊和登錄統一,例子:餓了么

餓了么有個小小的體驗缺陷,手機驗證碼登錄中,手機號輸入框中的格式校驗只是簡單的校驗(位數=11,純數字,以1開頭),當輸入了一個不存在但符合格式的手機號(比如10012341234)時,依然可以點擊“獲取驗證碼”調出圖形驗證碼的輸入框,但是輸入完成后永遠提示“圖形驗證碼輸入錯誤”。但是這種畢竟是可以忽略的事件,如果需要改進的話,需要在點擊“獲取驗證碼”時,再加上一個后端校驗號碼格式的過程(下面的『要出發』就是如此)。此外也可以完善“獲取驗證碼”按鈕的可點擊狀態判斷條件,但是這個校驗過程一般是前端的,風險太大。關于手機號碼的校驗可以參考js正則驗證手機號碼有效性,不過這個有效性規則有不同的版本,沒深入分析對錯,這個是比較寬松的驗證規則。

注冊和登錄分開,例子:要出發

在還原這兩個注冊登錄流程,關于手機號的校驗規則差點就轉暈了。登錄注冊是產品的一個很重要的流程,因此對于輸入框數據的校驗很重要,校驗流程盡可能放到后臺校驗,如果校驗放到前端,一旦檢驗規則發生改變,那將影響的是多個版本。兩個產品的注冊流程中都只是把手機號的簡單校驗(比如長度,純數字,1開頭)置于前端上,而把一些具體的判斷置于后臺校驗。

原型下載鏈接:https://pan.baidu.com/s/1bo3axqR(密碼: dgy7)

個人畫著練習,有不對的地方歡迎指出交流。

 

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

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 好好好

    來自北京 回復
  2. 不錯不錯 ??

    來自廣東 回復
  3. 您有交互文檔說明 實例嗎?參考一下 初學者 18742146468@163.com 感激不盡。。。。

    來自北京 回復
    1. 不好意思,暫時沒有遇到一個文檔寫的很詳細的產品經理或交互

      來自廣東 回復