Windows 7 中的命令按钮

备注

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

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

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

典型的命令按钮。

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

备注

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

这是正确的控件吗?

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

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

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

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

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

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

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

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

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

设计概念

使用省略号

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

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

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

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

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

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

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

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

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

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

使用模式

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

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

准则

常规

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

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

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

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

在此示例中,按钮太小。

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

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

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

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

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

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

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

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

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

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

拆分按钮

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

默认值

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

以像素为单位和 dlus 的按钮维度示意图

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

标签

  • 标记每个命令按钮。

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

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

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

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

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

    异常:

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

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

    可以接受:

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

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

    更好:

    “烧焦 cd”和“取消”按钮的屏幕截图

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

    不正确:

    烧焦 cd 的屏幕截图,不烧 cd 按钮

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

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

    • 例外: 以下标准标签可以接受,无需动词:高级、后退、详细信息、转发、少、更多、新建、下一步、否、确定、选项、以前的属性、设置和是。
  • 虽然首选短标签,但使用足够的文本来充分解释命令。 当对象在上下文中不明显时,在谓词) 后使用直接对象 (名词。 理想情况下,用户不必阅读其他任何内容才能理解标签。

    可以接受:

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

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

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

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

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

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

    带有添加选定项的按钮的屏幕截图

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

  • 使用 句子样式大写。 这样做更适用于 Windows 音调Windows 语气 ,以及对命令按钮使用短短语。

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

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

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

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

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

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

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

  • 如果命令按钮标签的后面部分表示不会发生操作,请不要在命令按钮标签中使用。 例如,除非以后安装该命令稍后安装,否则不要使用“安装” (现在) 安装。 请改用“不安装”或“取消”。

    不正确:

    立即重启的屏幕截图,稍后重启

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

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

    不正确: 如果选项真的不是高级) , (

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

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

    正确:

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

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

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

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

    正确:

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

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

    不正确:

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

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

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

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

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

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

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

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

    不正确:

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

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

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

    正确:

    更多颜色...

    版本信息

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

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

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

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

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

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

文档

引用命令按钮时:

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

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