去年帮一个电商客户优化注册页，原来的表单有11个字段——姓名、手机、邮箱、密码、确认密码、验证码、性别、生日、地址、推荐码、协议勾选。注册转化率9%，每10个人进来不到1个填完。改成4个字段后，转化率跳到了22%。多出来的1.3个点就是每天多60个注册用户。
移动端表单设计其实就几条铁律，每条都有数据支撑：
第一条：字段能少就少，每多一个字段转化率掉3%
这是Baymard Institute研究了200多个电商网站得出的数据。但不是让你盲目砍——分两步走：先区分「必填」和「以后再说」，把非必要的全移到注册完成后的引导弹窗里。用户已经花力气注册了，这时候再要补充信息，配合度比注册时高得多。
什么算必要？对于电商：手机号（唯一标识+找回密码）、密码。够了。收货地址下单时再要。性别、生日这些纯属运营想多了。
第二条：标签放输入框上面，别放左边或里面
手机屏幕宽度就375-414px，标签放左边会挤压输入框空间。放里面（placeholder当标签用）的问题是：用户一开始填就看不到了。Google UX研究团队做过眼动实验，顶部标签的填写速度比内嵌标签快22%，错误率低15%。
第三条：输入类型要跟键盘匹配
这条看起来简单，但一半以上的表单做不到。手机号字段应该弹出数字键盘（inputmode="numeric"），邮箱字段弹出带@的键盘（type="email"），纯数字验证码弹出数字键盘。每少一次键盘切换，用户体验就好一点。我们在优化后测的统计：正确的键盘匹配让填写时间平均减少8秒。
第四条：实时校验，但别在输入过程中报错
用户还在打字你就标红提示「格式不正确」，很烦。正确的做法是：用户离开输入框后（onBlur）再校验，通过了给绿色打勾，不通过给简洁的红字提示。别写「请输入11位有效手机号码」，写「手机号应为11位」，少两个字，信息量一样。
第五条：大按钮、大间距
移动端提交按钮建议高度至少48px（苹果HIG推荐44px，考虑手指误触多给4px）。两个输入框之间至少留16px间距。链接文字不要在按钮旁边挤着——用户可能会误触。这些小细节在桌面端看不出来，手机上差很多。
最后说一个反直觉的：不要把「注册」和「登录」放在同一个页面。分开后注册转化提升了9%。原理很简单：用户在注册时有「我要创建新账号」的心理模型，看到登录口会分心。
还木有评论哦，快来抢沙发吧~