101条UX原则 - 权威设计指南

101条UX原则 - #52 让用户可以轻松输入邮政编码

2019-01-27  本文已影响2人  Tomi_Wong

邮政编码在世界各地各不相同。不要试图猜测用户的格式:只需给他们一个文本输入字段,让他们自己填写。如果需要验证编码,请在服务器端完成。如果强制用户输入邮政编码,无论他们在世界的哪个位置,你的数据库中都会有大量的垃圾邮政编码。

我近年来看到的一些更好的形式包括“实时查找”,其中输入邮政编码(或邮政编码的一部分)将返回给用户可能的地址选项列表供点选。显然,这减少了用户输入其地址所需的击键和点击次数,并且还通过使用已经清理的数据预填充字段来降低错误率。

如果你正在处理网页(和本机原生先应用相对应的),则在 HTML 中的输入元素上使用“自动填充”属性将提示某些浏览器在该字段上提供“自动填充”:

<input autocomplete =“shipping postal-code”>

这将适用于 Android 和 iOS 浏览器,使用户有机会一键填充自己的邮政编码。

额外提示:国家/地区代码通常位于表单的末尾,因此请勿让用户在输入所有数据之后,因为改选了国家/地区信息而清除其他所有数据。

知识点:

·填表这件事对用户来说是一种痛苦,所以只需让他们输入他们的邮政编码,稍后再做验证。

·如果可能的话,为邮政编码提供“实时查询”以便进行地址转换。

·使用 HTML 在表单字段中允许使用“自动填充”功能。

上一篇下一篇

猜你喜欢

热点阅读