101條UX原則 - #52 讓用戶可以輕松輸入郵政編碼

郵政編碼在世界各地各不相同。不要試圖猜測用戶的格式:只需給他們一個文本輸入字段,讓他們自己填寫。如果需要驗證編碼,請在服務(wù)器端完成。如果強制用戶輸入郵政編碼,無論他們在世界的哪個位置,你的數(shù)據(jù)庫中都會有大量的垃圾郵政編碼。

我近年來看到的一些更好的形式包括“實時查找”,其中輸入郵政編碼(或郵政編碼的一部分)將返回給用戶可能的地址選項列表供點選。顯然,這減少了用戶輸入其地址所需的擊鍵和點擊次數(shù),并且還通過使用已經(jīng)清理的數(shù)據(jù)預(yù)填充字段來降低錯誤率。

如果你正在處理網(wǎng)頁(和本機原生先應(yīng)用相對應(yīng)的),則在 HTML 中的輸入元素上使用“自動填充”屬性將提示某些瀏覽器在該字段上提供“自動填充”:

<input autocomplete =“shipping postal-code”>

這將適用于 Android 和 iOS 瀏覽器,使用戶有機會一鍵填充自己的郵政編碼。

額外提示:國家/地區(qū)代碼通常位于表單的末尾,因此請勿讓用戶在輸入所有數(shù)據(jù)之后,因為改選了國家/地區(qū)信息而清除其他所有數(shù)據(jù)。


知識點:

·填表這件事對用戶來說是一種痛苦,所以只需讓他們輸入他們的郵政編碼,稍后再做驗證。

·如果可能的話,為郵政編碼提供“實時查詢”以便進(jìn)行地址轉(zhuǎn)換。

·使用 HTML 在表單字段中允許使用“自動填充”功能。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容