出自UXGuide.net

功能区：标签

Ribbons: Labels

目录 1 选项卡 2 上下文选项卡及选项卡组 3 分组 4 命令 5 增强型工具提示 6 应用程序按钮

选项卡

• 为所有的选项卡添加标签。
• 尽可能使用标准 Ribbon 选项卡。
• 以简洁的单个词的标签为佳。尽管多个词的标签也可以使用，但将占用更多的空间，也难于本地化。
• 选择有意义的选项卡名称以清晰准确地描述其内容。名称应当明确，但也不必过于明细。选项卡的名称应当符合用户的预期，以至于用户不会对选项卡的内容感到意外。不过 Home 选项卡的名称比较宽泛，因为它用于那些最为常用的命令。

错误：

基本

高级

这些选项卡名称未能对其内容进行有意义的描述。用户需自行查看他们所需的命令是在基本还是高级选项卡中。

• 选择能够反映其目的的选项卡名称。考虑与选项卡相关的目标或任务。
• 选择能够明显区别与其他选项卡的名称。
• 为选项卡使用名词或动词。各选项卡的名称之间无须保持排比性，因此无论是名词还是动词，只须选择最合适的标签即可。
• 不要使用动名词（以“-ing”结尾的词）。应当使用其动词原形。

正确：

Draw

Review

错误：

Drawing

Reviewing

• 避免使用前几个字（母）相同的选项卡名称，尤其是对于相邻的选项卡。当 Ribbon 被缩小，这些选项卡名称被截断时，可能产生相同的结果从而难以区别。

错误：

Format

Formulas

• 使用标题大写样式。
• 不要使用句末标点。

上下文选项卡及选项卡组

• 上下文选项卡组的标签应以“Tools（工具）”结尾。这有助于标示上下文选项卡的作用。
• 使用标题大写样式。
• 不要使用句末标点。

分组

• Label all groups.
  • Exception: Omit the group label if the group has a single command and the group and command labels would be the same.

    Correct:	Incorrect:

    Omit the group label if it is redundant with the group's only command.
• Whenever practical, use the standard Ribbon groups.
• Prefer concise, single word labels. While multi-word labels are acceptable, they take more space and are harder to localize.
• Choose meaningful group names that clearly and accurately describe their content. The names should be specific, not generic. Incorrect: Tools Actions Advanced Settings Options Personalize More Other These group names don't describe their content in a meaningful way. Any command could be in these groups.
• Choose group names that reflect their purpose. Consider the goals or tasks associated with the commands in the group.
• Avoid using gerunds (names that end in "-ing"). You can use gerunds, however, if using the verb from which the gerund is derived would be confusing. For example, use "Editing" and "Proofing" instead of "Edit" and "Proof."
• Don't use group names that are the same as tab names. Using the tab name that the group is on provides no information, and using the name of a different tab is confusing. Incorrect: In this example, giving a group the name of a different tab is confusing.
• Use sentence-style capitalization.
• Don't use ending punctuation.

命令

• Label all commands. Having explicit text labels helps users find and understand commands.
  • Exception: A command can be unlabeled if its icon is extremely well known and space is at a premium. Most likely, unlabeled commands will be on the Home tab. In this case, assign its Name property to an appropriate text label. This enables assistive technology products such as screen readers to provide users with alternative information about the graphic.

Correct:

These commands are extremely well known, so they don't need labels.

Incorrect:

These commands require labels for rich commands.

• For command buttons, use a concise, self-explanatory label. Use a single word if possible; four words maximum.
• For drop-down lists, if the list always has a value, use the current value as the label.

In this example, the currently selected font name acts as the label.

If an editable drop-down list doesn't have a value, use a prompt.

In this example, a prompt is used for the editable drop-down list's label.

• Drop-down lists that aren't self-explanatory or are infrequently used need an explicit label. Put a colon at the end of the label.

In this example, an infrequently used drop-down list benefits from an explicit label.

• For text boxes, use an explicit label. Put a colon at the end of the label.

In this example, the text box control has an explicit label.

• 使用句子大写风格。这么做更加贴合 Windows Vista® 语气。
• Start the label with an imperative verb. Exceptions:
  • Omit the verb if it's the same as the tab or group name.
  • Omit common verbs like Show, Create, Insert, or Format if the verb is easily inferred from the remaining label.
• Don't use ending punctuation.
• To conserve space, don't put ellipses on Ribbon command labels. However, ellipses are used by commands in the Application button and drop-down menus.

增强型工具提示

• Use the title to give the command name and its shortcut key, if applicable.
• For the title, don't use ending punctuation.
• Start the description with a verb. Use the description to help users determine whether a specific feature is the one they are looking for. The description should be phrased to complete the sentence "This is the right feature to use if you want to?".

Correct:

Insert or draw a table into the document.

Incorrect:

Inserts or draws a table into the document.

• Keep the description short. Get right to the point. Lengthy text discourages reading.
• For split buttons, use a different tooltip to explain the split button menu.

In this example, the split button menu has a different tooltip from the main button.

• Use an optional supplemental description to explain how to use the control. This text can include information about the state of the control (including why it is disabled) if the control itself doesn't indicate state. Keep this text short, and use a Help topic for more detailed explanations.

In this example, the tooltip explains why the command is disabled.

• For the description and supplemental description, use complete sentences with ending punctuation.

An enhanced tooltip with a supplemental description.

• Use sentence-style capitalization.

应用程序按钮

• Use sentence-style capitalization.
• Use "Quick" to indicate an immediate version of a command.

In this example, "Quick" indicates that the command is immediate.

• Use an ellipsis to indicate that a command requires more information.