标签左对齐还是右对齐

左对齐的标签

当用户不熟悉请求的数据时,这是一个很好的选择。

  • 优点:标签可伸缩性好,垂直空间利用率高
  • 缺点:标签与相应输入之间的距离可变,增加了完成时间。

image.png

右对齐的标签

比左对齐标签快近两倍的完成时间

  • 优点:文本字段标签和输入紧密定位,限制了眼球运动的次数,从而导致快速完成时间
  • 缺点:很难快速浏览表单并理解所需的所有信息

image.png

顶部对齐的标签

最快的完成时间和全面的最佳选择,为大多数情况下。 在移动设备上运行良好,因为它们不需要很多水平空间。

  • 优点:让用户只需一个眼神的移动,就能捕捉到输入标签和输入文字,最快完成时间。
  • 缺点:需要更多的垂直空间

image.png

确定按钮放左边还是右边

确定和取消按钮 居左还是居右

输入框长度等宽还是按内容定宽

提交按钮亮起还是置灰

若录入项很少且用户有明确预期按钮何时可用,可在必填项未填写时置灰主按钮。
若录入项较多,且用户不清楚为什么按钮不可用,此时按钮可常亮,并在用户点击时给予反馈,告知错误原因。

提交校验的字段错误提示语 什么时候消失,输入焦点/修改内容后/失焦后?

空数据显示什么?- 、—

列表宽度显示规则?

表单详情字段显示自适应规则?

不同分辨率工具栏显示不下按钮怎么办?