手机端表单的三个可用性问题:字段多、键盘挡、没反馈
结论先行:手机端表单的三个可用性问题是字段太多、键盘挡住输入框、提交后没有反馈,逐项修掉,访客才愿意把电话留在页面上。
同一张表单,电脑上填得下去,手机上未必。屏幕小、手指粗、注意力短,任何一个环节卡住都会走人。

本文要点
- 字段按必要程度排,缺的信息第二次联系再补;
- 键盘弹起时,正在填的输入框要留在可见区域;
- 提交后给一句明确的话,说明下一步会发生什么。
一、字段:先问这一栏现在非要不可吗
每多一个字段,就多一次放弃的机会。判断标准很简单:这一栏的信息,能不能在首次电话里问到。
| 字段 | 是否必要 | 处理方式 |
|---|---|---|
| 手机号 | 必填 | 保留,打开数字键盘,支持粘贴 |
| 公司名称 | 视情况 | 改选填,回访时补 |
| 邮箱与微信 | 选填 | 只留一个主渠道,别两个都要 |
| 需求描述 | 选填 | 给几个选项点选,少让人打字 |
二、键盘:别让输入框藏在键盘底下
手机上填表单,键盘会占掉半屏。输入框被压在键盘后面,访客看不见自己打了什么,只能盲打。
这类问题在电脑上测不出来。浏览器窗口拉小也没用,只有真机上手才知道会不会被遮住。
- 用手机实际填一遍,把每个字段都点到;
- 确认聚焦后页面会自动滚到该字段;
- 字段间距留够,别让按钮紧贴末尾的输入框;
- 按钮高度够手指点,避免误触相邻链接。
三、反馈:提交之后必须有一句话
点了提交,页面没反应,访客多半以为没成功,接着就是重复提交或者直接关掉。
反馈要写清三件事:收到了、多久回、还能怎么联系。一句话就够,不必跳转到新页面。
提交失败同样要说原因,是号码位数不对还是必填项漏了,别只给一个红色感叹号。
术语与定义
- 可用性
- 访客在真实设备上完成目标动作的顺利程度,衡量的是能不能做成,不是好不好看。
- 输入框焦点
- 当前正在接受输入的那个字段,键盘弹起与页面滚动都跟随焦点位置变化。
常见问题
Q:字段少了,会不会拿到无效线索?
A:会有一部分,但比填不完强。留一个手机号就能回访,多数信息电话里问更快。
Q:验证码到底要不要加?
A:能不加就不加。真被刷了再加,优先用提交后的行为校验,少让真人做题。
Q:怎么知道自己站的表单有问题?
A:用三台不同尺寸的手机各填一遍,录屏回看。卡在哪一步,自己试一遍就知道。
延伸阅读
想让手机端表单少丢几条线索,可致电 13913177687,或先看手机端网站的适配说明。
400电话办理