淺析APP注冊/登錄頁(yè)面設計注意事項發(fā)布者：本站     時(shí)間：2020-01-13 15:01:59

一、用戶(hù)體驗方面設計注意事項
1、把郵箱和手機號輸入框合并成一個(gè)，可縮減用戶(hù)的操作步驟。
2、用戶(hù)名密碼這些必填項在沒(méi)有輸入時(shí)，登錄按鈕為不可用狀態(tài)，避免誤操作帶來(lái)的麻煩。
3、輸入框中顯示提示信息的方式進(jìn)一步釋放了畫(huà)面空間，讓整個(gè)畫(huà)面看起來(lái)更加簡(jiǎn)潔。但是注意輸入框、提示文字的顏色灰度要把握好，顏色太淺不容易查看。
4、畫(huà)面中核心流程按鈕突出顯示，其它按鈕則最小化顯示，根據重要程度將顏色加以區別。
5、輸入框的獲得焦點(diǎn)時(shí)突出顯示，以便在多個(gè)輸入框時(shí)辨別焦點(diǎn)所處的位置。
6、錯誤提示直接顯示在畫(huà)面中，不以彈出對話(huà)框的形式或者toast的形式實(shí)現。消息提示框（toast）顯示時(shí)間如果短的話(huà)用戶(hù)可能會(huì )看不清楚。
7、頁(yè)面中的輸入框、按鈕等其他重要控件盡可能在彈出軟鍵盤(pán)時(shí)顯示在手機屏幕上半部分，方便用戶(hù)切換、確認等操作。
8、注冊/登錄失敗的情況，提示信息盡可能的詳細，是賬戶(hù)名出錯還是密碼出錯，或者是手機號已經(jīng)被注冊過(guò)了。
9、輸入郵箱地址時(shí)，可彈出自動(dòng)補全功能，自動(dòng)加入常見(jiàn)的郵箱后綴。
、發(fā)送驗證郵件后，可給用戶(hù)詳細的說(shuō)明及操作提示，也可以加入一個(gè)按鈕直接跳轉到相應的郵箱。
二、功能邏輯方面設計注意事項
1、發(fā)送短信前彈出對話(huà)框提示用戶(hù)確認下手機號，驗證手機號是否輸入正確，節省了用戶(hù)發(fā)錯一條短信的成本這種做法用戶(hù)體驗相對稍差。
2、注冊頁(yè)面可考慮加入服務(wù)條款的鏈接。個(gè)人感覺(jué)沒(méi)必要增加一個(gè)單選框讓用戶(hù)去選擇，用戶(hù)點(diǎn)擊注冊則代表同意該服務(wù)條款。
3、點(diǎn)擊發(fā)送驗證碼后可提示倒計時(shí)恢復的功能，一般是60秒，這個(gè)設計避免用戶(hù)反復點(diǎn)擊發(fā)送多次驗證碼。
三、注冊與登錄頁(yè)面安全性方面要考慮
1、密碼輸入框加入顯示或者隱藏按鈕，默認為明文狀態(tài)。避免用戶(hù)輸入錯誤。
2、一般情況下不需要單獨設計“確認密碼”提示框，移動(dòng)設備空間有限、操作也不方便。但一些對密碼安全要求高的應用可以設計“確認密碼”功能。
3、密碼輸入錯誤過(guò)多時(shí)，應該考慮要不要加入驗證碼機制，防止被惡意破解密碼。
4、短信驗證，連續驗證次數超過(guò)5次時(shí)，可考慮增加驗證碼機制，以確保安全性，同時(shí)避免無(wú)謂的損失。