国外亚洲成av人片在线观看,热99re久久精品这里都是精品,天堂网在线最新版www,国产成人av区一区二区三,51久久成人国产精品麻豆

登錄注冊幾乎是每個軟件必備的功能，為了方便用戶，現(xiàn)在比較流行的方式是第三方授權(quán)，但是對于軟件來講是有弊端的，這樣會依存于第三方軟件，一旦第三方軟件消失了，那么用戶將不能再登錄，而且軟件也不能獲取用戶更多的信息。所以，登錄注冊是個繞不過去的坑，那么，我們就來談?wù)刾c端怎么設(shè)計登錄注冊，需要注意哪些問題。

1. 輸入框

1.1 標(biāo)簽對齊方式

主要有頂對齊、左對齊、右對齊、輸入框內(nèi)的標(biāo)簽，每種對其都有其優(yōu)缺點，下面集中討論。

頂對齊，主要形式如下：

頂對齊標(biāo)簽和輸入框非常近，用戶處理起來不費勁，視覺的瀏覽軌跡只需要向下就可以，完成路徑清晰。因為標(biāo)簽單獨占據(jù)一行，所以，標(biāo)簽收縮自由，對于長標(biāo)簽或者跨文化標(biāo)簽特別有用。由于橫向控件比較大，可以采用擴展成組合標(biāo)簽，如下：

但是，頂對齊標(biāo)簽占用了較多的垂直空間，對于垂直空間有限的，慎用。因為頂對齊標(biāo)簽都是垂直分布的，所以，一定要設(shè)計好垂直距離，太多太少，都會影響用戶瀏覽。一般而言，輸入框的50%-75%，作為間距最好。

經(jīng)調(diào)研，頂對齊要比右對齊快2倍，比左對齊快10倍。但是這個數(shù)據(jù)是基于人們普遍了解的表單，如果對于一個陌生的表單，還有待調(diào)查。

右對齊，主要形式如下：

標(biāo)簽的文字變化較大時，就會產(chǎn)生靈活性問題，甚至有的標(biāo)簽需要用兩行文字闡述，就會使閱讀起來更加困難。但是如果垂直空間有限，右對齊標(biāo)簽是個不錯選擇。

左對齊，主要形式如下：

如果人們不熟悉要搜集的數(shù)據(jù)，左對齊方便人們?yōu)g覽標(biāo)簽，不受輸入框的打斷。但是如果標(biāo)簽的字?jǐn)?shù)相差很大，就會增加標(biāo)簽和輸入框的距離，就會造成人們來回瀏覽標(biāo)簽和輸入框，尋找對應(yīng)關(guān)系。左對齊標(biāo)簽需要完成的時間最長，如果需要人們放慢填寫，仔細考慮輸入，左標(biāo)簽是個不錯選擇。

輸入框內(nèi)的標(biāo)簽，主要形式如下：

輸入框內(nèi)標(biāo)簽有兩種形式，一種是在輸入框輸入時，標(biāo)簽不消失，另一種是消失。對于不消失的，標(biāo)簽字?jǐn)?shù)就有限制，目前使用比較多的就是在登錄頁面，用戶名和密碼字?jǐn)?shù)都比較少，如果對于一個普通的表單，字?jǐn)?shù)多余5個字，使用就會比較麻煩。對于消失的標(biāo)簽，節(jié)省了屏幕空間，但是在交互的時候，也會有問題，點擊之后，標(biāo)簽是否能消失，如果不消失，就會作為答案，同時還需要明確區(qū)分標(biāo)簽和數(shù)據(jù)，否則會讓人誤認(rèn)為是提供的答案。

建議：

1. 如果需要減少填寫時間，標(biāo)簽需要靈活多變，可以使用頂對齊的形式。
2. 如果需要減少填寫時間，但是垂直空間有限，可以采用右對齊的形式。
3. 如果人們需要需要瀏覽標(biāo)簽，知道需要回答多少問題，可采用左對齊的形式。
4. 如果標(biāo)簽特別短，空間又有限，可采用輸入框內(nèi)標(biāo)簽。

1.2 刪除控件

這個比較簡單，就是帶有刪除控件的輸入框，和不帶的。

帶刪除控件的輸入框

用戶輸入時，刪除控件自動出現(xiàn)，可以幫助用戶快速刪除所有內(nèi)容，但是隨著刪除控件的存在，用戶輸入的字符數(shù)就會被限制，如果不限制，就會出現(xiàn)字和控件重疊。

不帶刪除控件的輸入框

沒有刪除控件，界面看著更簡潔，用戶可以長按電腦的刪除鍵，也可以全選，按一下刪除鍵就可以，因為操作成本都比較低，所以刪除控件就沒有那么重要。

建議：

1. 如果輸入框長度比較長，輸入的內(nèi)容比較多，建議帶上刪除空間。
2. 如果輸入框長度小，隨著不同分辨率，輸入框還需要變化，輸入內(nèi)容比較簡單，可以沒有刪除控件。

2、錯誤提示

登錄的錯誤提示已經(jīng)約定俗成了，通常都放在標(biāo)題和輸入框之間。

主要是輸入框比較少，在一個固定位置反饋，可以讓用戶快速獲取消息。

而注冊時，通常采用實時驗證的方式，如果用戶都填完了，統(tǒng)一驗證，不但時間慢，最后還需要用戶從頭開始檢查哪出錯了，降低了效率。

在總結(jié)錯誤提示的時候，注意到了一個問題，就是在登錄的時候，你填寫完用戶名和密碼，給出的反饋是“用戶名或密碼錯誤”，當(dāng)我看到這個提示的時候，第一個想到的就是，我一共就填寫了兩項內(nèi)容，你告訴我用戶名或密碼錯誤，你讓我怎么選擇，太逆天了，后來想了想這個邏輯，之所以這么做是可以覆蓋很多可能性：用戶名對了，密碼錯了；用戶名錯了，但是也注冊過，所以密碼不匹配。但是這樣反饋太反人類了，所以，我想出一種解決辦法，歡迎大家來噴。第一次、第二次提示：密碼錯誤，第三次提示：請先核對用戶名，在輸入密碼，第五次就提示：密碼錯誤，請嘗試忘記密碼。根據(jù)不同的輸入次數(shù)，給出不同的反饋，比較符合情景。

3、光標(biāo)位置

光標(biāo)是人們?nèi)菀缀雎缘囊粋€問題。

對于登錄郵箱錯誤，因為是明文的，所以反饋后，光標(biāo)應(yīng)該在郵箱的末尾，讓人們?nèi)バ薷摹?/p>

對于密碼，是暗文的，就算提示你錯誤了，你也不知道哪錯誤了，所以密碼通常是直接清空，然后光標(biāo)位于標(biāo)簽之后，方便用戶直接輸入。

對于驗證碼，雖然是明文的，但是，通常是因為超時出現(xiàn)錯誤，只要錯誤，都會刷新驗證碼，所以，驗證碼也是直接清空，然后光標(biāo)位于標(biāo)簽之后。

本文的得出，主要來源于對我司網(wǎng)站登陸注冊的改版，所以得出的結(jié)論主要是以我們的網(wǎng)站為基礎(chǔ)的，未免會有些偏差，望見諒。

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