【问题标题】:How to Indicate Required Fields?如何指示必填字段?
【发布时间】:2009-12-07 16:17:14
【问题描述】:

指示必填字段的最佳方式是什么?

每个字段标签旁边的红色星号是否足够? 你还需要用文字解释红色星号是什么意思吗?

如果所有字段都是必需的怎么办?你还应该有一个红色的星号吗?

【问题讨论】:

标签: validation


【解决方案1】:

我认为这是一个非常主观的问题。我个人认为星号足够普遍,不需要解释,但我敢肯定有人可以提出相反的论点。我喜欢将“必填”一词放在必填字段旁边的小文本中。它绕过了第一个问题,并且与屏幕阅读器配合得很好。有关其外观的一些很好的示例,请查看此链接:

http://www.noupe.com/how-tos/comment-form-styling.html

要避免的事情是为字段本身的背景着色。我在一些网站上看到过,它与屏幕阅读器完全不兼容,会给色盲访问者带来问题,甚至会导致液晶显示器出现问题。

【讨论】:

  • 您提供的链接很棒。很好的例子。这就是我通常指示必填字段的方式。我认为星号几乎是普遍理解的,除了真正的新互联网用户。这在 Windows 应用程序中也很常见。
【解决方案2】:

标记“可选”字段,而不是“必填”字段

警告:尼尔森诺曼认为相反 = asterix 无处不在。
查看他们的articlevideo 并发表您自己的意见。

来源: Form fields — Required vs Optional by Jordane Sanson

为什么使用可选字段总是比必需的更好:

  • 星号对你来说是显而易见的,不是每个人都知道,相信我,总有人不明白。
  • 红色星号让用户更加害怕,它增加了出错的风险并降低了表单完成率。
  • 必填字段总是多于可选字段
  • 表单上的视觉干扰较少,使其更具可读性,因此完成速度更快

研究:

  1. Web form design guidelines: an eyetracking study by cxpartners 参见指南 5
  2. Marking Required Fields in Online Forms 尼尔森诺曼集团

【讨论】:

【解决方案3】:

标签上的星号或不同的字体颜色是一般做法,并附有简短的副本,表示所述变化的含义。

我通常使用星号。

【讨论】:

  • 谢谢。因此,您使用星号并在页面某处声明星号表示该字段是必填项?
  • 是的,我就是这么做的。通常我会在表格顶部附近声明它,但如果表格不太长,靠近底部也可以。
  • 接受的答案更完整,提供了更好的选择
【解决方案4】:

红色星号是表示必填字段的常用方法。放置类似

的东西也可能会有所帮助

[* 必填]

在表格的顶部。

我见过的其他方法包括在必填项周围加上红色边框。

【讨论】:

  • 小心红色边框。它看起来不错,但对于色盲读者来说可能很难,并且不提供任何供屏幕阅读器使用的东西。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2023-04-01
  • 2019-03-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2019-01-04
相关资源
最近更新 更多