注意
此设计指南是为 Windows 7 创建的,尚未针对较新版本的 Windows 进行更新。 大部分指导原则上仍然适用,但演示和示例并不反映我们 当前设计指南。
标准图标是 Windows 一部分的错误、警告、信息和问号图标。
screen shot of four standard icons 四个标准图标的屏幕截图
标准错误、警告、信息和问号图标。
标准图标具有以下含义:
- 错误图标。 用户界面(UI)正在显示已发生的错误或问题。
- 警告图标。 UI 正在呈现一个可能导致将来出现问题的条件。
- 信息图标。 UI 正在提供有用的信息。
- 问号图标。 UI 指示帮助入口点。
标准图标值得注意,因为它们内置于许多 Windows 应用程序编程接口(API),例如 任务对话框、消息框、气球,以及 通知。 它们通常用于 就地消息 和 状态栏。
注意: 与 图标 相关的准则在单独的文章中提供。
设计概念
选择适当的标准图标有几个因素,这部分解释了为什么经常错误地使用它们。 最常见的错误包括:
- 对小错误使用警告图标。 警告不会“软化”错误。
- 使用标准图标时,最好根本不使用任何图标。 并非每条消息都需要一个图标。
- 通过为次要问题发出警告或将例行问题显示为警告来提醒用户。 这样做会使程序看起来容易受到危害,并削弱了真正重要的问题。
本部分的其余部分介绍如何考虑标准图标,以避免这些常见错误。
消息类型与严重性
根据消息类型选择标准图标,而不是基础问题的严重性。 消息类型为:
- 错误。 发生错误或问题。
- 警告。 将来可能导致问题的条件。
- 信息。 有用的信息。
因此,错误消息可能采用错误图标,但从未出现警告图标。 不要使用警告图标作为“软化”小错误的方法。 因此,尽管其严重性存在差异,但“不正确的字号”是一个错误,而“继续此作将使你的房子着火”是一个警告。
确定适当的消息类型
根据强调和措辞,某些问题可以显示为错误、警告或信息。 例如,假设网页无法基于当前的 Windows Internet Explorer 配置加载未签名的 ActiveX 控件:
- 错误。 “此页面无法加载未签名的 ActiveX 控件。(短语为现有问题。
- 警告。 “此页面可能无法按预期方式运行,因为 Windows Internet Explorer 未配置为加载未签名的 ActiveX 控件。”或“允许此页面安装未签名的 ActiveX 控件? 从不受信任的源执行此作可能会损害计算机。(这两个短语都短语为可能导致未来问题的条件。
- 信息。 “你已将 Windows Internet Explorer 配置为阻止未签名的 ActiveX 控件。(短语为事实陈述。
若要确定适当的消息类型,请重点关注用户需要知道或采取行动的问题最重要的方面。 通常,如果问题阻止用户继续,则会将其显示为错误;如果用户可以继续,则为警告。 根据该焦点 或其他相应文本制作 主指令,然后选择与文本匹配的图标(标准或其他)。 主指令文本和图标应始终匹配。
严厉
虽然在错误、警告和信息图标之间进行选择时,严重性不是考虑因素,但 严重性是确定是否应使用标准图标的因素。
图标在视觉上进行通信时效果最佳。 (请注意,出于辅助功能原因,这种视觉通信必须始终与另一种形式(如文本或声音)冗余。用户应该能够一目了然地了解信息的性质及其响应的后果,因此我们必须区分其普通错误和警告。 严重错误和警告具有以下特征:
- 它们涉及以下一个或多个潜在损失:
- 有价值的资产,如数据丢失或财务损失。
- 系统访问或完整性。
- 隐私或控制机密信息。
- 用户的时间(大量,如 30 秒或更多)。
- 他们有意想不到的或意想不到的后果。
- 它们现在需要正确的处理,因为错误不容易修复,甚至可能不可逆。
若要区分非关键错误和警告与关键错误,通常显示非关键消息而不显示图标。 这样做会引起对关键消息的注意,使关键和非关键消息在视觉上与众不同,并且与 Windows 音调一致。
并非每条消息都需要一个图标。 图标不是修饰消息的方法。
下面是关键警告的一个很好的示例,因为它符合以前定义的特征。
的警告屏幕截图
在此示例中,严重警告会提醒用户潜在的不可逆数据丢失。
但是,下一个示例并不重要,因为它可能是有意的,其结果很容易撤消。
不正确:
误导性使用屏幕截图
在此示例中,此 确认 并不重要,因为它可能是有意且容易撤消的。
在典型的 UI 中,大多数错误都与用户输入错误相关。 大多数用户输入错误并不重要,因为它们很容易更正,并且用户必须先更正这些错误,然后才能继续。 此外,对轻微用户错误的关注过多与 Windows 语气相反。 因此,通常显示次要用户输入错误而不显示错误图标。 为了强化其非关键性质,我们将其称为用户输入问题。
在此示例中,此次要用户输入问题并不重要,因此在对话框中显示时不需要图标。
避免过度争用
在 Windows 程序中,我们超额了。 典型的 Windows 程序有警告图标似乎无处不在,警告的东西没有什么意义。 在某些程序中,几乎每个问题都显示为警告。 过度警告使得使用某个程序感觉就像是一种危险的活动,并且会削弱真正重要的问题。
仅数据丢失的可能性不足以调用警告图标。 此外,任何不需要的结果都应意外或意外,并且不容易更正。 否则,可以解释任何错误回答的问题,以导致某种类型的数据丢失,并值得警告图标。
将警告图标集中在真正关键问题上:
- 确保此问题需要提高用户关注度。 例程确认 和问题不应有警告图标。
- 由于警告图标,用户的行为可能不同吗? 用户是否可能会更仔细地考虑决策?
不正确:
在此示例中,由于警告图标,用户可能以不同的方式回答此问题?
- 是否有一些重要的行动要做或决定? 没有作的警告只会让用户感到偏执。
不正确:
用于提醒screen shot of warning icon used with reminder 的警告图标的屏幕截图
为什么此通知是警告? 用户应该做什么(除了担心)?
上下文
上下文也是使用标准图标的一个考虑因素,因为上下文本身传达信息。 具体说来:
- 虽然对话框(包括任务对话框和消息框)和通知不需要用于非关键错误的图标,但就地错误始终需要错误图标。 否则,这种非模式反馈很容易被忽视。
- 就地警告始终需要警告图标来区分它们与常规文本。
- 对话框、通知和气球不需要信息图标,因为它们清楚地显示信息。 相比之下,横幅需要 16x16 像素信息或其他图标,因为这种非模式反馈很容易被忽略。
由于上下文是图标用法的一个重要因素,因此本文中的标准图标准则根据其上下文提供。
评估标准图标的合适性
评估 UI 文本时,也读取任何标准图标。 将错误图标读为“error!”,警告图标为“警告,请在此处非常小心!”,信息图标显示为“注意!”。 然后继续读取剩余上下文,例如主要指令、内容区域和提交按钮。 确保每个标准图标的含义和语气与其上下文的含义和语气匹配。 如果没有,你发现了一个问题。
如果你只做一件事...
确保每个标准图标的含义和语气与其上下文的含义和语气匹配。 如果它们不匹配,请更改或删除图标。
指引
注意: 对于以下准则,“就地”表示在任何普通窗口图面上,例如向导、属性表或控制面板项页的内容区域内。
常规
- 根据标准图标的消息类型选择标准图标,而不是基础问题的严重性:
- 错误。 发生错误或问题。
- 警告。 将来可能导致问题的条件。
- 信息。 有用的信息。
- 如果问题跨越不同的消息类型,请重点关注用户需要处理的最重要方面。
- 图标必须始终与主指令或其他相应文本匹配。
正确:
用于错误文本screen shot of error icon used with error text 的错误图标的屏幕截图
不正确:
在不正确的示例中,标准警告图标与主指令(这提供了错误)不匹配。
图标大小
根据上下文选择标准图标大小:
上下文 何时使用 对话框 将 32x32 像素用于内容区域图标;脚注区域图标的 16x16 像素。 就地 将 32x32 像素用于错误页;所有其他图标的 16x16 像素图标。 通知 使用 16x16 像素图标。 气球 使用 16x16 像素图标。 横幅 使用 16x16 像素图标。
错误图标
仅当发生错误或问题时,使用错误图标:
上下文 何时使用 对话框 仅用于关键错误。 (不要将标准图标用于非严重错误。
就地错误 用于所有错误。
通知 仅用于关键错误。 (对于 作失败。)
气球 请勿使用。 气球不应用于严重错误,并且不需要非严重错误的错误图标。 横幅 请勿使用。 不应将横幅用于错误。 通常,非关键用户输入问题不需要错误图标。 但是,就地错误需要图标,因为否则这种上下文反馈很容易被忽视。
对于任务对话框,请勿使用错误脚注图标。 错误图标必须仅在内容区域中显示。
警告图标
仅当条件将来可能导致问题时,使用警告图标:
上下文 何时使用 对话框 用于所有警告。
的屏幕截图警告
就地警告 用于将文本标识为警告。
通知 用于所有警告。 (对于 非关键系统事件。)
screen shot of low-battery warning notification 低电池警告通知的屏幕截图
气球 用于 特殊条件。
上盖锁的气球警告的屏幕截图
横幅 用于引起人们对横幅的关注。
不要使用警告图标来“软化”非严重错误。 错误不是警告,而是应用错误图标准则。
对于问题对话框,请仅对产生重大后果的问题使用警告图标。 不要对常规问题使用警告图标。
正确:
不正确:
有关消除提醒screen shot of warning about dismissing reminders 的警告的屏幕截图
在不正确的示例中,警告图标错误地用于例程问题。
- 对于任务对话框,可以使用警告脚注图标向用户发出风险后果的警报。 但是,在内容区域或脚注区域中使用警告图标,但不要同时使用这两个图标。
在此示例中,脚注中使用黄色安全防护。
信息图标
仅当上下文未明显显示信息时,才使用信息图标:
上下文 何时使用 对话框 请勿使用。 就地 请勿使用。 请改用纯静态文本或横幅。 通知 请勿使用。 气球 请勿使用。 横幅 用于引起人们对横幅的关注。
对话框、通知和气球中不需要信息图标,因为它们的上下文足以传达它们向用户提供信息。
对于任务对话框,请勿使用信息脚注图标。 脚注足够可见,不说它们是信息。
问号图标
- 仅对帮助入口点使用问号图标。 有关详细信息,请参阅 帮助入口点 指南。
- 不要使用问号图标提问。 同样,请仅对帮助入口点使用问号图标。 无论如何,无需使用问号图标提问,就足以将主要指令作为问题呈现。
- 不要定期将问号图标替换为警告图标。 仅当问题产生重大后果时,才会将问号图标替换为警告图标。 否则,不使用图标。