标准图标

注意

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

标准图标是属于 Windows 的错误、警告、信息和问号图标。

四个标准图标的屏幕截图

标准错误、警告、信息和问号图标。

标准图标具有以下含义:

  • 错误图标。 用户界面 (UI) 出现错误或问题。
  • 警告图标。 UI 正在呈现可能导致将来出现问题的条件。
  • 信息图标。 UI 提供有用的信息。
  • 问号图标。 UI 指示“帮助”入口点。

标准图标之所以值得注意,是因为它们内置于许多 Windows 应用程序编程接口 (API) ,例如 任务对话框消息框气球通知。 它们也通常用于 就地消息状态栏

注意:图标 相关的指南在单独的文章中提供。

设计概念

选择适当的标准图标有几个因素,这在一定程度上解释了为什么它们经常被错误地使用。 最常见的错误包括:

  • 对小错误使用警告图标。 警告不是“软化”错误。
  • 最好使用标准图标,最好不使用图标。 并非每条消息都需要一个图标。
  • 通过对小问题发出警告或将常规问题作为警告来提醒用户。 这样做会使程序看起来容易发生危险,并减损真正重大的问题。

本部分的其余部分介绍如何考虑标准图标以避免这些常见错误。

消息类型与严重性

根据消息类型而不是基础问题的严重性选择标准图标。 消息类型包括:

  • 错误。 发生错误或问题。
  • 警告。 将来可能导致问题的条件。
  • 信息。 有用的信息。

因此,错误消息可能采用错误图标,但绝不是警告图标。 不要使用警告图标来“软化”小错误。 因此,尽管其严重性不同,但“字号不正确”是一个错误,而“继续此操作将使你的房子着火”是一个警告。

确定适当的消息类型

某些问题可能显示为错误、警告或信息,具体取决于重点和措辞。 例如,假设网页无法根据当前的 Windows Internet Explorer 配置加载未签名的 ActiveX 控件:

  • 错误。 “此页面无法加载未签名的 ActiveX 控件。” (短语为现有问题。)
  • 警告。 “此页面的行为可能不符合预期,因为 Windows Internet Explorer 未配置为加载未签名的 ActiveX 控件。”或“允许此页面安装未签名的 ActiveX 控件? 从不受信任的来源执行此操作可能会损害您的计算机。“ (这两个短语都表示为可能导致将来出现问题的条件。)
  • 信息。 “你已将 Windows Internet Explorer 配置为阻止未签名的 ActiveX 控件。” (短语为 fact.)

若要确定适当的消息类型,请重点关注用户需要了解或处理的问题的最重要方面。 通常,如果问题阻止用户继续,则会显示为错误;如果用户可以继续,则表示警告。 根据该焦点制作main指令或其他相应文本,然后选择与文本匹配 (标准或其他) 图标。 main指令文本和图标应始终匹配。

严重性

虽然在错误、警告和信息图标之间进行选择时,严重性不是一个考虑因素,但 严重性是确定是否应使用标准图标的一个因素。

图标在用于直观通信时效果最佳。 (请注意,出于辅助功能的原因,这种视觉通信必须始终是多余的另一种形式,如文本或声音。) 用户应该能够一目了然地了解信息的性质及其响应的后果,因此我们必须将关键错误和警告与其普通的对应项区分开来。 严重错误和警告具有以下特征:

  • 它们涉及以下一项或多项的潜在损失:
    • 有价值的资产,如数据丢失或财务损失。
    • 系统访问或完整性。
    • 隐私或对机密信息的控制。
    • 用户的时间 (很大,例如 30 秒或 30 秒以上) 。
  • 它们会产生意想不到的或意想不到的后果。
  • 它们现在需要正确处理,因为错误不容易修复,甚至可能不可逆。

为了将非严重错误和警告与严重错误和警告区分开来,非关键消息通常不显示图标。 这样做可吸引人们对关键消息的注意,使关键和非关键消息在视觉上与众不同,并且与 Windows 语气保持一致。

并非每条消息都需要一个图标。 图标不是修饰消息的方法。

下面是严重警告的一个很好的示例,因为它符合以前定义的特征。

备份数据的警告的屏幕截图

在此示例中,严重警告会提醒用户潜在的不可逆数据丢失。

但是,下一个示例并不重要,因为它可能是有意的,其结果很容易撤消。

不正确:

误导性使用警告图标的屏幕截图

在此示例中,此 确认 并不重要,因为它可能是有意的,并且很容易撤消。

在典型的 UI 中,大多数错误都与用户输入错误相关。 大多数用户输入错误并不重要,因为它们很容易更正,并且用户必须更正它们才能继续。 此外,过分关注小用户错误与 Windows 语气相反。 因此,小用户输入错误通常不显示错误图标。 为了强化其非关键性,我们将这些内容称为用户输入问题。

通知用户正确输入的屏幕截图

在此示例中,此次要用户输入问题并不重要,因此在对话框中显示时不需要图标。

避免过度警告

我们在 Windows 程序中过度警告。 典型的 Windows 程序似乎随处都有警告图标,对没有什么意义的内容发出警告。 在某些程序中,几乎每个问题都显示为警告。 过度警告会使使用程序感觉是一种危险活动,并且会减损真正重大的问题。

仅数据丢失的可能性不足以调用警告图标。 此外,任何不良结果应该是意外的或意外的,并且不容易更正。 否则,可能会解释任何错误回答的问题,导致某种数据丢失,值得警告图标。

若要将警告图标聚焦在真正关键问题上:

  • 确保问题值得用户引起高度关注。 例行确认 和问题不应有警告图标。
  • 由于警告图标,用户的行为是否可能有所不同? 用户是否可能会更仔细地考虑该决定?

不正确:

不必要地使用的警告图标的屏幕截图

在此示例中,用户是否可能会因为警告图标而以不同的方式回答此问题?

  • 有一些重要的操作要做或决定吗? 没有操作的警告只会让用户感到偏执。

不正确:

与提醒一起使用的警告图标的屏幕截图

为什么此通知是警告? 除了担心) 之外,用户应该做什么 (?

上下文

使用标准图标时,上下文也是一个考虑因素,因为上下文本身会传达信息。 具体而言:

  • 虽然对话框 (包括任务对话框和消息框) 和通知不需要图标来显示非严重错误,但就地错误始终需要错误图标。 否则,这种非模式反馈很容易被忽视。
  • 就地警告始终需要警告图标来区分它们与常规文本。
  • 对话框、通知和气球不需要信息图标,因为它们清楚地显示信息。 相比之下,横幅需要 16x16 像素的信息或其他图标,因为这种非模式反馈太容易被忽视。

由于上下文是图标使用的重要因素,因此本文中的标准图标指南是根据其上下文提供的。

评估标准图标的合适性

评估 UI 文本时,还阅读任何标准图标。 将错误图标读作“error!”,将警告图标读为“警告,请在此处非常小心!”,将信息图标读为“注意!”。 然后继续读取其余上下文,例如main指令、内容区域和提交按钮。 确保每个标准图标的含义和音调与其上下文的含义和语气相匹配。 否则,你已发现问题。

如果你只做一件事...

确保每个标准图标的含义和音调与其上下文的含义和语气相匹配。 如果不匹配,请更改或删除图标。

准则

注意: 对于以下准则,“就地”是指在任何普通窗口图面上,例如在向导、属性表或控制面板项页的内容区域内。

常规

  • 选择标准图标基于其消息类型,而不是基础问题的严重性:
    • 错误。 发生错误或问题。
    • 警告。 将来可能导致问题的一种情况。
    • 信息。 有用的信息。
  • 如果某个问题涉及不同的消息类型,请重点关注用户需要处理的最重要方面。
  • 图标必须始终匹配main指令或其他相应文本。

正确:

与错误文本一起使用的错误图标的屏幕截图

不正确:

带有错误文本的警告图标的屏幕截图

在错误示例中,标准警告图标与main指令 (不匹配,该指令) 错误。

图标大小

  • 根据上下文选择标准图标大小:

    上下文 何时使用
    对话框
    对内容区域图标使用 32x32 像素;脚注区域图标的 16x16 像素。
    就地
    对错误页使用 32x32 像素;所有其他 16x16 像素图标。
    通知
    使用 16x16 像素图标。
    气球
    使用 16x16 像素图标。
    横幅
    使用 16x16 像素图标。

错误图标

  • 仅当发生错误或问题时,才使用错误图标:

    上下文 何时使用
    对话框
    仅用于严重错误。 (不对非严重错误使用标准图标。)
    显示与错误消息一起使用的错误图标的屏幕截图
    就地错误
    对所有错误使用。
    与错误消息一起使用的错误图标的屏幕截图。
    通知
    仅用于严重错误。 操作失败 (。)
    显示与通知错误消息一起使用的错误图标的屏幕截图。
    气球
    请不要使用。 气球不应用于严重错误,也不需要用于非严重错误的错误图标。
    横幅
    请不要使用。 不应将横幅用于错误。
  • 通常,非关键用户输入问题不需要错误图标。 但是,就地错误需要图标,因为否则此类上下文反馈太容易被忽视。

  • 对于任务对话框,请勿使用错误脚注图标。 错误图标必须仅显示在内容区域中。

警告图标

  • 仅当条件可能导致将来出现问题时,才使用警告图标:

    上下文 何时使用
    对话框
    对所有警告使用。
    文件扩展名更改的屏幕截图警告
    就地警告
    使用 将文本标识为警告。
    可用空间不足警告的屏幕截图
    通知
    对所有警告使用。 非关键系统事件的 (。)
    电池电量不足警告通知的屏幕截图
    气球
    用于 特殊条件
    盖帽锁定的气球警告的屏幕截图
    横幅
    使用 来吸引人们对横幅的注意。
    带有缺少 tpm 的警告的横幅的屏幕截图
  • 不要使用警告图标来“软化”非严重错误。 错误不是警告,而是应用错误图标准则。

  • 对于问题对话框,请仅对具有重大后果的问题使用警告图标。 不要对例行问题使用警告图标。

正确:

屏幕截图警告不停止系统还原

不正确:

有关关闭提醒的警告的屏幕截图

在错误示例中,警告图标不正确地用于例程问题。

  • 对于任务对话框,可以使用警告脚注图标来提醒用户风险后果。 但是,在内容区域或脚注区域中使用警告图标,但不能同时使用两者。

可能不安全的文件的屏幕截图警告

在此示例中,脚注中使用了黄色安全盾牌。

信息图标

  • 仅当上下文未明显显示信息时,才使用信息图标:

    上下文 何时使用
    对话框
    请不要使用。
    就地
    请不要使用。 请改用纯静态文本或横幅。
    通知
    请不要使用。
    气球
    请不要使用。
    横幅
    使用 来吸引人们对横幅的注意。
    包含设置信息的横幅的屏幕截图
  • 对话框、通知和气球中不需要信息图标,因为它们的上下文充分传达了它们正在向用户提供信息。

  • 对于任务对话框,请勿使用信息脚注图标。 脚注是足够可见的,不言而喻,它们是信息。

问号图标

  • 仅对“帮助”入口点使用问号图标。 有关详细信息,请参阅 帮助入口点 指南。
  • 不要使用问号图标来提问。 同样,请仅对“帮助”入口点使用问号图标。 无论如何,都无需使用问号图标提问,只需将main指令作为问题呈现即可。
  • 不要定期将问号图标替换为警告图标。 仅当问题具有重大后果时,才将问号图标替换为警告图标。 否则,不使用图标。