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