表单填写过程中的信息提示
2020-03-08 本文已影响0人
tianergo
表单中常见的信息提示
占位符标签
与标签相关性弱,提示信息较少,概括回答方式。填写表单时占位符清空。
标签辅助文字
对标签的补充说明,文本数量需要压缩到最少。
帮助信息
a.输入框周围:通常右侧或标签下方,视必要程度常驻或即时提示,解释信息用途或填写规则。
b.浮窗:pc端鼠标悬浮触发(0.5s左右延时避免经过触发),不适合移动端。
错误信息
错误信息需要引起注意,视觉层级较高。通常置于输入框右侧更符合阅读习惯。当数据规则条件较多或屏幕水平空间不足时可置于输入框下侧,但提示导致页面内容下移可能需要动画效果弥补。通常为避免颜色识别障碍,提示信息添加图标并提升识别效率。即时验证错误(最好在明确填写结束后)并提供可操作的修改建议避免错误循环。
ps:验证应在填写结束之后。正确信息提示不阻止进程即可,鼓励接下来的操作。
填写表单过程中的信息提示表单应包含全局反馈,信息提交按钮禁用取消/提交后反馈结果等。