有效的表单不仅能让用户填写数据，还能得到设计人员想要的信息。为实现这一点，设计人员应控制用户输入，以免得到垃圾信息。
成功的交易需要正确的用户信息，而垃圾信息会影响买卖。设计人员应采用以下字段输入技巧，以免得到不需要的用户信息。
用户输入自动化
自动化输入减少了用户必填的内容，防止他们出错。用户填的东西越多，犯的错就越多。设计人员虽然无法做到每个字段都自动输入，但还是有一些字段能做到自动输入。
从邮政编码中自动提取州、市信息
没必要让用户先从下拉框中选择州名，然后再输入城市名称。手工输入上述字段内容会增加出错的几率，产生垃圾信息。城市名称很容易输错，同时从一长串州名中选择州名也不容易。
设计人员应先让用户输入邮政编码，然后根据邮政编码自动填入州名和城市名称。邮政编码与州相关， Ziptastic API等工具能根据邮政编码自动输入正确的城市名称和州名。下面的文章介绍如何在表单中使用 Ziptastic API：使用Ziptastic从邮政编码中自动提取城市名称和州名。
根据信用卡号自动识别信用卡公司
拥有很多张信用卡的用户，在线购物时很容易搞混信用卡，为了避免混淆，应根据信用卡号自动识别信用卡公司。
JQuery信用卡验证程序能根据信用卡号的数字模式识别信用卡所属公司。用户输入信用卡号后，系统自动显示其所属公司，不用用户手工输入。
根据收货地址自动填入账单地址
用户在付款表单中必须填写收货地址和账单地址，但如果这两者相同的话，没必要让用户重复输入。
支持用户通过复选框设置将收货地址自动填入账单地址字段，将复选框命名为“与我的收货地址相同”，使其用途清晰明确。下面的文章介绍如何实现这一点：如何用JavaScript将一个字段的内容复制到另一个字段。
字段约束
另一种控制用户输入的技巧是增加字段约束。表单中经常出现意外错误，使用字段约束能降低错误率。
电话号码字段和邮政编码字段只能输入数字
付款表单中的某些字段只能包含数字，例如电话号码字段和邮政编码字段，给它们增加数字约束能防止用户意外输入非数字的字母。
用户输入字母时，系统可以显示错误提示。或者，系统也可以在用户按键时禁止将字母输入到带数字约束的字段。
拆分姓名、电话号码和住址字段
如果字段标签不够具体，用户有时候会遗漏重要信息，这通常发生在他们填写姓名、电话号码和住址字段时。
如果想得到用户的全名，应将姓名字段拆分为姓氏和名字两个字段。标签为“名字”的字段让用户只输入名字，同时由于姓氏可能很长，应确保“姓氏”字段支持输入较多的字符。
具体化电话号码也很重要。系统需要让用户清楚应输入号码的类型（如主要联系电话、手机号码、家庭电话、工作电话等）。应该将区号和电话号码字段分开，以便获得完整信息。
住址字段不具体的话，用户也会漏掉主要信息。将住址字段拆分为“街道”字段和“公寓/套房/建筑”字段，让用户清楚输入的内容。
用下拉菜单控制给定输入
将字段拆分为更具体的字段是约束用户输入信息的一种好方法，而另一种约束方式是用下拉菜单控制给定输入。
用户可以从一组年份和月份中选择信用卡到期日期。下拉菜单能防止用户弄混这两个字段，避免输入错误数字。
提供预览和确认功能
防止垃圾信息的最后一种技巧是提供预览和确认功能。这很重要，用户输入的信用卡号不正确就无法完成交易，而收货地址不正确就无法收到收到卖品，支持用户预览和确认输入内容可以避免上述情况。
控制用户输入以避免垃圾信息
防止垃圾信息的最佳方法是控制用户输入。设计人员想要用户填写表单，而用户不给想要的信息无关紧要，可以通过用户输入自动化、约束和确认等技巧控制用户输入。表单内容的质量就掌握在设计人员手中。
原文地址：https://uxmovement.com/forms/form-field-techniques-to-control-user-input/
扫一扫
308
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
