7個幫你全面提升Web表單填寫體驗的方法(2)
除了上面這種簡單粗暴的方式以外,首次輸入密碼時使用明文確認同樣可以節(jié)省二次輸入密碼的時間,出于信息安全的考慮,需支持有需要的用戶隨時切換成暗文顯示。以下是筆者收集的幾種明文確認密碼的方式,可供參考:
鼠標(biāo)點擊、拖拽操作相對于鍵盤輸入來說是更加有效率的方式。通過添加選取器、快捷選項、智能聯(lián)想、range滑塊、number微調(diào)等方式讓用戶可以更快速的完成表單。
添加選取器、快捷選項:
支持拖拽上傳:
智能聯(lián)想:
range滑塊:
number微調(diào):
慎用下拉框。由于下拉框會對用戶造成信息的隱藏,需要而外的操作才能顯示,更適合用在選擇日期、省份等可選范圍較大的地方。對于數(shù)目有限且重要的選項來說,使用更明顯的選擇方式更合適。
放寬對用戶輸入的要求,包括格式、大小寫等。讓你的系統(tǒng)更靈活而非讓用戶為了你改變他們的輸入習(xí)慣。
錯誤預(yù)防。進行有效的即時校驗,讓用戶能及時修改、補充缺漏的信息;另外,我們還可以通過限制用戶的行為(如在預(yù)定機票時返回時間無法選擇出發(fā)時間之前的日期,出發(fā)城市不能跟到達城市一樣等),或提供自動修正的方式來預(yù)防用戶犯錯。
通過提供更加積極的交互反饋、預(yù)置文字、自動獲取信息、自動修改格式、補全小數(shù)點等方式,使你的表單變得更聰明。
如當(dāng)用戶輸入信用卡號碼時,能夠自動判斷用戶使用的是哪種信用卡。
當(dāng)用戶輸入手機號碼時,能夠判斷出其歸屬地。此時如果用戶輸錯號碼,會更容易被發(fā)現(xiàn)。
學(xué)習(xí) · 提示
相關(guān)教程