【发布时间】:2009-12-24 04:24:08
【问题描述】:
我想向用户表明一个特定的文本框或组合框是强制性的。有什么巧妙的方法可以做到这一点?
目前,当文本为 null 或为空时,我在文本框周围有一个渐变的红色边框,但是当您显示一个表单并且许多字段为红色时,它似乎有点多。我正在寻找一些清晰的东西,但对用户来说不是那么压倒性的。一些微妙的东西。
我宁愿让文本框指示该字段是强制性的,而不是说使标签加粗或带有星号。我有什么选择或您可能有什么想法。
【问题讨论】:
我想向用户表明一个特定的文本框或组合框是强制性的。有什么巧妙的方法可以做到这一点?
目前,当文本为 null 或为空时,我在文本框周围有一个渐变的红色边框,但是当您显示一个表单并且许多字段为红色时,它似乎有点多。我正在寻找一些清晰的东西,但对用户来说不是那么压倒性的。一些微妙的东西。
我宁愿让文本框指示该字段是强制性的,而不是说使标签加粗或带有星号。我有什么选择或您可能有什么想法。
【问题讨论】:
最近的一项可用性研究建议采取相反的方法并指出哪些字段是可选而不是必需的。此外,尽量只询问您真正需要的内容,以减少可选字段的数量。
原因是用户倾向于假设所有字段都是必需的。他们可能不理解或不注意星号,但他们很容易理解清楚标记的可选字段。
研究链接(参见指南 5): https://www.cxpartners.co.uk/our-thinking/web_forms_design_guidelines_an_eyetracking_study/
【讨论】:
只需在必填字段的前面加上 *。这很简单,但很有效。我想大多数人都会知道这意味着什么。此外,当他们尝试提交但由于某些必填字段未正确填写而失败时,您可以让用户知道他们需要更改哪个字段(例如,通过使用那些红色边框)。我想这是大多数人都习惯的。
编辑:顺便说一句,我看到您不想使用星号。我仍然认为这是最好的选择,只是因为我认为大多数人会立即认出它并知道该怎么做:)
【讨论】:
我是这样做的。用 2px 红色标记元素的左边框。
【讨论】:
您还可以更改文本框的背景颜色..
【讨论】:
当然,这取决于你的设计,但我更喜欢更简单的东西,比如输入的标签是粗体的。红色轮廓虽然清晰,但确实有与之相关的“错误”含义,这可能会误导用户。粗体标签很微妙,但很容易理解,不会碍眼。
【讨论】:
我喜欢文本输入字段的 jquery 'example' 插件。用于说明或样品输入的微妙灰色镶嵌。
请参阅此处的演示页面以获取示例。 http://mucur.name/system/jquery_example/
根据您拥有的字段数量,它可能过于杂乱,而是浅色的斜体文本,例如:
名字(必填)
姓氏(必填)
可能适用于您的应用。
HTH
【讨论】: