表单设计：五类表单构成要素设计

表单在产品中举足轻重。为什么？

 

用户与产品交互，是人与机器的沟通过程，机器以界面向用户传词达意，而人则是通过表单向机器传送信息。

 

由此可见，表单设计是用户信息到产品的入口的设计。

 

使用表单时，用户操作成本较高，稍有不慎，就有用户离开产品，拒绝交互的可能。因此，对于表单设计来说，表单目标最低限度在于留住用户，不被表单赶跑；最好效果是用户顺利完成表单交互。

 

在进行一份表单设计时，有五项主要表单构成内容：

 

表单界面布局

1.表单项                 

2.占位符

3.帮助                     

4.操作

5.验证

 

01

 

表单界面布局

表单中的内容主要是表单项。如何排列表单项，让整体界面布局更加合理，要注意以下几点：

 

有序排列

先问什么，后问什么，前后表单项应遵循相关、前后逻辑关系放置。

 

如：在表单中需要用户填写：是否有孩子、孩子年龄两项内容时，应把“是否有孩子”放在前面，因为在用户填写“无”时，就不在需要填写“孩子年龄”的字段。

 

从易到难

把用户相对无抵触的信息排在前面，最后再逐渐引入涉及隐私的信息，避免一开始就让用户萌生退意。

 

分组表单项

当表单项过多时，对表单项进行分组以提升内容可读性。

 

例：将包含15个字段表格分成3组。同样数量的内容，但用户感观不同。

 

单列&多列界面布局

 

• 单列

眼睛沿着自然方向从上至下，更适应用户操作。

 

• 多列

N字形排列-两