pc端設計登錄注冊需注意的幾點問題
登錄注冊幾乎是每個軟件必備的功能,為了方便用戶,現在比較流行的方式是第三方授權,但是對于軟件來講是有弊端的,這樣會依存于第三方軟件,一旦第三方軟件消失了,那么用戶將不能再登錄,而且軟件也不能獲取用戶更多的信息。所以,登錄注冊是個繞不過去的坑,那么,我們就來談談pc端怎么設計登錄注冊,需要注意哪些問題。
1. 輸入框
1.1 標簽對齊方式
主要有頂對齊、左對齊、右對齊、輸入框內的標簽,每種對其都有其優缺點,下面集中討論。
頂對齊,主要形式如下:
頂對齊標簽和輸入框非常近,用戶處理起來不費勁,視覺的瀏覽軌跡只需要向下就可以,完成路徑清晰。因為標簽單獨占據一行,所以,標簽收縮自由,對于長標簽或者跨文化標簽特別有用。由于橫向控件比較大,可以采用擴展成組合標簽,如下:
但是,頂對齊標簽占用了較多的垂直空間,對于垂直空間有限的,慎用。因為頂對齊標簽都是垂直分布的,所以,一定要設計好垂直距離,太多太少,都會影響用戶瀏覽。一般而言,輸入框的50%-75%,作為間距最好。
經調研,頂對齊要比右對齊快2倍,比左對齊快10倍。但是這個數據是基于人們普遍了解的表單,如果對于一個陌生的表單,還有待調查。
右對齊,主要形式如下:
標簽的文字變化較大時,就會產生靈活性問題,甚至有的標簽需要用兩行文字闡述,就會使閱讀起來更加困難。但是如果垂直空間有限,右對齊標簽是個不錯選擇。
左對齊,主要形式如下:
如果人們不熟悉要搜集的數據,左對齊方便人們瀏覽標簽,不受輸入框的打斷。但是如果標簽的字數相差很大,就會增加標簽和輸入框的距離,就會造成人們來回瀏覽標簽和輸入框,尋找對應關系。左對齊標簽需要完成的時間最長,如果需要人們放慢填寫,仔細考慮輸入,左標簽是個不錯選擇。
輸入框內的標簽,主要形式如下:
輸入框內標簽有兩種形式,一種是在輸入框輸入時,標簽不消失,另一種是消失。對于不消失的,標簽字數就有限制,目前使用比較多的就是在登錄頁面,用戶名和密碼字數都比較少,如果對于一個普通的表單,字數多余5個字,使用就會比較麻煩。對于消失的標簽,節省了屏幕空間,但是在交互的時候,也會有問題,點擊之后,標簽是否能消失,如果不消失,就會作為答案,同時還需要明確區分標簽和數據,否則會讓人誤認為是提供的答案。
建議:
- 如果需要減少填寫時間,標簽需要靈活多變,可以使用頂對齊的形式。
- 如果需要減少填寫時間,但是垂直空間有限,可以采用右對齊的形式。
- 如果人們需要需要瀏覽標簽,知道需要回答多少問題,可采用左對齊的形式。
- 如果標簽特別短,空間又有限,可采用輸入框內標簽。
1.2 刪除控件
這個比較簡單,就是帶有刪除控件的輸入框,和不帶的。
帶刪除控件的輸入框
用戶輸入時,刪除控件自動出現,可以幫助用戶快速刪除所有內容,但是隨著刪除控件的存在,用戶輸入的字符數就會被限制,如果不限制,就會出現字和控件重疊。
不帶刪除控件的輸入框
沒有刪除控件,界面看著更簡潔,用戶可以長按電腦的刪除鍵,也可以全選,按一下刪除鍵就可以,因為操作成本都比較低,所以刪除控件就沒有那么重要。
建議:
- 如果輸入框長度比較長,輸入的內容比較多,建議帶上刪除空間。
- 如果輸入框長度小,隨著不同分辨率,輸入框還需要變化,輸入內容比較簡單,可以沒有刪除控件。
2、錯誤提示
登錄的錯誤提示已經約定俗成了,通常都放在標題和輸入框之間。
主要是輸入框比較少,在一個固定位置反饋,可以讓用戶快速獲取消息。
而注冊時,通常采用實時驗證的方式,如果用戶都填完了,統一驗證,不但時間慢,最后還需要用戶從頭開始檢查哪出錯了,降低了效率。
在總結錯誤提示的時候,注意到了一個問題,就是在登錄的時候,你填寫完用戶名和密碼,給出的反饋是“用戶名或密碼錯誤”,當我看到這個提示的時候,第一個想到的就是,我一共就填寫了兩項內容,你告訴我用戶名或密碼錯誤,你讓我怎么選擇,太逆天了,后來想了想這個邏輯,之所以這么做是可以覆蓋很多可能性:用戶名對了,密碼錯了;用戶名錯了,但是也注冊過,所以密碼不匹配。但是這樣反饋太反人類了,所以,我想出一種解決辦法,歡迎大家來噴。第一次、第二次提示:密碼錯誤,第三次提示:請先核對用戶名,在輸入密碼,第五次就提示:密碼錯誤,請嘗試忘記密碼。根據不同的輸入次數,給出不同的反饋,比較符合情景。
3、光標位置
光標是人們容易忽略的一個問題。
對于登錄郵箱錯誤,因為是明文的,所以反饋后,光標應該在郵箱的末尾,讓人們去修改。
對于密碼,是暗文的,就算提示你錯誤了,你也不知道哪錯誤了,所以密碼通常是直接清空,然后光標位于標簽之后,方便用戶直接輸入。
對于驗證碼,雖然是明文的,但是,通常是因為超時出現錯誤,只要錯誤,都會刷新驗證碼,所以,驗證碼也是直接清空,然后光標位于標簽之后。
本文的得出,主要來源于對我司網站登陸注冊的改版,所以得出的結論主要是以我們的網站為基礎的,未免會有些偏差,望見諒。
本文由 @設計Zan?原創發布于人人都是產品經理。未經許可,禁止轉載。
??
關于用戶名密碼錯誤的提示,我覺得是擔心有人故意來試錯,比如如果只是提示“密碼錯誤”,那就能確定這個郵箱確實是注冊過的,就可以嘗試通過工具破解密碼了。
其實這塊是風控來負責,避免批量來刷用戶狀態,單個的試錯沒有意義也無法避免
還有你并不能確定用戶名有沒有輸錯啊,我用戶名輸入錯誤,你一直提示我密碼錯誤,我試到天黑也登錄不上啊。。。
沒聽太懂,給用戶的提示都是要準確的,用戶才知道該如何做,這是毋庸置疑的
至于有人利用這種漏洞來刷,那么則是由風控進行攔截,至于是直接攔截還是彈個驗證碼,這個看情況
有錯別字
where
很多地方……