在表单输入上显示单位?

时间:2009-08-20 18:00:10

标签: html forms user-interface

我目前正在处理许多期望不同形式的数字输入的表单,我认为如果我可以指示输入旁边的单位对用户有帮助。

换句话说,如果输入预期美元金额将一个美元符号放在输入的左侧。如果输入需要百分比,则在输入的右侧放置一个百分号。

我一直在寻找一些最好的做法。有没有人有资源?

2 个答案:

答案 0 :(得分:4)

不,但您可以将其包含在领先标签标题中的parens中:

价格($):txtPrice

折扣(%):txtDiscount

答案 1 :(得分:4)

1 - 业务领域:最重要的是要考虑每个度量单位(表单上的数字字段)如何以特定于各自行业的方式在用户之间进行通信。数值通常最终会像特定行业中的jargon一样被使用。一个很好的例子是在银行业中使用术语basis points

2 - 隐含维度:考虑通常在度量单位内隐含的任何其他维度。通常隐含的维度是时间,例如每月费用,年度费用,季度费用都是美元,但计量单位却大不相同。表格应该清楚地告知用户您期望的隐含维度(例如,每月,每年等)。

3 - 良好的典型值:通过(以微妙的方式)在字段右侧放置典型值来协助用户。一种微妙的方式可能是使用浅灰色而不是黑色的典型值。使用典型值可为用户提供有用的反馈:

  • 数字输入的预期形式,例如70或0.7表示70%。
  • 支持什么级别的精度,例如80.67代表80.67%通知用户输入字段支持精确到2位小数。
  • 一个典型值让用户知道他们的数值是否在正确的范围内(或球场)。例如,使用7,000美元作为典型的月收入应该吸引那些在将该字段误认为年收入时输入50,000美元的用户的眼球。

4 - 正确性:在表单后面添加一些商业智能,如果任何输入字段看起来异常,则会提示用户。用户输入的数值通常可以通过验证,但在度量单位的上下文中考虑时则不合适。例如,在月收入中输入$ 100,000很可能是不正确的,尽管它可能是,因此您需要第二次提示用户。