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

當(dāng)用戶(hù)選擇了所在地區(qū)后，自動(dòng)填充郵政編碼。

當(dāng)用戶(hù)輸入銀行賬號(hào)時(shí)，自動(dòng)空格間斷。

當(dāng)用戶(hù)輸入金額時(shí)，自動(dòng)補(bǔ)充小數(shù)。

幫助用戶(hù)進(jìn)行決策。當(dāng)面臨的選擇越多時(shí)，用戶(hù)就越難做出決定。這個(gè)時(shí)候可以適當(dāng)?shù)膭澐置總�(gè)選項(xiàng)的優(yōu)先級(jí)，高亮其中的一個(gè)，告訴用戶(hù)你的推薦理由，讓用戶(hù)更容易比較并做出選擇。

支持常用的快捷操作，如Tab切換等，讓用戶(hù)在不使用鼠標(biāo)的情況下也能完成整個(gè)表格的填寫(xiě)。

提供友好的引導(dǎo)

清理晦澀的專(zhuān)業(yè)術(shù)語(yǔ)（如數(shù)據(jù)庫(kù)錯(cuò)誤），試著使用更加親切的語(yǔ)言來(lái)引導(dǎo)用戶(hù)填寫(xiě)、告訴用戶(hù)錯(cuò)誤的原因。當(dāng)問(wèn)題出現(xiàn)時(shí)，清楚的說(shuō)明問(wèn)題出現(xiàn)的原因并提供有效的解決方案。必要時(shí)，除了指導(dǎo)文案以外，還可以添加更加生動(dòng)的照片或可視化圖形作為引導(dǎo)。

一條龍服務(wù)

表單的終點(diǎn)并不是提交，我們需要為用戶(hù)提供一條龍服務(wù)，形成流程閉環(huán)，避免用戶(hù)在中途跳出。

舉個(gè)例子，用戶(hù)在某網(wǎng)站選好商品點(diǎn)擊付款時(shí)發(fā)現(xiàn)賬戶(hù)余額不足，此時(shí)用戶(hù)只能先進(jìn)行充值才能進(jìn)行后續(xù)操作，但當(dāng)用戶(hù)充值完畢后，發(fā)現(xiàn)已經(jīng)找不回原來(lái)選擇的商品和付款頁(yè)面了。這就是典型的流程不閉環(huán)的情況。類(lèi)似的還有當(dāng)用戶(hù)需要在論壇下載資源時(shí)，系統(tǒng)提示回復(fù)才能下載，而用戶(hù)沒(méi)有注冊(cè)，需要在此之前先提交注冊(cè)表單，當(dāng)用戶(hù)填寫(xiě)完畢后，卻直接跳轉(zhuǎn)到了論壇首頁(yè)。

一個(gè)好的表單設(shè)計(jì)，不僅需要考慮用戶(hù)填寫(xiě)前的引導(dǎo)、填寫(xiě)時(shí)的及時(shí)校驗(yàn)與幫助、還需要考慮填寫(xiě)后的整個(gè)流程體驗(yàn)。思考用戶(hù)填寫(xiě)表單的初衷是什么，讓他在填寫(xiě)完表單后能夠最快得到他最想要的東西。即便是他暫時(shí)無(wú)法得到的，也需要告訴他相應(yīng)的原因和能夠進(jìn)行的替代操作。

提供設(shè)計(jì)關(guān)懷

據(jù)統(tǒng)計(jì)，大約有12%的人口具有或輕或重的色覺(jué)障礙。如果將色彩作為區(qū)分不可點(diǎn)擊文本和可點(diǎn)擊鏈接的唯一元素，可能會(huì)讓這部分的人使用時(shí)出現(xiàn)困難。我們可以通過(guò)給鏈接文字加下劃虛線(xiàn)、使用按鈕或其他形狀做區(qū)分，讓這類(lèi)用戶(hù)能更加清楚的知道哪些是可點(diǎn)擊的區(qū)域。

最后，再增加一點(diǎn)愉悅度吧

研究表明，更大的文字輸入框、適度的留白空間會(huì)讓人更有填寫(xiě)的欲望，優(yōu)雅的動(dòng)畫(huà)效果也能增加填寫(xiě)的趣味。以下的案例可供參考：