登錄框對于互聯網APP設計而言是必不可少的一環，其作用相當于產品的門面，今天就跟大家詳解登錄框設計的三標準七大要素，希望大家可以發帖討論，提供更多的登錄框設計思路。

登錄框是什么？

登錄框是互聯網產品中供用戶登錄認證的界面或流程，其作用是認證用戶的真實身份信息，實現用戶登錄認證到產品應用的界面或流程。

登錄框評價標準

登錄框評價的有三個標準：快、準、穩。

1、登錄框的“快”主要體現在：

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

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

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

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

（3）用戶登錄到產品界面的設計細節是否快捷。

用戶登錄到產品界面的設計細節是否快捷是指：產品的登錄框設計要素是否遵循協助用戶可快捷登錄到應用的，如輸入手機號碼的界面，鍵盤彈出的頁面是否為數字輸入頁面；對于新用戶而言，是否可以在最短的時間內發現或者跳轉到注冊頁面等。

2、登錄框的“準”主要體現在：

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

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

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

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

當用戶有產品的多個賬戶時，產品依然可準確識別用戶身份，根據帳號的不同可切換到不同的登錄認證界面。

（3）識別用戶的錯誤密碼并設計有找密環節。當用戶輸入錯誤密碼或者忘記密碼時，登錄框可準確識別錯誤密碼并協助用戶按產品預定的流程找回密碼或重新登錄到應用。

3、登錄框的“穩”主要體現在：賬號“安全性”與功能“穩定性”。

（1）安全性的主要體現在：

登錄框對于機器攻擊的防御與用戶信息的保護，如保證用戶的賬號密碼不被拖庫與個人信息安全不被盜取等。

（2）功能的穩定性主要體現在：

確保用戶可在既定的條件下，可穩定的登錄到應用，如不會出現輸入正確的賬號密碼登錄不到應用，手機短驗設計中，驗證碼遲遲不能收到的情況。

登錄框設計要素

互聯網常見的登錄框設計要素主要有七點，分別是：賬密輸入框、認證能力、服務協議、注冊流程、找密流程、用戶FAQ、用戶反饋系統。以下以天翼賬號與人人都是產品經理的登錄框設計為大家圖解說明：

賬密輸入框

用戶輸入賬號密碼即可登錄到應用的文本框。

設計要點：

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

設計建議：

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

認證能力

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

設計要點：

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

設計建議：

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

服務協議

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

設計要點：

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

設計建議：不要忽略服務協議，協議內容盡量細化，避免不必要的法律糾紛。

注冊流程 ?

用戶首次使用應用，沒有獲取產品登錄權限時需要使用到注冊流程，或者，當應用不能識別到用戶是否為產品用戶時，產品會自動為用戶彈出注冊流程。

設計要點：

1. 注冊環節需要盡量簡化，避免新用戶的流失。
2. 用戶注冊后，系統能準確記錄用戶的注冊信息、賬號密碼等。

設計建議：

注冊設計，以簡為美。

找密流程

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

?設計要點：

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

設計建議：

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

用戶FAQ

解答用戶登錄認證過程中常見問題等，可根據產品的使用場景與規劃進行設計，非產品登錄框設計中的必備要素。

設計建議：

1. 呈現的FAQ應是用戶常見問題的匯總，問題的解答應通俗易懂，容易理解。
2. 統計好每個問題打開的次數，以此來統計出哪些問題是用戶常遇到的問題，為后續的產品設計與優化提供參考。

用戶反饋系統

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

設計建議：

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

總結

登錄框的設計看似平淡，卻內含精巧與智慧，從細節處體現出產品經理設計功底與對產品用戶群的把握，登錄框設計的三標準七要素，希望可以拋磚引玉，挖掘出更多的登錄框優秀設計作品與思想。

相關閱讀

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

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

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

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