表单设计是web前段界面设计的重要任务之一,规范且有着良好次序的表单可以提高用户填写效率,提升用户体验。
1.大多数表单为填写内容为一列,多列布局会影响用户填写效率同时也干扰视线移动。
2.顶部标签表单相对于左侧标签有更高的完成效率,也方便进行屏幕适配。如果有大量数据需要填写则请考虑使用左侧标签表单,这样能够降低高度,减少滚动条的操作。
3.标签与输入框应成组排列,拉开标签项目之间的距离,以防用户填错。
4.注意标签字体大小和间距,减少使用艺术字体,避免用户阅读困难。
5.较少选项的标签应全部显示出来,过多选项建议使用下拉列表框或其他形式。
6.正确使用标签提示,避免造成用户误解。
7.多选项和单选项成组排列应方便勾选,这样能加快用户选择速度。
8.按钮部分需要正确引导,避免误操作。
9.通过列表指出错误,可以高亮标记错误原因。
10.输入框的校验最好在用户输入完成该框后再出现提示,让用户明白原因。
11.尽可能直接展示基本的帮助文案,减少填写错误。
12.需要区分表单主次项目,引起用户对填写数据的重视。
13.通过输入框的尺寸或样式提示来暗示用户输入的信息量。
14.可以通过标出可选项来让用户自然完成必选项,减少用户感官束缚。
15.如果表单过高,需要提供分组、分页必要时提供进度条,让用户有心理预期。