7個(gè)幫你全面提升Web表單填寫(xiě)體驗(yàn)的方法(2)

除了上面這種簡(jiǎn)單粗暴的方式以外，首次輸入密碼時(shí)使用明文確認(rèn)同樣可以節(jié)省二次輸入密碼的時(shí)間，出于信息安全的考慮，需支持有需要的用戶(hù)隨時(shí)切換成暗文顯示。以下是筆者收集的幾種明文確認(rèn)密碼的方式，可供參考：

鼠標(biāo)點(diǎn)擊、拖拽操作相對(duì)于鍵盤(pán)輸入來(lái)說(shuō)是更加有效率的方式。通過(guò)添加選取器、快捷選項(xiàng)、智能聯(lián)想、range滑塊、number微調(diào)等方式讓用戶(hù)可以更快速的完成表單。

添加選取器、快捷選項(xiàng)：

支持拖拽上傳：

智能聯(lián)想：

range滑塊：

number微調(diào)：

慎用下拉框。由于下拉框會(huì)對(duì)用戶(hù)造成信息的隱藏，需要而外的操作才能顯示，更適合用在選擇日期、省份等可選范圍較大的地方。對(duì)于數(shù)目有限且重要的選項(xiàng)來(lái)說(shuō)，使用更明顯的選擇方式更合適。

放寬對(duì)用戶(hù)輸入的要求，包括格式、大小寫(xiě)等。讓你的系統(tǒng)更靈活而非讓用戶(hù)為了你改變他們的輸入習(xí)慣。

錯(cuò)誤預(yù)防。進(jìn)行有效的即時(shí)校驗(yàn)，讓用戶(hù)能及時(shí)修改、補(bǔ)充缺漏的信息；另外，我們還可以通過(guò)限制用戶(hù)的行為（如在預(yù)定機(jī)票時(shí)返回時(shí)間無(wú)法選擇出發(fā)時(shí)間之前的日期，出發(fā)城市不能跟到達(dá)城市一樣等），或提供自動(dòng)修正的方式來(lái)預(yù)防用戶(hù)犯錯(cuò)。

通過(guò)提供更加積極的交互反饋、預(yù)置文字、自動(dòng)獲取信息、自動(dòng)修改格式、補(bǔ)全小數(shù)點(diǎn)等方式，使你的表單變得更聰明。

如當(dāng)用戶(hù)輸入信用卡號(hào)碼時(shí)，能夠自動(dòng)判斷用戶(hù)使用的是哪種信用卡。

當(dāng)用戶(hù)輸入手機(jī)號(hào)碼時(shí)，能夠判斷出其歸屬地。此時(shí)如果用戶(hù)輸錯(cuò)號(hào)碼，會(huì)更容易被發(fā)現(xiàn)。