优化输入框，让填写如丝般顺滑(2)

交互层面

标注键盘类型

手机上的键盘触摸点非常小，触摸键盘需要随时调整，根据每个表单域的不同数据类型，为用户提供不同的键盘布局。输入方式有三种。对于第一种纯数字的我们可以锁定为数字键盘。

• 纯数字: 电话号码、邮编、各种号码

• 纯文本: 用户名、地址等

• 混合格式: 评论、备注等等

上图填写电话号码，如果如右图默认好数字键盘，填写时就节省一次切换键盘的功夫。

对于一些固定选项我们常常使用控件帮助用户更快填写，比如日期，性别，地区等等。尽量在当前页面调用控件。如果填写内容范围广，需要进入二级页面另一页来选择适合，尽量提供快速检索方式。还有一种情况是对于容易填错的选项，使用控件，减少用户的填写错误，从而减少心理负担。

但是我们要思考使用控件是否更快速，下图这个例子，填写还款日的时候进入另一个选择，把1— 28 以及月末安行排开，初衷应该是为了容错，但是使用起来繁琐。

及时验证

当你好不容易填写完长长的信息，点击提交，这时候界面提示：你有 20 项填错……虽然我知道作为金融产品，这项的目的是为了限制错误。然而这种处理方法显然不是最好的。

没有人喜欢后知后觉的反馈，特别是错误。告知用户输入内容是否正确的最佳时机，是在用户填完内容后立刻告知用户。内联验证可以马上告知用户输入的正确性。帮助用户及时改正，无需等到点击提交按钮。如果只有一个错误要修正，那就很容易，能降低用户放弃的可能性。

（编辑：ASP站长网）