登錄框?qū)τ诨ヂ?lián)網(wǎng)APP設(shè)計而言是必不可少的一環(huán)，其作用相當(dāng)于產(chǎn)品的門面，今天就跟大家詳解登錄框設(shè)計的三標準七大要素，希望大家可以發(fā)帖討論，提供更多的登錄框設(shè)計思路。

登錄框是什么？

登錄框是互聯(lián)網(wǎng)產(chǎn)品中供用戶登錄認證的界面或流程，其作用是認證用戶的真實身份信息，實現(xiàn)用戶登錄認證到產(chǎn)品應(yīng)用的界面或流程。

登錄框評價標準

登錄框評價的有三個標準：快、準、穩(wěn)。

1、登錄框的“快”主要體現(xiàn)在：

（1）用戶使用登錄到產(chǎn)品界面是否為最短流程。

產(chǎn)品的登錄框設(shè)計，特別是針對新用戶的登錄設(shè)計，一般要求用戶在最短的登錄流程到達頁面，原因是用戶在登錄的流程中，若流程較長，容易造成用戶的流失。

（2）用戶身份認證識別是否在最短時間內(nèi)完成。

用戶身份認證識別在最短時間內(nèi)完成，是指應(yīng)用在識別用戶真實身份時要求耗時較短，如用戶使用微博、微信等第三方登錄時，認證用戶真實身份的時候一般是用3至5秒，使用天翼賬號免密登錄時，認證識別用戶的真實身份時間在2S內(nèi)；當(dāng)用戶使用產(chǎn)品自主設(shè)計的賬密登錄時，應(yīng)用識別用戶的賬號密碼匹配度時是否在1S內(nèi)可完成等。

（3）用戶登錄到產(chǎn)品界面的設(shè)計細節(jié)是否快捷。

用戶登錄到產(chǎn)品界面的設(shè)計細節(jié)是否快捷是指：產(chǎn)品的登錄框設(shè)計要素是否遵循協(xié)助用戶可快捷登錄到應(yīng)用的，如輸入手機號碼的界面，鍵盤彈出的頁面是否為數(shù)字輸入頁面；對于新用戶而言，是否可以在最短的時間內(nèi)發(fā)現(xiàn)或者跳轉(zhuǎn)到注冊頁面等。

2、登錄框的“準”主要體現(xiàn)在：

對于登錄框“準”的要求是：是否可以準確識別用戶的真實身份。其特點主要體現(xiàn)如下：

（1）識別用戶為真實的自然人。

即識別用戶為真實自然人，非機器人登錄，防止黑客破解產(chǎn)品的登錄認證功能。

（2）識別用戶的多個賬戶。

當(dāng)用戶有產(chǎn)品的多個賬戶時，產(chǎn)品依然可準確識別用戶身份，根據(jù)帳號的不同可切換到不同的登錄認證界面。

（3）識別用戶的錯誤密碼并設(shè)計有找密環(huán)節(jié)。當(dāng)用戶輸入錯誤密碼或者忘記密碼時，登錄框可準確識別錯誤密碼并協(xié)助用戶按產(chǎn)品預(yù)定的流程找回密碼或重新登錄到應(yīng)用。

3、登錄框的“穩(wěn)”主要體現(xiàn)在：賬號“安全性”與功能“穩(wěn)定性”。

（1）安全性的主要體現(xiàn)在：

登錄框?qū)τ跈C器攻擊的防御與用戶信息的保護，如保證用戶的賬號密碼不被拖庫與個人信息安全不被盜取等。

（2）功能的穩(wěn)定性主要體現(xiàn)在：

確保用戶可在既定的條件下，可穩(wěn)定的登錄到應(yīng)用，如不會出現(xiàn)輸入正確的賬號密碼登錄不到應(yīng)用，手機短驗設(shè)計中，驗證碼遲遲不能收到的情況。

登錄框設(shè)計要素

互聯(lián)網(wǎng)常見的登錄框設(shè)計要素主要有七點，分別是：賬密輸入框、認證能力、服務(wù)協(xié)議、注冊流程、找密流程、用戶FAQ、用戶反饋系統(tǒng)。以下以天翼賬號與人人都是產(chǎn)品經(jīng)理的登錄框設(shè)計為大家圖解說明：

賬密輸入框

用戶輸入賬號密碼即可登錄到應(yīng)用的文本框。

設(shè)計要點：

1. 用戶信息安全保障。
2. 識別非自然人登錄到應(yīng)用。
3. 用戶輸錯密碼次數(shù)限制后提醒與忘記密碼的流程提醒等。

設(shè)計建議：

重點在于對于用戶個人賬號信息的安全以及做好賬密的防刷機制。

認證能力

即產(chǎn)品認證用戶真實身份的能力，目前常見的有短信驗證碼認證、免密登錄、郵箱認證、第三方登錄等。

設(shè)計要點：

關(guān)注能力本身的特性，選擇合適自己產(chǎn)品的能力。產(chǎn)品經(jīng)理在引入認證能力時，需考慮清楚產(chǎn)品的使用場景、流程、產(chǎn)品的技術(shù)能力，花費成本等。如短信驗證碼的收費成本高，免密登錄的成本低，但接入需要通過運營商審核機制等。

設(shè)計建議：

能力的選擇除了關(guān)注自己的產(chǎn)品需要什么，還要關(guān)注能力本身的特性，以免引入不符合標準的能力為后續(xù)的產(chǎn)品使用“留坑”

服務(wù)協(xié)議

產(chǎn)品與用戶達成的服務(wù)協(xié)議，一般在登錄框的首頁或注冊頁面中出現(xiàn)，如果是涉及需要用戶必知或多次確認的場景時，服務(wù)協(xié)議會自動彈出，從設(shè)計上強制要求用戶閱讀確認。

設(shè)計要點：

服務(wù)協(xié)議是剛需，從中規(guī)定了用戶使用產(chǎn)品達成的協(xié)議，有的產(chǎn)品會有意或無意省略了服務(wù)協(xié)議，其實服務(wù)協(xié)議對于應(yīng)用而言是非常重要的，因為服務(wù)協(xié)議就像是產(chǎn)品與用戶的協(xié)議書，在必要場景下可以保護產(chǎn)品應(yīng)用的安全，避免受到不必要的損失。

設(shè)計建議：不要忽略服務(wù)協(xié)議，協(xié)議內(nèi)容盡量細化，避免不必要的法律糾紛。

注冊流程 ?

用戶首次使用應(yīng)用，沒有獲取產(chǎn)品登錄權(quán)限時需要使用到注冊流程，或者，當(dāng)應(yīng)用不能識別到用戶是否為產(chǎn)品用戶時，產(chǎn)品會自動為用戶彈出注冊流程。

設(shè)計要點：

1. 注冊環(huán)節(jié)需要盡量簡化，避免新用戶的流失。
2. 用戶注冊后，系統(tǒng)能準確記錄用戶的注冊信息、賬號密碼等。

設(shè)計建議：

注冊設(shè)計，以簡為美。

找密流程

產(chǎn)品使用賬密登錄流程時，若用戶忘記產(chǎn)品的登錄密碼，則需要設(shè)計找密流程，讓用戶找回個人的賬號秘密。

?設(shè)計要點：

找密流程是重新認證用戶身份的流程，重點在于認證身份。

設(shè)計建議：

找密流程的重點是在于認證，非常不建議將找密流程設(shè)計過長或增加的操作成本，避免用戶在找密環(huán)節(jié)的流失。

用戶FAQ

解答用戶登錄認證過程中常見問題等，可根據(jù)產(chǎn)品的使用場景與規(guī)劃進行設(shè)計，非產(chǎn)品登錄框設(shè)計中的必備要素。

設(shè)計建議：

1. 呈現(xiàn)的FAQ應(yīng)是用戶常見問題的匯總，問題的解答應(yīng)通俗易懂，容易理解。
2. 統(tǒng)計好每個問題打開的次數(shù)，以此來統(tǒng)計出哪些問題是用戶常遇到的問題，為后續(xù)的產(chǎn)品設(shè)計與優(yōu)化提供參考。

用戶反饋系統(tǒng)

用戶可針對產(chǎn)品登錄或者使用過程中進行問題的建議或反饋，一般設(shè)計在產(chǎn)品的登錄認證流程界面或個人信息展示頁面，非產(chǎn)品登錄框設(shè)計中的必備要素。

設(shè)計建議：

1. 用戶反饋系統(tǒng)要求對用戶問題進行收集整理，需要配合產(chǎn)品平臺進行使用，要求產(chǎn)品經(jīng)理設(shè)計時，注重產(chǎn)品前后臺的交互與反饋數(shù)據(jù)傳送。
2. 用戶反饋問題后，一般希望產(chǎn)品給予回應(yīng)或解答，建議有專業(yè)的客服人員跟進用戶反饋的意見與建議。

總結(jié)

登錄框的設(shè)計看似平淡，卻內(nèi)含精巧與智慧，從細節(jié)處體現(xiàn)出產(chǎn)品經(jīng)理設(shè)計功底與對產(chǎn)品用戶群的把握，登錄框設(shè)計的三標準七要素，希望可以拋磚引玉，挖掘出更多的登錄框優(yōu)秀設(shè)計作品與思想。

相關(guān)閱讀

登錄認證方式解析：賬號實名制的多米諾骨牌效應(yīng)

登錄認證方式解析：帳號實名制的定義、影響和設(shè)計方式

作者：喵小五，天翼賬號登錄認證產(chǎn)品經(jīng)理。微信公眾號：喵小五，miaowangwang1225。當(dāng)前目標是為大家解析一個夏季的登錄認證，期待大家的反饋與留言。

本文由 @喵小五 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。