往往當(dāng)用戶想要在某一個(gè)網(wǎng)站或APP上登錄或注冊(cè)一個(gè)賬號(hào)時(shí)，登錄和注冊(cè)頁面就顯得尤為重要。登錄或者注冊(cè)表單是網(wǎng)頁和APP設(shè)計(jì)中最重要的元素之一，所以在設(shè)計(jì)網(wǎng)站和APP的時(shí)候，表單的設(shè)計(jì)需要慎重考慮。好的登錄/注冊(cè)表單可以鼓勵(lì)用戶成為注冊(cè)者，訂閱者甚至成為你的常駐業(yè)務(wù)客戶。一個(gè)擁有干凈的外觀，優(yōu)質(zhì)的創(chuàng)意以及視覺吸引人的表單必定會(huì)提高訪客的轉(zhuǎn)化率。設(shè)計(jì)一個(gè)有效和干凈的登錄/注冊(cè)表單要求設(shè)計(jì)師具有豐富的創(chuàng)造力和經(jīng)驗(yàn)，以下幾個(gè)小技巧希望可以幫助大家。

小貼士：以下是幾款表單設(shè)計(jì)常用的原型工具供大家參考：

網(wǎng)頁: Axure , Mockplus , UXPin 。

APP: Justinmind , Proto.io , Invision 。

將“注冊(cè)”和“登錄”分開

大多數(shù)情況下，我們看到“注冊(cè)”和“登錄”按鈕位于彼此靠近的位置，但這可能對(duì)用戶產(chǎn)生反向影響。

兩個(gè)動(dòng)作都包含相同的動(dòng)詞，并且看起來相似，所以他們可能會(huì)混淆用戶選擇錯(cuò)誤的選項(xiàng)。使用戶感到沮喪，離開應(yīng)用程序?；旧?，嵌入在應(yīng)用界面中的元素不應(yīng)該讓用戶暫停和思考?？梢允褂貌煌膭?dòng)詞或簡要說明每個(gè)字段是什么來幫助用戶更好的理解。

提供明確的引導(dǎo)提示

當(dāng)用戶輸入錯(cuò)誤時(shí)一定要明確的指出到底錯(cuò)在哪，而不是簡單地說一句“輸入錯(cuò)誤”，同時(shí)還應(yīng)指導(dǎo)用戶寫出正確的答案?！俺鲇诎踩紤]，您的密碼長度必須在6個(gè)字符到10個(gè)字符之間，并且包含至少1個(gè)大寫字符、1個(gè)數(shù)字和1個(gè)符號(hào)”。這是一個(gè)典型的密碼錯(cuò)誤提示。

使密碼可見

用戶經(jīng)常遇到的另一個(gè)問題是密碼錯(cuò)誤，因?yàn)榇蠖鄶?shù)密碼輸入字段由于安全原因而被屏蔽。

即使是最有經(jīng)驗(yàn)的打字員也會(huì)有輸錯(cuò)的時(shí)候，尤其是當(dāng)他們從移動(dòng)設(shè)備登錄時(shí)。

在這種情況下，可以在密碼字段旁邊添加一個(gè)“顯示密碼”復(fù)選框或圖標(biāo)，當(dāng)用戶勾選它時(shí)顯示密碼。

輸入時(shí)自動(dòng)填充/自動(dòng)讀取常用賬號(hào)

我們?cè)诘卿?注冊(cè)時(shí)，經(jīng)常需要輸入賬號(hào)和密碼。這時(shí)候，簡化或縮短用戶輸入時(shí)間是各網(wǎng)頁/應(yīng)用優(yōu)化體驗(yàn)的的方式。

允許第三方賬號(hào)登錄

使用第三方賬號(hào)登錄可以解決很多注冊(cè)問題，用戶無需注冊(cè)表單，填寫信息資料，密碼甚至驗(yàn)證碼等。最重要的一點(diǎn)便是用戶不需要再記住一個(gè)新的用戶名和密碼了。不足之處就是有些用戶可能不喜歡共享賬號(hào)或者擔(dān)心隱私被泄露。所以最好的方法就是即提供郵箱注冊(cè)，也提供第三方賬號(hào)登錄，讓用戶自己選擇，提高用戶體驗(yàn)。

不要在不警告的情況下鎖定用戶的帳戶

為了避免強(qiáng)制進(jìn)入和暴力攻擊，許多網(wǎng)站和應(yīng)用程序在一系列錯(cuò)誤嘗試后會(huì)鎖定帳戶。

安全性是第一，但是至少應(yīng)該在鎖定賬號(hào)之前嘗試警告用戶，告訴他們還可以嘗試多少次輸入。還可以給出額外的詳細(xì)信息，例如10分鐘后再重試。