[譯] 為什麼確認輸入email的方式勢必淘汰

作者:Anthony(UX movement創始人)

2017/12/10

來源:uxmovement.com/forms/wh

Email地址是被修改最多的表單欄位之一,因為郵件地址往往長而複雜,容易被輸錯,導致用戶提交錯誤的email地址。

Email確認方式的問題

設計師們相信可以通過增加email地址確認欄來避免這種錯誤。這可以防止某些錯誤的提交,但不是全部。並且這種做法是有代價的。

許多用戶有複製email地址然後粘貼到確認地址欄的習慣。假如用戶複製的email地址本身就是錯誤的,那麼這種防範設計就完全起不到作用,確認欄無法防止用戶的錯誤輸入。

一項研究發現「60%的實驗對象遇到要求確認email地址欄時會採用複製粘貼的方式」。用戶這麼做往往是因為重複輸入太費事。用戶通常也很確信自己不會輸錯。但當他們發現自己真的輸錯時,往往會很驚訝。

Email確認欄並不能解決錯誤提交的問題。不僅如此,它還迫使用戶重複並不想做的操作。(由於肌肉記憶)用戶還可能連續兩次都輸入錯誤,這將導致用戶花費更多時間檢查所輸入的內容,會使他們感到受挫。

重新設計email欄

如果你想提升正確的email地址提交數量,你需要重新設計email欄。你需要改變它的位置,大小和標籤。

1)先展示email欄

填寫表單是個很普通的任務,用戶往往匆忙應付以便快速跳轉到下一項。但越是企圖快速完成越是容易造成誤輸入。

把email欄放在第一位可以防止這種情況。因為這是表單開始的第一個輸入框,用戶不會從一開始就不耐煩。把email欄放在表單中間或尾部都不理想,因為這時用戶已經開始對輸入感到厭倦,急於完成填寫。

2)增大輸入框的尺寸

email是註冊表單中最容易輸錯的欄位。有研究在最後的數據中表明了這一點。加大輸入框的大小很重要,這有利於用戶發現自己輸入中的錯誤。

很多表單中email地址輸入使用的字型大小過小,如果用戶拼寫錯誤會難以發現。而加大輸入框字型大小可以使用戶更易於識別特殊字元。這將幫助他們在檢查輸入時一目了然地發現錯誤。

你可以將email框設計得比別的輸入框更大,但這可能導致樣式不一致。因此你可以將輸入框設計為當用戶激活時放大的效果,輸入框中的文字也需要相應變大。而用戶離開當前輸入框後,則相應恢復原來大小。

這裡有一個上文的示例:

3)強調輸入欄位的準確性

很多設計師將email欄起名為「郵件地址」,雖然這樣起名簡潔直白,但它沒有起到強調輸入準確的重要性。如果你希望用戶二次檢查輸入內容,那麼表單名稱應當對此加以強調。

給欄位起名類似「郵件地址(請確保輸入正確)」可以提醒用戶輸入完成後進行檢查。這種強調很重要因為大部分用戶不相信自己會輸錯郵件地址,因此他們也不會多加檢查。

你最終需要的就是清晰

不是所有的表單數據在複雜性上都完全相同,郵件框值得特別處理是因為它比其他表單欄位更複雜,它包括字母,數字和字元,所以更容易輸錯。

現在是時候在設計郵件表單時使用新的方案了。解決方案並不是再填寫另一個欄位,而是使現有欄位更清晰。你需要設計突出的位置,更大的輸入框尺寸和特定標籤。改變這些然後將確認郵件輸入框一次性淘汰。


推薦閱讀:

寫給想做設計師的人
UI設計師大牛們都在跟隨這些趨勢設計網頁
UI設計獅和WEB前端開發程序猿的選擇,你怎麼看?
sketch插件-kitchen【轉自sketch.im】

TAG:用戶體驗設計師UXdesigner | UI設計師 |