表单设计过程中常见问题梳理

                

表单设计是web前段界面设计的重要任务之一，规范且有着良好次序的表单可以提高用户填写效率，提升用户体验。

1.大多数表单为填写内容为一列，多列布局会影响用户填写效率同时也干扰视线移动。

2.顶部标签表单相对于左侧标签有更高的完成效率，也方便进行屏幕适配。如果有大量数据需要填写则请考虑使用左侧标签表单，这样能够降低高度，减少滚动条的操作。

3.标签与输入框应成组排列，拉开标签项目之间的距离，以防用户填错。

4.注意标签字体大小和间距，减少使用艺术字体，避免用户阅读困难。

5.较少选项的标签应全部显示出来，过多选项建议使用下拉列表框或其他形式。

6.正确使用标签提示，避免造成用户误解。

7.多选项和单选项成组排列应方便勾选，这样能加快用户选择速度。

8.按钮部分需要正确引导，避免误操作。

9.通过列表指出错误，可以高亮标记错误原因。

10.输入框的校验最好在用户输入完成该框后再出现提示，让用户明白原因。

11.尽可能直接展示基本的帮助文案，减少填写错误。

12.需要区分表单主次项目，引起用户对填写数据的重视。

13.通过输入框的尺寸或样式提示来暗示用户输入的信息量。

14.可以通过标出可选项来让用户自然完成必选项，减少用户感官束缚。

15.如果表单过高，需要提供分组、分页必要时提供进度条，让用户有心理预期。