出自UXGuide.net

微调控件

Spin Controls

目录 1 它用在这里合适吗？ 2 设计规范 2.1 值 3 标签 4 文档编写

微调控件（Spin Control）使得用户可以通过单击箭头按钮来增量改变与其相伴的数值文本框（Numeric Text Box）里的值。术语“微调框”是指文本框及与其相伴的微调控件的组合。

典型的微调框

用户通常更喜欢微调控件，因为他们在进行修改时不必将手从鼠标上移开。当微调控件与文本框成对出现时，用户可以直接在文本框中输入或进行粘贴，而微调控件则可用可不用。

虽然微调控件用于数值输入，但并不要求输入的一定是纯粹完整的数字。输入可以是小数，也可以带有负号、分隔符（如冒号或连字符），以及单位名称等。

注：与文本框和布局相关的设计规范请参考各自相应的章节。

它用在这里合适吗？

考虑下列问题以进行判断：

• 该控件是否用于输入数值？如果不是，则应改用其他控件，例如下拉列表或滑块，以从一组固定的值中进行选择。使用滚动条来进行滚动。
• 用户是否会将该值视为相对量，而非数值？如果是，则应改用滑块。仅为精确、已知的数值使用微调框。例如，用户考虑将音量调节为低或中等——而不是把值设为 2 或者 5。
• 该控件是否与文本框成对出现？如果不是，则不要使用它。微调控件不应单独使用，或者与除文本框以外的其他控件一起使用。

错误：

在这个示例中，微调控件用于控制动态图形。

• 是否存在有效的连续取值范围？如果不是，则应改用包含有效值的下拉列表。

在这个示例中，并非所有的磁盘驱动器数量都有效，因此使用下拉列表是更好的选择。

• 该微调控件是否实用？下列情况下，微调控件较为实用：
  • 输入较小的数值，通常在 100 以内。
  • 将小变化值（Small Changes）设为已知或默认值。

虽然微调控件可以用于任何数值输入的情况，但除了上述情况以外，他们的实际使用效率不高。

• 该微调控件是否需要？该控件是否用在用户愿意使用鼠标的情况下？如果不是，考虑是否需要这个微调控件。
• 旁边是否有其他下拉列表？如果有其他下拉列表，为了保持一致，可考虑也使用下拉列表。

在这个示例中，可以使用微调框，但为了保持一致，此处使用了下拉列表。

• 主要目标用户是否是使用手写笔的人？如果是，则应考虑改用下拉列表。微调控件中的箭头按钮太小，不适用于使用手写笔的场合（例如，在 Microsoft® Windows® Tablet 和触摸技术环境中）。

如果符合下列情况，则应当使用微调框：

• 屏幕空间紧张。
• 用户更愿意使用键盘。

如果符合下列情况，则应当使用滑块：

• 用户需要即时反馈。

设计规范

• 只要微调控件可行且有用，就应该使用。参见它用在这里合适吗？
  • 例外：为了与相同用户界面上的其他文本框保持统一，即使可能并不实用，也可以使用微调控件。

正确：

在这个示例中，为了保持统一，微调控件也用于年份控制，尽管有时候可能并不实用。

错误：

在这个示例中，微调控件没有用。

• 始终将微调控件作为文本框的一部分。这么做可以将微调控件置于文本框的内部。

正确：

错误：

在正确的示例中，微调控件被置于相关的文本框内部。

• 当文本框被禁用时，也应当同时禁用相应的微调控件。微调控件是一种辅助输入方式——绝不是唯一的输入方式。

值

• 将上面的按钮定义为将值增大一个单位，而下面的按钮则将值减少一个单位。通常这个单位是一，但应当将其设为常见的最小更改值。理想情况下，微调控件应当涵盖所有有效值，且应当比键入文本更加方便。

在这个示例中，单击微调控件会以 0.1 为单位更改值，这是最小的常见变化。使用更小的单位能够涵含有效值范围，但控件会变得难以使用。

• 使用微调控件来限制无效值的输入。使用微调控件应当永远不会产生无效值。
• 当到达有效值范围的尽头时，应当重新开始。微调控件的隐喻是用户在旋转一个包含各种值的调谐转轮，因此应当使用这种类似转轮的行为。
  • 例外：如果无疑会产生错误值的话，则不要从范围起始处重新开始。

在这个示例中，单击下箭头按钮不会从范围起始处重新开始（到达最大值），因为该值无疑是错误的。

• 使用文本代替特殊数值。允许用户通过微调来设置这些特殊值，而不必事先知道并键入。

在这个示例中，Never（从不）是一个特殊值，但用户可以通过微调来进行设置。

• 如果值包含分隔符，则相应的文本框应当具有多个输入焦点。这么做使数值段能够分别进行处理。

在这个示例中，微调控件可以控制小时、分钟、秒及午别的值，它们都可以获得焦点。

• 如果值包含单位，则应当也能够使用微调控件来进行更改。

在这个示例中，微调控件可以用于更改单位。

标签

• 应当将文本框标签设计规范用于对应文本框的标签。不要直接为微调控件添加标签。

文档编写

当提及微调控件时：

• 不要在用户文档中提及微调控件，而应当用与其关联的文本框的标签来称呼它。
• 仅在编程或技术文档中提及微调控件及微调框。

示例：In the Date box, type or select the part of the date you want to change.（在“日期”框中，键入或选择你想修改的日期部分。）