Windows 7 中的命令按钮

注意

此设计指南是为 Windows 7 创建的,尚未更新Windows的较新版本。 大部分指南原则上仍适用,但演示和示例并不反映我们 当前的设计指南

使用 Windows 7 中的命令按钮,用户启动即时操作。

screen shot of ok command button

典型的命令按钮。

当用户按下 Enter 键时,将调用默认命令按钮。 它由开发人员分配,但当用户按选项卡向其分配时,任何命令按钮都将成为默认值。

注意

布局 相关的指南显示在单独的文章中。

这是正确的控件吗?

在决定之前,请考虑以下问题:

  • 命令按钮是否用于启动即时操作? 如果不是,请使用其他控件。
  • 链接会是更好的选择吗? 如果以下项,请使用链接:
    • 此操作是导航到另一个页面、窗口或帮助主题。 异常:向导导航使用“后退”和“下一步”命令按钮。
    • 此命令嵌入文本正文中。
    • 此命令本质上是辅助命令。 也就是说,它与窗口的主要用途无关。 在这种情况下,轻量级命令按钮或链接都适用。
    • 该命令是菜单或相关链接组的一部分。
    • 标签很长,由五个或更多个单词组成,从而给命令按钮一个尴尬的外观。
  • 单选按钮和通用命令按钮的组合会是更好的选择吗? 通常单选按钮与常规命令按钮结合使用, (正常、取消) 代替一组特定的命令按钮(如果存在以下任一情况):
    • 有五个或更多可能的操作。

    • 用户在做出决策之前需要查看其他信息。

    • 用户可能需要与 (的选项进行交互,才能在做出决策之前查看) 的其他信息。

    • 用户将选项视为选项,而不是不同的命令。

      正确:screen shot of dialog box, radio buttons, and text

      在此示例中,单选按钮与“确定”和“取消”按钮相结合,提供有关选项的其他信息。

      错误:screen shot of message with command buttons

      在此示例中,仅命令按钮就使用户难以做出明智的决策。

设计概念

使用省略号

虽然命令按钮用于即时操作,但可能需要更多信息才能执行该操作。 通过添加按钮标签末尾的省略号来指示需要其他信息 (的命令,包括确认)

screen shot of print command button with ellipses

在此示例中,打印...命令显示“打印”对话框以收集详细信息。

screen shot of print command button, no ellipses

相比之下,在此示例中,Print 命令将文档的单个副本打印到默认打印机,而无需进行任何进一步的用户交互。

正确使用省略号非常重要,表明用户可以在执行操作之前做出进一步的选择,甚至完全取消操作。 省略号提供的视觉提示允许用户在不担心的情况下浏览软件。

这并不意味着每当某个操作显示另一个窗口时才应使用省略号 ,前提是需要其他信息来执行该操作。 因此,隐式谓词是“显示另一个窗口”的任何命令按钮不采用省略号,例如使用“关于”、“高级”、“帮助” (命令或链接到帮助主题的其他任何命令) 、选项、属性或设置。

通常,在用户界面中使用省略号来指示不完整。 显示其他窗口的命令不完整,它们必须显示另一个窗口,并且不需要其他信息来执行其操作。 在省略号值很少的情况下,此方法消除了屏幕混乱。

注意: 确定命令按钮是否需要省略号时,请勿使用提升 权限 作为因素。 提升不是执行命令所需的信息 (,而是用于权限) ,并且需要提升时使用安全防护进行指示。

如果你只做一件事... 使用简洁、具体、自我解释的标签,明确描述命令按钮执行的操作,并在适当时使用省略号。

使用模式

命令按钮有多个使用模式:

用法 示例
标准命令按钮 可以使用标准命令按钮启动即时操作。
screen shot of standard (gray) command button
标准命令按钮。
默认命令按钮 窗口中的默认命令按钮指示用户按下 Enter 键时将激活的命令按钮。
screen shot of default (blue) command button
默认命令按钮。
当用户按选项卡指向命令时,任何命令按钮都将成为默认值。 如果输入焦点位于不是命令按钮的控件上,则具有默认按钮属性的命令按钮将成为默认值。 窗口中只有一个命令按钮是默认值。
轻型命令按钮 轻量级命令按钮类似于标准命令按钮,但其按钮框仅显示在鼠标悬停上。
screen shot of one of two print buttons selected
在此示例中,命令具有非常轻量的外观, (类似于 链接) ,直到用户悬停在命令上,此时它使用按钮框绘制。
可以在使用标准命令按钮的情况下使用轻型命令按钮,但你希望避免始终显示按钮框。 轻型命令按钮非常适合想要强调和使用链接的命令。
菜单按钮 需要一组相关命令的菜单时,请使用菜单按钮。
screen shot of format menu button and its commands
一个菜单按钮,其中包含一组相关的命令。
当不需要菜单栏时使用菜单按钮,例如,在对话框、工具栏或其他没有菜单栏的窗口中。 单个向下指向三角形表示单击按钮将下拉菜单。
拆分按钮 使用拆分按钮合并命令的一组变体,尤其是在大部分时间使用其中一个命令时。
screen shot of open split button with no commands
折叠拆分按钮。
与菜单按钮一样,单个向下指向三角形表示单击按钮最右侧的部分将下拉菜单。
screen shot of open split button with commands
一个下拉拆分按钮。
在此示例中,拆分按钮用于合并打开命令的六个变体。 大多数时间都使用常规打开命令,因此用户通常不需要查看其他命令。 使用拆分按钮可节省大量屏幕空间,同时提供强大的选择。
与菜单按钮不同,单击按钮的左侧部分直接对标签执行操作。 拆分按钮在具有特定工具的下一个操作可能与最后一个操作相同的情况下有效。 在这种情况下,标签将更改为最后一个操作,就像颜色选取器一样:
screen shot of fill split button with no commands
在此示例中,标签已更改为最后一个操作。
浏览按钮 使用浏览按钮显示对话框,以帮助用户选择有效值。
浏览按钮启动的对话框可帮助用户选择文件、文件夹、计算机、用户、颜色等。它们通常与不受约束的控件(如文本框)组合在一起。 它们通常标记为浏览、其他或更多,并且始终有省略号来指示需要更多信息。
screen shot of text box with browse button
带有浏览按钮的文本框。
对于具有许多浏览按钮的窗口,可以使用短版本:
screen shot of short browse button with ellipses
短浏览按钮。
渐进式披露按钮 使用渐进式披露按钮显示或隐藏不经常使用的选项。
隐藏经常使用的选项,直到需要这些选项称为渐进式披露。 双 V 形用于指示渐进式披露,它们指向显示或隐藏将发生的方向:
screen shot of button with 'more' and right arrows
单击按钮后,其标签将更改为指示下一次单击将产生相反的效果:
screen shot of button with 'less' and left arrows
有关详细信息和示例,请参阅 渐进式披露控件
方向按钮 使用方向按钮指示将执行操作的方向。
在本例中,使用单个尖括号而不是双 V 形:
screen shot of right and left arrow buttons
方向按钮指示操作方向。

指南

常规

  • 如果单击命令按钮的结果不是即时的,则显示忙碌的指针。 如果没有反馈,用户可能会假定单击未发生,然后再次单击。
  • 如果同一命令按钮出现在多个窗口中, 请尝试使用相同的标签文本和访问键,并在实际操作时在每个窗口中的同一位置找到它。
  • 对于带有文本标签的命令按钮,请使用最小按钮宽度和标准命令按钮高度。 有关详细信息,请参阅 建议的大小和间距
  • 对于每个窗口 ,命令按钮的宽度相同。 如果这是不切实际的,请将命令按钮的不同宽度数限制为两个。
  • 当另一个控件与命令按钮(如带有“浏览”按钮的文本框)互操作时, 通过将命令按钮置于三个位置之一来表示关系:
    • 另一个控件的右侧和顶部对齐。
    • 下方和左对齐的另一个控件。
    • 垂直居中,控件之间可互操作 (,例如两个互操作列表框之间的“添加”和“删除”按钮) 。
  • 如果多个命令按钮与同一控件互操作,请 垂直将它们堆叠到右侧,并与其他控件垂直对齐,或水平将它们置于控件的左对齐下。
  • 当命令按钮属于其他控件时, 请使用上述放置并禁用从属命令按钮,直到选择上级控件。
  • 不要对文本标签使用窄、短或高命令按钮 ,因为它们往往看起来不专业。 尝试使用默认宽度和高度。

正确:screen shot of default-size ok button

在此示例中,按钮大小是标准的,看起来很专业。

错误:screen shot of short ok button

在此示例中,按钮太小。

错误:screen shot of large, square ok button

在此示例中,按钮在标签周围有太多的空间。

  • 避免在命令按钮上组合文本标签和图形。 组合文本和图形通常会添加不必要的视觉混乱,并且不会改善用户理解。 仅当图形有助于理解时(例如,当它是命令的标准符号时),或者帮助用户可视化命令的结果时,才考虑组合文本和图形。 否则,首选文本,但使用文本或图形。

正确:screen shot of rotate command with curved arrow

在此示例中,箭头图形可帮助用户可视化命令的结果。

正确:screen shot of address bar with icons and text

在此示例中,标准符号与文本组合在一起,以帮助理解

错误:screen shot of button with x icon and cancel

在此示例中,cancel 图形不会向文本添加任何内容。

  • 请勿使用命令按钮设置状态。 请改用单选按钮或复选框。 命令按钮仅用于启动操作。

拆分按钮

  • 将最有可能的命令设为默认行为。 如果有多个可能命令,请选择不需要其他信息的命令。
  • 如果最有可能的命令是最后一个用户选择,请将按钮标签更改为最后一个选择。
  • 在菜单中使用粗体文本显示默认命令。 这样做可使用户更轻松地查找默认命令,尤其是在默认命令是动态命令或拆分按钮使用图形而不是文本标签时。

默认值

  • 在每个对话框中包括默认命令按钮。 选择最安全的 (,以防止数据丢失或系统访问) 和最安全的命令为默认值。 如果安全和安全不是因素,请选择最有可能或方便的命令。
  • 请勿对默认命令按钮执行破坏性操作, 除非有一种撤消命令的简单方法。

diagram of button dimensions in pixels and dlus

对于命令按钮,建议调整大小和间距。

标签

  • 标记每个命令按钮。

  • 如果按钮只有图形标签,请将其 Name 属性分配给相应的文本标签。 这使辅助技术产品(如屏幕阅读器)为用户提供有关图形的替代信息。

    screen shot of up, down, and copy buttons

    此示例显示图形按钮;在内部,这些按钮标记为“上一个”、“下一步”和“复制”。

  • 对于 (标记为“...”) 的短浏览按钮,内部标签应为“浏览”。

  • 分配唯一 访问密钥。 有关指南,请参阅 键盘

    异常:

    • 请勿将访问密钥分配给“确定”和“取消”按钮,因为 Enter 是默认按钮的访问密钥, (通常是“确定”按钮) ,Esc 是“取消”的访问密钥。 这样做会使其他访问密钥更易于分配。
    • 请勿将访问密钥分配给 (标记为“...”) 的短浏览按钮,因为它们无法唯一分配。
  • 首选特定标签而不是泛型标签。 理想情况下,用户不必阅读其他任何内容才能理解标签。 用户比静态文本更有可能读取命令按钮标签。

    • 例外: 如果取消的含义明确,请不要重命名“取消”按钮。 用户不必读取所有按钮,以确定哪个按钮取消操作。 但是,如果不清楚正在取消哪些操作,请重命名“取消”,例如,当有多个挂起的操作时。

    可以接受:

    Screenshot that shows the 'OK' and 'Cancel' buttons.

    在此示例中,“确定”和“取消”是可接受的,但不能指定标签。

    更好:

    screen shot of burn cd and cancel buttons

    在此示例中,Burn CD 比 OK 更具体。

    不正确:

    screen shot of burn cd and don't burn cd buttons

    在此示例中,应使用取消,而不是不要Burn CD。

  • 使用命令性谓词"开始"菜单标签,并清楚地描述按钮执行的操作。 不要使用结束标点符号。

    • 例外:以下标准标签可以接受,无需动词:高级、Back、Details、Forward、Less、More、New、Next、No、OK、Options、Previous、Properties、设置和 Yes。
  • 虽然首选短标签,但使用足够的文本来充分解释命令。 当对象在上下文中不明显时,在谓词) 后,使用直接对象 (名词。 理想情况下,用户不必阅读其他任何内容才能理解标签。

    可以接受:

    screen shot of button with add label

    在此示例中,如果短标签在上下文中的含义显而易见,则可以接受。

    更好: 如果“添加”不清楚) , (

    screen shot of button with add items label

    在此示例中,向谓词添加名词有助于用户理解。

    最佳: 如果“添加”或“添加项”未明确) (

    screen shot of button with add selected items

    在此示例中,标签是自解释性的。

  • 使用 句子样式大写。 这样做更适合Windows语气Windows语气和命令按钮的短短语的使用。

    • 例外: 对于旧版应用程序,如有必要,可以使用 游戏样式大写 ,以避免混合大写样式。
  • 现在不要在命令按钮标签中使用,因为可以授予命令的即时性。

    • 例外: 如有必要,现在用于区分启动任务的命令与立即执行任务的命令。

    screen shot of button with download label

    在此示例中,单击命令按钮将转到允许用户下载的窗口或页面。

    screen shot of button with download now label

    在此示例中,单击命令按钮执行下载。

    现在,任务流中只应标记一个命令。 因此,例如,现在 下载 命令绝不应跟另一个 “立即下载” 命令。

  • 如果命令按钮标签意味着不会发生操作,请不要在命令按钮标签中使用。 例如,请勿使用“以后安装” (,) 安装,除非该命令稍后安装。 请改用“不要安装”或“取消”。

    不正确:

    screen shot of restart now and restart later

    在此示例中,“稍后重启”错误地表示命令稍后会自动重启。

  • 仅对与高级用户相关的选项或需要高级用户知识的选项使用“高级”按钮。 不要将“高级”按钮用于被视为技术先进的功能。 例如,打印机的装订功能不是高级选项,而是其颜色管理系统。

    错误: 如果选项真的不是高级) , (

    screen shot of button with advanced label

    在此示例中,高级具有误导性。

    正确:

    screen shot of button with more options label

    在此示例中,标签更具体且更准确。

  • 对于打开其他窗口的命令按钮,请选择使用部分或所有辅助窗口标题栏文本的标签。 例如,标记为“浏览”的命令按钮可能会打开名为“浏览文件夹”的对话框。 在整个任务中使用同一术语有助于保持用户导向。

  • 提问时,请使用与问题匹配的标签。 请勿使用“确定”/“取消”回答“是/否问题。

    正确:

    screen shot of yes and no buttons

    在此示例中,按钮回答问题。

    不正确:

    screen shot of ok and cancel buttons

    在此示例中,按钮未回答问题。

  • 如果命令需要执行其他信息,请使用省略号结束标签。

    • 例外: 图形标签不采用省略号。

    正确: 如果) 显示“打印选项”对话框, (

    screen shot of print button with ellipses

    在此示例中,单击按钮后,将显示“打印选项”对话框,并且需要用户的详细信息。

  • 如果操作成功完成只是显示另一个窗口,请不要使用省略号。 以下命令永远不会采用省略号:About、Advanced、Options、Properties、Help。

    不正确:

    screen shot of options button with ellipses

    在此示例中,单击按钮后,将显示“选项”对话框,但不需要用户的详细信息。

  • 例如,对于歧义 (,命令标签缺少谓词) ,根据最有可能的用户操作做出决定。 如果只是查看窗口是一个常见操作,请不要使用省略号。

    正确:

    更多颜色...

    版本信息

    在第一个示例中,用户最有可能选择颜色,因此使用省略号是正确的。 在第二个示例中,用户最有可能查看版本信息,因此不需要省略号。

  • 对于浏览按钮,请使用 (标记为“...”) 的短浏览按钮,当窗口中有多个浏览按钮时。 如果要在网格中显示浏览按钮,请始终使用短版本。

  • 对于方向按钮,请使用单个尖括号,并使其指向操作发生的方向。

下表显示了一些常见的命令按钮标签及其用法。

按钮标签 含义 访问密钥
后退
在向导和任务流中,转到上一页。
'B'
浏览...
显示用于查找文件或对象的对话框。
“B”或“r”
选项
显示可供用户自定义程序的选项。
'O'
暂停
在正在进行的对话框中,挂起任务。
“P”
个性化设置
自定义对用户使用程序进行个人标识至关重要的核心体验。
“P”
首选项
请不要使用。 请改用选项。
不适用。
属性
显示对象的属性和设置。
“P”或第一个“r”
保存
保存一组设置,或使用其当前名称保存文件或对象。
'S'
另存为...
使用指定名称保存文件或对象。
第二个“a”
设置
请不要使用。 请改用选项。
不适用。
故障排除
请不要使用。 请改用特定的帮助链接。
不适用。

有关提交按钮标签 (确定、取消、是/否、关闭、停止、应用、下一步、完成) 的指南,请参阅 用户界面文本

文档

引用命令按钮时:

  • 使用确切的标签文本,包括其大写,但不包括访问键下划线或省略号。 请勿包含单词按钮。
  • 若要描述用户交互,请使用单击。
  • 如果可能,请使用加粗文本设置标签的格式。 否则,仅当需要防止混淆时,才将标签置于引号中。

示例:单击“ 打印 ”可打印文档。