版权归作者所有,转载请注明出处
关于列数
为了用户流畅的视觉流和填写效率,绝大部分场景中,我采用单列表单,在一些大批量重复录入场景和客户特殊要求的场景中,会使用多列表单。这里只描述单列表单的处理方法,多列表单很多细节处理和单列表单一致。常用的单列表单结构如下图。
表单分组
表单项的组织需要合理规划,包括表单顺序和表单项的分组,合理的分组,便于用户快速的检索录入。如果只有一组主题内容,不用写分组名称。
样式优化
表单组件样式的选择上,常用组件如单选按钮,下拉菜单能支持功能需求,但是样式比较丑,视觉可以将这些常用组件形式做些变形,让表单更伤心悦目一些。比如下图的两种单项选择样式,第一行将传统的单选或多选操作进行了样式的优化,在视觉表现上会有加分。
成组录入项的处理
公司之前组件采用的成组值录入方法如下。待填写区一直置于最上层,填写完成点击加号后,填写信息下移保存到录入项下。该结构录入项放置位置不合理,我对其进行了重新设计,将新增入口移到底部,新增的表单项追加到已填项后,符合用户操作顺序。
对齐问题
字段名称和输入框的对齐问题,有多种处理方式,各有优缺点,通过分析比较,我们采用关键词右对齐方式。