作為初級產品汪,我是這么理解APP登錄注冊功能的

8 評論 16535 瀏覽 143 收藏 8 分鐘

目前大多數產品都有登錄注冊功能,有的有自身平臺賬號體系,有的依靠大平臺賬號體系授權登錄。接下來我跟大家分享一下我對登錄注冊功能的理解。

登錄注冊的根本意義

登錄注冊,眾所周知,就是創建的ID,然后訪問(操作)產品的高級功能。其實呢,用官方的語言來說(我認為的官方,大神勿噴),登錄注冊就是一個授權的過程,用戶通過授權后,使用對應的證件(ID)去執行游客(未登錄用戶)不被允許做的事情。

舉個栗子,我上高中的時候,在食堂吃飯是不允許現金支付的,只能通過刷飯卡,那么飯卡則是學生的證件(ID),學生在辦理飯卡時就是學校給學生授權的過程。

設計登錄注冊功能的目的

現在說說我對登錄注冊設計的理解

1、用戶高效獲取信息

例如資訊類產品,用戶登錄后可以個性化定制喜歡的資訊。

2、便于平臺通知推送

平臺日常的活動或其他運營消息,可以通過用戶信息(不限于手機號、郵箱等)快速通知到用戶。

3、樹立形象

對平臺來說,用戶的注冊登錄是對平臺的信任,認可平臺的品牌。

對用戶來說,在該平臺上,有我的一塊區域,我是“圈里人”,不是“門外漢”。

談談登錄注冊的設計和思考

此處簡單說一下有登錄注冊功能的應用,必須登錄才能使用的應用通常有較強社交屬性,如微信,QQ,映客直播等;不用登錄可以使用部分功能,但特定功能(高級功能)必須登錄的應用通常是電商購物類、資訊媒體類、生活類,如淘寶天貓,微博,去哪兒等。

另外無須登錄即可使用的應用,通常是工具類和部分單機游戲類,如天氣,龍之丘等。

從賬號體系來說,分為以下兩類:

1、產品自身平臺賬號系統

國內最常見的是手機號注冊(手機端常用),其次是郵箱注冊(PC端常用),再次是用戶名注冊(目前用得較少),這里主要討論手機端,也就是手機號注冊。

注冊

現在大家習慣的使用流程是:輸入手機號à獲取驗證碼60>>輸入驗證碼并驗證成功>>設置密碼>>注冊成功。那這個過程中我們則需要注意每個操作環節的反饋:

  • A手機號輸入框失去焦點時,檢查手機號格式是否合法
  • B驗證碼輸入框失去焦點時,驗證是否正確,若不正確是否能重新獲取
  • C密碼設置,最好是默認明文顯示,也可切換不顯示

登錄

登錄流程,用戶端顯得更簡單,輸入手機號和對應密碼即可登錄。

這里要注意的是:

  • A設置文本輸入框的格式,如手機號輸入款設置為number格式,這樣手機輸入框獲取焦點后會自動調出數字鍵盤(其實就是自定義鍵盤)
  • B允許明文顯示密碼,默認不顯示,用戶自己切換
  • C用戶登錄后,要一直記住用戶,保持用戶登錄狀態。除了特殊狀態(用戶卸載了應用、退出登錄等)
  • D一定要有“忘記密碼”的選項,讓用戶在忘記密碼時提供應急通道。

2、第三方登錄

第三方登錄是目前很普遍的登錄方案了(其實是第三方賬號注冊,應用通過調用第三方的基礎數據在自身平臺建立對應的用戶數據庫,只是用戶感知度較低罷了),優點不用說,肯定就是方便。但這里提一下建議:

  • 用戶使用第三方登錄后,盡量引導用戶完善個人信息,便于建立自身賬戶體系
  • 涉及金錢或者比較私密的功能操作,必須讓用戶完成對應的信息綁定

登錄注冊原型設計

首先,梳理一下流程。登錄注冊一般包含注冊、登錄和忘記密碼三個模塊,常規流程如下:

登錄注冊

接下來按照流程畫出原型,再添加對應的交互動作,這里不詳述,大致預覽一下效果吧,文末有原型預覽鏈接。

2

3

5

在完成該原型的時候,難點在于:

隨機驗證碼的生成,需要用到隨機函數random(),Axure中的隨機函數random()只隨機0~1之間的數,這里我們設置一個全局變量ran,那么我們常見的六位驗證碼則是把隨機數放大1000000倍,再截取整數部分(截取使用的函數是substring),最后把驗證碼部件的文字等于計算出來的數字,那就是:

7

用戶數據匹配,將要登錄的賬號和用戶數據庫匹配,若有匹配數據則按照正常流程走,若用戶數據中無匹配數據,那么提示該號碼未注冊。(這里演示的用戶數據只有一條,若要更多數據,則需要配合中繼器來完成。)

以上是我對登錄注冊的理解,歡迎批評和指導。

最后請點擊此處體驗一下原型,有疑問請留言。

 

作者:木目,微信號lcxjaye。另外,作者一年產品經驗,目前在求職,若有產品相關的坑,請讓作者去填吧。

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

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 移動版和網頁版登錄注冊也不一樣的

    來自廣東 回復
  2. 注冊登錄的時候沒有判斷電話號碼是否已經注冊

    來自廣東 回復
  3. 有點淺

    來自廣東 回復
  4. 請問一下畫動態原型的軟件是什么呢?用Axure可以畫動態原型嗎?

    來自北京 回復
    1. axure就可以

      來自廣東 回復
  5. 個人建議,我覺得你在流程圖-忘記密碼部分在重新設置密碼的那個時候,應該讓用戶判斷他自己輸入的新密碼是不是按照他按的那樣,因為手機的鍵盤比較小,有可能他在按的過程中按錯了一個字母,而用戶自己不知道,在登陸的時候發現自己重新設置的密碼是錯誤的,那他豈不是得重新走一次忘記密碼的步驟。

    回復
  6. 我覺得登陸注冊這一塊可以深入做一點,分析的不夠深入,對企業什么好處,對用戶什么好處可以再研究一下,我的愚見

    回復
  7. 不錯 加油!對于第三方登陸而言,其實就是圖方便,在圖方便的心理下再填信息注冊會覺得之前多做了一步的無用功,個人比較厭煩,僅個人意見。

    回復