目前大多數(shù)產(chǎn)品都有登錄注冊(cè)功能，有的有自身平臺(tái)賬號(hào)體系，有的依靠大平臺(tái)賬號(hào)體系授權(quán)登錄。接下來我跟大家分享一下我對(duì)登錄注冊(cè)功能的理解。

登錄注冊(cè)的根本意義

登錄注冊(cè)，眾所周知，就是創(chuàng)建的ID，然后訪問（操作）產(chǎn)品的高級(jí)功能。其實(shí)呢，用官方的語言來說（我認(rèn)為的官方，大神勿噴），登錄注冊(cè)就是一個(gè)授權(quán)的過程，用戶通過授權(quán)后，使用對(duì)應(yīng)的證件（ID）去執(zhí)行游客（未登錄用戶）不被允許做的事情。

舉個(gè)栗子，我上高中的時(shí)候，在食堂吃飯是不允許現(xiàn)金支付的，只能通過刷飯卡，那么飯卡則是學(xué)生的證件（ID），學(xué)生在辦理飯卡時(shí)就是學(xué)校給學(xué)生授權(quán)的過程。

設(shè)計(jì)登錄注冊(cè)功能的目的

現(xiàn)在說說我對(duì)登錄注冊(cè)設(shè)計(jì)的理解

1、用戶高效獲取信息

例如資訊類產(chǎn)品，用戶登錄后可以個(gè)性化定制喜歡的資訊。

2、便于平臺(tái)通知推送

平臺(tái)日常的活動(dòng)或其他運(yùn)營(yíng)消息，可以通過用戶信息（不限于手機(jī)號(hào)、郵箱等）快速通知到用戶。

3、樹立形象

對(duì)平臺(tái)來說，用戶的注冊(cè)登錄是對(duì)平臺(tái)的信任，認(rèn)可平臺(tái)的品牌。

對(duì)用戶來說，在該平臺(tái)上，有我的一塊區(qū)域，我是“圈里人”，不是“門外漢”。

談?wù)劦卿涀?cè)的設(shè)計(jì)和思考

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

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

從賬號(hào)體系來說，分為以下兩類：

1、產(chǎn)品自身平臺(tái)賬號(hào)系統(tǒng)

國(guó)內(nèi)最常見的是手機(jī)號(hào)注冊(cè)（手機(jī)端常用），其次是郵箱注冊(cè)（PC端常用），再次是用戶名注冊(cè)（目前用得較少），這里主要討論手機(jī)端，也就是手機(jī)號(hào)注冊(cè)。

注冊(cè)

現(xiàn)在大家習(xí)慣的使用流程是：輸入手機(jī)號(hào)à獲取驗(yàn)證碼60sà輸入驗(yàn)證碼并驗(yàn)證成功à設(shè)置密碼à注冊(cè)成功。那這個(gè)過程中我們則需要注意每個(gè)操作環(huán)節(jié)的反饋：

A手機(jī)號(hào)輸入框失去焦點(diǎn)時(shí)，檢查手機(jī)號(hào)格式是否合法

B驗(yàn)證碼輸入框失去焦點(diǎn)時(shí)，驗(yàn)證是否正確，若不正確是否能重新獲取

C密碼設(shè)置，最好是默認(rèn)明文顯示，也可切換不顯示

登錄

登錄流程，用戶端顯得更簡(jiǎn)單，輸入手機(jī)號(hào)和對(duì)應(yīng)密碼即可登錄。

這里要注意的是：

A設(shè)置文本輸入框的格式，如手機(jī)號(hào)輸入款設(shè)置為number格式，這樣手機(jī)輸入框獲取焦點(diǎn)后悔自動(dòng)調(diào)出數(shù)字鍵盤

B允許明文顯示密碼，默認(rèn)不顯示，用戶自己切換

C用戶登錄后，要一直記住用戶，保持用戶登錄狀態(tài)。除了特殊狀態(tài)（用戶卸載了應(yīng)用、退出登錄等）

D一定要有“忘記密碼”的選項(xiàng)，讓用戶在忘記密碼時(shí)提供應(yīng)急通道。

2、第三方登錄

第三方登錄是目前很普遍的登錄方案了（其實(shí)是第三方賬號(hào)注冊(cè)，應(yīng)用通過調(diào)用第三方的基礎(chǔ)數(shù)據(jù)在自身平臺(tái)建立對(duì)應(yīng)的用戶數(shù)據(jù)庫，只是用戶感知度較低罷了），優(yōu)點(diǎn)不用說，肯定就是方便。但這里提一下建議：

A用戶使用第三方登錄后，盡量引導(dǎo)用戶完善個(gè)人信息，便于建立自身賬戶體系

B涉及金錢或者比較私密的功能操作，必須讓用戶完成對(duì)應(yīng)的信息綁定

登錄注冊(cè)原型設(shè)計(jì)

首先，梳理一下流程。登錄注冊(cè)一般包含注冊(cè)、登錄和忘記密碼三個(gè)模塊，常規(guī)流程如下：

接下來按照流程畫出原型，再添加對(duì)應(yīng)的交互動(dòng)作，這里不詳述，大致預(yù)覽一下效果吧，文末有原型預(yù)覽鏈接。

在完成該原型的時(shí)候，難點(diǎn)在于：

隨機(jī)驗(yàn)證碼的生成，需要用到隨機(jī)函數(shù)random()，Axure中的隨機(jī)函數(shù)random()只隨機(jī)0~1之間的數(shù)，這里我們?cè)O(shè)置一個(gè)全局變量ran，那么我們常見的六位驗(yàn)證碼則是把隨機(jī)數(shù)放大1000000倍，再截取整數(shù)部分（截取使用的函數(shù)是substring），最后把驗(yàn)證碼部件的文字等于計(jì)算出來的數(shù)字，那就是：

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

以上是我對(duì)登錄注冊(cè)的理解，歡迎批評(píng)和指導(dǎo)。

最后請(qǐng)點(diǎn)擊此處體驗(yàn)一下原型，有疑問請(qǐng)留言。