提升表单体验的7招表单设计设计师方法教程

3. 选择最简单的输入方式

用户没有我们想象的那么勤奋，我们需要做到的是让用户最方便最快速的完成内容的输入。通俗的来说，能不填写就不填写，能选择就不要输入，能选择一下来实现的就不要选两下。

△ 美团外卖/支付宝/Twitter

例如，美团外卖在选择收货地址时，自动勾选性别，因为这个选项至少可以方便一半的用户少进行一项选择，即便是性别选择错误也不会对收货产生什么影响;支付宝的充值中心自动选择本机号码，并且将重置的金额用卡片的形式变现出来，不用让用户输入号码或者输入充值金额，用户只需要通过几次简单的点击即可完成选择，非常方便;Twitter 输入验证码后自动进行检测，而无需用户点击「提交」按钮。

4. 一页只做一件事，不要一次性展示全部内容

有的时候表单的内容可能非常长，需要用户进行大量的填写，这个时候我们要注意，不要一次性把所有需要填写的内容都展示给用户，这样会吓到他们，让他们觉得需要在这个表单上花费大量的时间，有可能就放弃填写了。

你可以回想一下当你在银行办理业务时，柜员丢给你一张这样的表单你内心的第一感觉一定不是预约的，如果不是有提供的示例，真的不知道该如何下手。

当你在 Airbnb 申请成为房东时，也需要填写大量的出租信息。而 Airbnb 很巧妙地把左边长长的表单拆分成了多个步骤，在单个步骤中的三个关联的选项也是一条一条逐步出现的，给人非常连贯顺畅的感觉。每个页面只回答一个内容，也让用户得以放松心情，专注于当前选项。

△ Airbnb

近期我们发现，很多产品的手机号注册页，手机号输入与验证码输入/密码输入也进行了分页，当这三个项目在一页时，用户需要在输入手机号码后进行等待，然后才能继续输入，让用户产生这个表单进展缓慢的感觉，分开后，用户在一页只需要填写一个或两个内容，跳转的时间又掩盖了一部分等待验证码的时间，会觉得进展更快更流畅。

△ KEEP

5. 选择合理的标签对齐方式

顶对齐 vs 左对齐 vs 右对齐

跟一般想法相反，在输入框上面放置标签并不是可用性最好的位置。你有时候希望用户尽可能快地填写表格，但有些时候你需要故意让用户慢下来，以便他们用心地留意并阅读标签。此外，把长表单设成一个长列，让用户向下滚动页面。这比把表单分成列，每样都雷同要好。每一种对齐方式都有它的优点和缺点。

△ Matteo Penzo根据表单标签对齐方式研究出的时间表。

小结：

希望用户快速扫描表单，把标签放在输入框上面，这种布局更便于眼睛向下扫描。

希望用户仔细的阅读，把标签放在输入框的左侧，这个布局扫描较慢，向下向右(Z的形状)的眼动。