Windows 7 中的命令按钮

注意

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

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

“确定”命令按钮的屏幕截图

典型的命令按钮。

当用户按 Enter 键时,将调用默认命令按钮。 它由开发人员分配,但当用户按 Tab 键访问它时,任何命令按钮都将成为默认值。

注意

布局 相关的指南在单独的文章中介绍。

这是正确的控件吗?

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

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

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

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

    • 用户将选项作为选项而不是不同的命令进行查看。

      正确:对话框、单选按钮和文本的屏幕截图

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

      错误:带有命令按钮的消息屏幕截图

      在此示例中,单靠命令按钮会使用户难以做出明智的决定。

设计概念

使用省略号

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

带省略号的“打印命令”按钮的屏幕截图

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

“打印命令”按钮的屏幕截图,无省略号

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

正确使用省略号非常重要,可以指示用户可以在执行操作之前做出进一步的选择,甚至完全取消操作。 省略号提供的视觉提示允许用户毫无畏惧地浏览你的软件。

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

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

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

如果你只做一件事... 使用简洁、具体、一目了然的标签,清楚地描述命令按钮执行的操作,并在适当时使用省略号。

使用模式

命令按钮具有多种使用模式:

使用情况 示例
标准命令按钮 可以使用标准命令按钮启动即时操作。
标准 (灰色) 命令按钮的屏幕截图
标准命令按钮。
默认命令按钮 窗口中的默认命令按钮指示用户按 Enter 键时将激活的命令按钮。
默认 (蓝色) 命令按钮的屏幕截图
默认命令按钮。
当用户按 Tab 键访问它时,任何命令按钮都将成为默认值。 如果输入焦点位于不是命令按钮的控件上,则具有默认按钮属性的命令按钮将成为默认值。 一个窗口中的一个命令按钮只能是默认按钮。
轻型命令按钮 轻型命令按钮类似于标准命令按钮,只不过其按钮框仅在鼠标悬停时显示。
选中的两个打印按钮之一的屏幕截图
在此示例中,命令具有非常轻量的外观 (类似于 链接) ,直到用户将鼠标悬停在命令上,此时使用按钮框进行绘制。
如果使用的是标准命令按钮,但希望避免始终显示按钮框,则可以使用轻型命令按钮。 轻量级命令按钮非常适合想要低估且不适合使用链接的命令。
菜单按钮 如果需要一小组相关命令的菜单,请使用菜单按钮。
格式菜单按钮及其命令的屏幕截图
包含一小组相关命令的菜单按钮。
当菜单栏不受欢迎时,请使用菜单按钮,例如在对话框、工具栏或其他没有菜单栏的窗口中。 单个向下指向的三角形表示单击该按钮将下拉菜单。
拆分按钮 使用拆分按钮来合并命令的一组变体,尤其是在大部分时间使用其中一个命令时。
不带命令的“打开拆分”按钮的屏幕截图
折叠的拆分按钮。
与菜单按钮一样,单个向下指向的三角形表示单击按钮的最右侧会下拉菜单。
包含命令的“打开拆分”按钮的屏幕截图
下拉拆分按钮。
在此示例中,拆分按钮用于合并打开命令的六个变体。 常规 open 命令大部分时间使用,因此用户通常不需要查看其他命令。 使用拆分按钮可节省大量屏幕空间,同时提供强大的选项。
与菜单按钮不同,单击按钮的左侧部分会直接对标签执行操作。 拆分按钮在具有特定工具的下一个操作可能与上一个操作相同的情况下有效。 在这种情况下,标签将更改为最后一个操作,就像颜色选取器一样:
不带命令的“填充拆分”按钮的屏幕截图
在此示例中,标签更改为最后一个操作。
“浏览”按钮 使用浏览按钮显示对话框,以帮助用户选择有效值。
通过浏览按钮启动的对话框可帮助用户选择文件、文件夹、计算机、用户、颜色等。它们通常与不受约束的控件(如文本框)组合使用。 它们通常标记为浏览、其他或更多,并且始终有省略号来指示需要更多信息。
带有“浏览”按钮的文本框的屏幕截图
带有浏览按钮的文本框。
对于具有多个浏览按钮的窗口,可以使用短版本:
带省略号的短浏览按钮的屏幕截图
简短的浏览按钮。
渐进式披露按钮 使用渐进式披露按钮显示或隐藏不常用的选项。
隐藏不常用的选项,直到需要它们称为渐进式披露。 双 V 形用于指示渐进式披露,它们指向显示或隐藏发生的方向:
带有“更多”和向右箭头的按钮的屏幕截图
单击按钮后,其标签将更改为指示下一次单击将产生相反的效果:
带有“less”和向左箭头的按钮的屏幕截图
有关详细信息和示例,请参阅 渐进式披露控制
方向按钮 使用方向按钮指示操作的发生方向。
在本例中,使用单个尖括号而不是双 V 形:
向右键和向左键按钮的屏幕截图
方向按钮指示操作方向。

准则

常规

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

正确:“默认大小确定”按钮的屏幕截图

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

错误:短“确定”按钮的屏幕截图

在此示例中,按钮太小。

错误:大方形的“确定”按钮的屏幕截图

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

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

正确:带曲线箭头的旋转命令的屏幕截图

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

正确:带有图标和文本的地址栏的屏幕截图

在此示例中,标准符号与文本相结合,以帮助理解

错误:带有 x 图标和取消按钮的屏幕截图

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

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

拆分按钮

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

默认值

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

按钮尺寸图(以像素和 dlus 为单位)

建议调整命令按钮的大小和间距。

标签

  • 标记每个命令按钮。

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

    向上、向下和复制按钮的屏幕截图

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

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

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

    异常:

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

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

    可以接受:

    显示“确定”和“取消”按钮的屏幕截图。

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

    良好:

    刻录 cd 和取消按钮的屏幕截图

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

    不正确:

    刻录 cd 和不刻录 cd 按钮的屏幕截图

    在此示例中,应使用 Cancel 而不是 Don't Burn CD。

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

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

    可以接受:

    带有添加标签的按钮的屏幕截图

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

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

    带有“添加项目”标签的按钮的屏幕截图

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

    最佳: 如果“添加”或“添加项目”不清楚) ,则 (

    包含添加选定项的按钮的屏幕截图

    在此示例中,标签不言自明。

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

    • 例外: 对于旧版应用程序,如有必要,可以使用 标题样式大写 ,以避免混合大写样式。
  • 不要立即在命令按钮标签中使用 ,因为命令的即时性是理所当然的。

    • 例外: 必要时,立即使用 将启动任务的命令与立即执行任务的命令区分开来。

    带有下载标签的按钮的屏幕截图

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

    带有“立即下载”标签的按钮的屏幕截图

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

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

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

    不正确:

    “立即重启”和“稍后重启”的屏幕截图

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

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

    错误: 如果选项确实不是高级) , (

    具有高级标签的按钮的屏幕截图

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

    正确:

    带有更多选项标签的按钮的屏幕截图

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

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

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

    正确:

    “是”和“否”按钮的屏幕截图

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

    不正确:

    “确定”和“取消”按钮的屏幕截图

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

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

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

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

    带省略号的打印按钮的屏幕截图

    在此示例中,单击按钮后,将显示“打印选项”对话框,需要用户提供更多信息。

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

    不正确:

    带省略号的选项按钮的屏幕截图

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

  • 例如,在出现歧义 (时,命令标签缺少动词) ,具体取决于最有可能的用户操作。 如果只是查看窗口是一个常见操作,请不要使用省略号。

    正确:

    更多颜色...

    版本信息

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

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

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

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

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

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

文档

引用命令按钮时:

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

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