表单填写过程中的信息提示

2020-03-08  本文已影响0人  tianergo

表单中常见的信息提示

占位符标签

与标签相关性弱,提示信息较少,概括回答方式。填写表单时占位符清空。

标签辅助文字

对标签的补充说明,文本数量需要压缩到最少。

帮助信息

a.输入框周围:通常右侧或标签下方,视必要程度常驻或即时提示,解释信息用途或填写规则。

b.浮窗:pc端鼠标悬浮触发(0.5s左右延时避免经过触发),不适合移动端。

错误信息

错误信息需要引起注意,视觉层级较高。通常置于输入框右侧更符合阅读习惯。当数据规则条件较多或屏幕水平空间不足时可置于输入框下侧,但提示导致页面内容下移可能需要动画效果弥补。通常为避免颜色识别障碍,提示信息添加图标并提升识别效率。即时验证错误(最好在明确填写结束后)并提供可操作的修改建议避免错误循环。

ps:验证应在填写结束之后。正确信息提示不阻止进程即可,鼓励接下来的操作。

表单应包含全局反馈,信息提交按钮禁用取消/提交后反馈结果等。

填写表单过程中的信息提示
上一篇下一篇

猜你喜欢

热点阅读