注释
此设计指南是为 Windows 7 创建的,尚未针对较新版本的 Windows 进行更新。 大部分指导原则上仍然适用,但演示和示例并不反映我们 当前设计指南。
通知区域提供通知和状态。 设计良好的程序适当地使用通知区域,而不会让人恼火或分心。
通知区域是任务栏的一部分,可提供通知和状态的临时源。 它还可用于显示桌面上没有状态的系统和程序功能的图标。
通知区域中的项目称为通知区域图标,或者如果已明确建立通知区域的上下文,则只是图标。
通知区域。
若要让用户在 Windows 7 中控制其桌面,默认情况下不会显示所有通知区域图标。 相反,除非用户提升到通知区域,否则图标会显示在通知区域中溢出。
通知区域溢出。
注意: 与 任务栏、 通知 和 气球 相关的指南显示在单独的文章中。
这是正确的用户界面吗?
若要决定,请考虑以下问题:
程序是否需要显示通知? 如果是这样,则必须使用通知区域图标。
是否暂时显示图标以显示状态更改? 如果是这样,则通知区域图标可能适用,具体取决于以下因素:
状态是否有用且相关? 也就是说,用户是否可能会监视图标并更改其行为,因为此信息? 否则,要么不显示状态,要么将其放入日志文件中。
不正确:
在此示例中,磁盘驱动器活动图标不合适,因为用户不太可能根据它更改其行为。
状态是否严重? 是否需要立即执行作? 如果是这样,则以需要注意且无法轻松忽略的方式显示信息,例如 对话框。
专为 Windows 7 设计的程序可以使用程序的任务栏按钮上的覆盖图标来显示状态更改,还可以使用任务栏按钮进度栏来显示长时间运行的任务进度。
该功能是否已有“桌面状态”? 也就是说,在运行时,该功能是否显示在桌面上的窗口中(可能最小化) ? 如果是这样,则直接在任务栏按钮上显示程序 的状态栏、其他状态区域或 Windows 7 的状态。 如果该功能没有桌面状态,则可以使用图标进行程序访问并显示状态。
图标主要是为了启动程序还是快速访问其功能或设置? 如果是,请使用“开始”菜单来启动程序。 通知区域不适用于快速程序或命令访问。
在此 Windows Vista 示例中,快速启动用于快速启动 Windows 资源管理器和 Windows Internet Explorer。
对于专为 Windows 7 设计的程序,用户可以固定任务栏按钮以便快速访问程序。 程序可以使用跳转列表或缩略图工具栏直接从程序的工具栏按钮访问常用命令。 默认情况下,Windows 7 中不显示快速启动区域。
在此示例中,跳转列表用于快速命令访问。
设计概念
Windows 桌面
Windows 桌面具有以下程序访问点:
- 工作区。 用户可以在其中执行其工作的屏幕区域,以及存储程序、文档及其快捷方式。 虽然从技术上说,桌面包含任务栏,但在大多数情况下,它只指工作区。
- “开始”按钮。 所有程序和特殊 Windows 位置(文档、图片、音乐、游戏、计算机、控制面板)的接入点,其中包含“最近使用过的”列表,以便快速访问最近使用的程序和文档。
- 快速启动。 用户选择的程序的直接接入点。 从 Windows 7 中删除了快速启动。
- 任务栏。 用于运行具有桌面状态的程序的访问点。 从技术上说,任务栏将整个栏从“开始”按钮跨到通知区域,但在大多数情况下,任务栏是指包含任务栏按钮的区域。 此区域有时称为任务带。
- Deskbands。 不建议这样做。
- 通知区域。 通知和状态的短期源,以及与系统和程序相关的功能的接入点,这些功能在桌面上不存在。
Windows 桌面接入点包括“开始”按钮、任务栏和通知区域。 记下任务栏按钮的缩略图功能。
桌面是一个有限的共享资源,它是用户进入 Windows 的入口点。 使用户保持控制。 应将桌面区域用作任何其他用法,这被视为滥用行为。 例如,从不将桌面区域视为推广程序或其 品牌的方法。
适当地使用通知区域
通知区域最初用作通知和状态的临时源。 其效率和便利性鼓励开发人员提供其他目的,例如启动程序和执行命令。 不幸的是,随着时间推移,这些添加使通知区域太大且干扰,并与其他桌面接入点混淆了其用途。
Windows XP 解决了缩放问题,使区域可折叠并隐藏未使用的图标。 Windows Vista 通过删除不必要的令人恼火的通知解决了干扰。 Windows 7 已进一步将通知集中在通知源的原始用途上。 默认情况下,大多数图标在 Windows 7 中处于隐藏状态,但可由用户手动提升为通知区域。 若要使用户能够控制其桌面,程序无法自动执行此升级。 Windows 仍通过暂时提升隐藏图标来显示隐藏图标的通知。
在 Windows 7 中,大多数通知区域图标默认处于隐藏状态。
此外,Windows 7 还直接支持任务栏按钮中的许多功能。 具体而言,可以使用:
- 跳转列表和缩略图工具栏以快速访问常用命令。
- 覆盖图标以显示正在运行的程序的状态。
- 任务栏按钮进度栏显示长时间运行任务的进度。
简言之,如果你的程序具有桌面状态,请充分利用 Windows 7 任务栏按钮功能以实现这些目的。 使通知区域图标专注于显示通知和状态。
使用户保持控制
使用户保持控制超出了正确使用通知区域的范围。 根据图标的性质,你可能希望让用户执行以下作:
- 删除图标。 你的图标可以提供相关的有用状态,但即便如此,用户可能不想看到它。 Windows 允许用户隐藏图标,但此功能不容易被发现。 若要使用户保持控制状态,请提供图标上下文菜单上通知区域选项中的 “显示”图标 。 请注意,删除图标不会影响基础程序、功能或进程。
- 选择要显示的通知类型。 通知必须有用且相关,但用户可能不希望看到通知。 对于 FYI 通知,这尤其如此。 让用户选择启用不太重要的功能。
- 暂停可选功能。 图标用于显示没有桌面状态的功能的状态。 此类功能往往是长时间运行的可选后台任务,例如打印、索引、扫描或同步。 用户可能希望暂停此类功能以提高系统性能、降低能耗或脱机。
- 退出程序。 提供更适合以下选项:
- 暂时退出程序。 当 Windows 重新启动时,程序将停止并重新启动。 此方法适用于重要的系统实用程序,例如安全程序。
- 永久退出程序。 程序在重新启动 Windows 时停止,不会重启(除非用户选择稍后重启)。 要么用户不再想要运行程序,要么想要按需运行程序,或者可能为了提高系统性能。
尽管最好在图标的上下文菜单上提供大部分这些设置,但程序的默认体验应该适用于大多数用户。 默认情况下不要打开所有内容,并期望用户关闭功能。 相反,默认情况下打开重要功能,让用户根据需要启用其他功能。
如果你只做四件事...
- 不要滥用通知区域。 仅将其用作通知和状态的源,以及没有桌面状态的功能。
- 保持用户处于可控状态。 提供适当的选项来控制图标、其通知和基础功能。
- 提供适合大多数用户的默认体验。 让用户启用所需的功能,而不是期望他们禁用不需要的功能。
- 充分利用 Windows 7 任务栏按钮功能来显示状态,并使程序最常执行的任务高效。
使用模式
通知区域图标有多个使用模式:
标签 | 价值 |
---|---|
系统状态和访问权限 显示持续显示重要但不是关键系统状态,并提供对相关功能和设置的访问权限。 |
需要通知区域图标的系统功能没有持久的桌面状态。 还可以用作通知源。 ![]() 在此示例中,电池、网络和音量图标在适用时持续显示。 |
后台任务状态和访问权限 在后台任务运行时显示状态并提供对功能和设置的访问权限。 |
后台进程在没有桌面状态时需要通知区域图标。 还可以用作通知源。 ![]() 在此示例中,作中心图标允许用户检查其状态,即使它没有桌面状态。 |
临时事件状态 具有桌面状态的程序可以暂时显示图标以显示重要事件或更改状态。 |
![]() 在此示例中,将显示用于打印和安装更新的图标,以显示重要事件或更改状态。 |
临时通知源 暂时显示以显示通知。 在超时后删除,或者在解决基础问题或执行任务时删除。 |
对于纯通知源,首选临时图标。 不要显示不提供有用、相关、动态状态的图标,只是因为将来可能需要显示通知。 ![]() 在此示例中,显示新的硬件检测到通知时,会显示即插即用图标。 |
最小化的单实例应用程序 若要减少任务栏混乱,可将单实例长时间运行的应用程序最小化为通知区域图标。 |
![]() 在此示例中,Windows Vista、Outlook 和 Windows Live Messenger 是单实例应用程序,可最大程度地减少通知区域图标。 仅当以下所有应用时,才考虑使用此模式:
注意: 对于 Windows 7,不再建议使用此图标模式。 如果程序具有桌面状态,请改用常规任务栏按钮。 ![]() 在此 Windows 7 示例中,常规任务栏按钮占用的空间很少,但受益于 Windows 7 任务栏按钮功能,包括跳转列表、覆盖图标和丰富的缩略图。 |
准则
概况
- 每个组件只提供一个通知区域图标。
- 使用具有 16x16、20x20 和 24x24 像素版本的图标。 较大的版本用于高 dpi 显示模式。
何时显示
对于临时通知源模式:
- 显示通知时,Windows 会显示图标。
- 根据图标 的通知设计 模式删除图标:
图案 何时删除 作成功 删除通知时。 作失败 解决问题时。 非关键系统事件 解决问题时。 可选用户任务 任务完成后。 FYI 删除通知时。 对于临时事件状态模式,在事件发生时显示图标。
对于所有其他模式, 在程序、功能或进程运行时显示图标,并且图标相关 ,除非用户在 通知区域选项中 清除了其显示图标(有关详细信息,请参阅 上下文菜单)。 默认情况下,大多数图标在 Windows 7 中处于隐藏状态,但可由用户提升为通知区域。
不要显示面向标准用户的管理员的图标。 记录 Windows 事件日志中的信息。
显示位置
- 显示从通知区域附近的通知区域图标启动的窗口。
从通知区域图标启动的 Windows 显示在通知区域附近。
图标
根据图标的设计模式选择图标:
图案 图标类型 系统状态和访问权限 系统功能图标 后台任务状态和访问权限 程序或功能图标 临时通知源 程序或功能图标 临时事件状态 程序或功能图标 最小化的单实例应用程序 程序图标 在此示例中,Outlook 对临时通知源使用电子邮件功能图标,并将其应用程序图标用于最小化的应用程序。
选择易于识别的图标设计。 首选具有独特轮廓的图标,而不是方形或矩形图标。 使设计简单优先于符号而不是逼真的图像。 应用其他 航空风格的图标指南。
使用图标变体或覆盖来指示状态或状态更改。 使用图标变体显示数量或强度的变化。 对于其他类型的状态,请使用以下标准覆盖。 仅使用单个覆盖层,并将其从右下角定位以保持一致性。
覆盖 状态 警告 错误 Disabled/Disconnected screen shot of small blocked/offline icon 小块/脱机图标的屏幕截图
已阻止/脱机 在此示例中,无线和电池图标显示数量或强度的变化。
在此示例中,覆盖用于显示错误和警告状态。
避免基本图标中大量纯红色、黄色和绿色。 若要避免混淆,请保留这些颜色以传达状态。 如果你 的品牌 使用这些颜色,请考虑对基本通知区域图标使用静音色调。
对于 渐进式升级, 请使用具有渐进式外观的图标,因为情况变得更加紧迫。
在这些示例中,随着紧迫性的增加,电池图标的外观变得更加突出。
不要太频繁地更改状态。 通知区域图标不应显示干扰、不稳定或需要关注。 眼睛对外围视野的变化很敏感,因此状态变化需要微妙。
不要快速更改图标。 如果基础状态正在快速变化,则图标反映高级状态。
不正确:
在此示例中,调制解调器图标显示闪烁的灯(硬件调制解调器确实如此),但这些状态更改对用户并不重要。
不要使用长时间运行的动画来显示连续活动。 此类动画让人分心。 通知区域中的图标状态足以指示连续活动。
在重要的临时、可传递状态更改期间,可以接受简短的微妙动画来显示进度。
在此示例中,无线图标显示一个活动指示器,用于显示工作正在进行。
不要闪烁图标。 这样做太分心了。 如果事件需要立即引起注意,请改用对话框。 如果事件需要注意,请使用通知。
不要禁用通知区域图标。 如果图标当前不适用,请将其删除。 但是,如果用户可以从图标启用,则可以显示启用了状态覆盖的图标。
在此示例中,用户可以从图标启用声音输出。
有关常规图标指南和示例,请参阅 图标。
互动
注意: 以下单击事件应在鼠标上向上而不是鼠标向下发生。
悬停
显示一个工具提示或信息提示,指示图标所代表的内容。
在此示例中,工具提示用于描述悬停时图标。
有关信息提示文本指南,请参阅本文的 “文本 ”部分。
左键单击
显示最有可能看到的任何用户,可能是:
具有最有用的设置和通常执行的任务的浮出控件窗口、对话框或程序窗口。 有关演示指南,请参阅 通知区域浮出控件。
在这些示例中,单击左键将显示具有最有用的设置的弹出窗口。
状态浮出控件。
在此示例中,单击左键将显示状态浮出控件。
- 相关的控制面板项。
- 上下文菜单。
用户希望单击左键可显示某些内容,因此不显示任何内容会使通知区域图标无响应。
仅当其他选项不适用时,才显示上下文菜单,默认命令以粗体显示。 在这种情况下,请显示右键单击时显示的相同上下文菜单,以避免混淆。
首选使用弹出窗口而不是对话框 ,以便获得更轻量的感觉。 仅显示最常见的设置,并使其对更简单的交互立即生效。 如果用户单击窗口外的任意位置,则关闭弹出窗口。
在关联的图标附近显示小窗口。 但是,大型窗口(如控制面板项)可以显示在默认监视器的中心。
左双击
- 在上下文菜单上执行默认命令。 通常,这会显示与图标关联的主 UI,例如关联的控制面板项、属性表或程序窗口。
- 如果没有默认命令,请执行与左侧单击相同的作。
右键单击
- 显示上下文菜单,默认命令加粗。
上下文菜单
- 显示与其关联的图标附近的上下文菜单,但远离任务栏。
- 上下文菜单可以按列出的顺序包括以下项(确切的文本以引号为单位):
主要命令
打开(默认,列表第一,粗体)
跑
辅助命令
< 分隔符>
暂停/恢复启用/禁用命令(复选标记)
“最小化到通知区域”(复选标记)
选择加入通知(复选标记)
“通知区域中的显示图标”(复选标记)
< 分隔符>
“选项”
“退出”
- 删除而不是禁用任何不适用的上下文菜单项。
- 对于“打开”、“运行”和“挂起/恢复”命令, 特定于正在打开、运行、暂停和恢复的内容。
在此示例中,Windows Defender 具有特定的“打开”和“运行”命令。
- 使用挂起/恢复运行后台任务,为其他所有任务启用/禁用。
- 使用复选标记来指示状态。 列出并启用所有状态,并将复选标记置于当前状态旁边。 不要禁用选项或更改选项标签以指示当前状态。
正确:
不正确:
在不正确的示例中,Windows Defender 应使用复选标记来指示当前状态。
- 所有后台任务都必须具有“挂起/恢复”命令。 选择命令应暂时挂起任务。 用户可能希望暂时挂起后台任务以提高系统性能或降低能耗。 当用户恢复或 Windows 重启时,将重启挂起的后台任务。
- 如果你的程序有某些用户可能不希望看到的通知,则允许用户选择加入或退出不同的通知类型。 FYI 通知模式要求用户选择加入,因此默认情况下必须禁用这些通知。
在此示例中,Outlook 允许用户从图标中选择他们收到的通知。
- 清除“通知区域中的显示图标”选项会从通知区域中删除图标,但不会影响基础程序、功能或进程。 用户可以从程序的“选项”对话框中重新显示图标。 重启 Windows 时,不要自动重新显示图标。
- Exit 命令退出当前 Windows 会话的程序,并删除图标。 如果程序无法关闭,则不要使用 Exit 命令。 重启 Windows 时,将重启程序。 用户可以从“选项”对话框永久退出程序。
- 没有 About 命令。 此信息应由图标、其信息提示和上下文菜单进行通信。 如果用户需要更多信息,他们可以查看主要 UI。
- 例外: 如果图标用于没有桌面状态的程序,则可以提供“关于”命令。
有关常规上下文菜单指南和示例,请参阅 “菜单”。
丰富的工具提示
仅使用丰富的工具提示使信息更易于理解。 不要只使用丰富的工具提示来修饰该功能。 如果无法使用丰富性使信息更易于理解,请改用纯工具提示。
不正确:
正确:
在不正确的示例中,日历图标不会使日期更易于理解。
使用简洁的演示文稿。 使用简洁的文本和带有 32x32 像素图标的简洁布局。 宽敞的工具提示有分散注意力的风险,尤其是在无意中显示时。
不要在丰富的工具提示中放置以交互方式显示的控件或元素。 工具提示不是交互式的,因此不应显示为交互式。 不要使用蓝色或带下划线的文本。
正确:
不正确:
在不正确的示例中,当前电源计划似乎是一个链接,但无法单击。
通知区域浮出控件
- 如果适用,请显示包含三个部分的通知区域浮出控件:
- 总结。 显示图标的工具提示或信息提示中显示的相同信息,可能具有更多详细信息。 为了保持一致性,请使用相同的文本和图标,并且通常使用相同的布局(如果使用丰富的工具提示)。 与信息提示不同,使用触摸时可以访问此信息。
- 常见任务。 直接在浮出控件中呈现最常执行的任务。
- 相关链接。 最多提供以下可选链接的每种类型之一:
- 指向控制面板中最常执行的任务的链接。 如果常见任务部分无法显示频繁执行的任务,请提供。
- 指向相关控制面板项的链接。 此控制面板项应允许用户执行无法在常见任务部分中执行的任何任务。
- 指向特定相关帮助主题的链接。 遵循标准 帮助链接指南。
此示例使用建议的演示文稿显示通知区域浮出控件。
“选项”对话框
- 无法直接从上下文菜单访问的选项必须位于“选项”对话框中。 此对话框可以是功能的控制面板。
-
“选项”对话框可以根据需要包含以下项 (确切的文本以引号为单位):
- 启用 [功能名称] (复选框)
- 清除此选项将永久退出程序。 可以从其控制面板项重启程序。 上下文菜单中的“退出”命令仅退出当前 Windows 会话的程序。
- “通知区域中的显示图标”(复选框)
- 从通知区域删除图标不会影响基础功能。
- 选择此选项允许用户还原图标,当然不能从图标本身完成。
- 启用 [功能名称] (复选框)
- 禁用很少使用或可能令人恼火或分散注意力的功能。 让用户 选择加入 此类功能。
有关常规选项对话框指南和示例,请参阅 “属性 Windows”。
将程序最小化到通知区域
注意:对于 Windows 7,不再建议将程序窗口最小化到通知区域。 请改用常规 任务栏 按钮。 程序可能支持这两种向后兼容性机制。
- 若要减少任务栏混乱,请考虑仅当以下所有内容都适用时,才能够将程序最小化到通知区域:
- 程序只能有一个实例。
- 程序在较长时间内运行。
- 图标显示状态。
- 图标可以是通知源。
- 这样做是可选的,用户必须 选择加入。
- 使用应用程序标题栏上的“最小化”按钮,而不是“关闭”按钮。
Text
信息提示
- 图标信息提示应具有以下格式之一(其中公司名称是可选的):
- (公司名称)功能、程序或设备名称
-
- (公司名称)功能、程序或设备名称 - 状态摘要
-
- (公司名称)功能、程序或设备名称状态语句。
-
- (公司名称)功能、程序或设备名称
- 状态列表,每个项目位于单独的行中
-
信息提示措辞:
专注于最有用的信息。 在左侧单击时显示其他信息。
简洁明了。 使用句子片段或简单语句。
请勿使用结束标点符号,除非提示被短语为完整的句子。
省略不必要的单词。 请勿包含软件版本或其他多余的信息。
不正确:
在此示例中,信息提示具有多余的信息。
请勿说明如何与图标交互。
不正确:
在此示例中,“无线网络连接”图标提供右键单击说明。
文档
引用通知区域时:
- 将通知区域称为通知区域,而不是系统托盘。
引用通知区域图标时:
- 使用其信息提示中给出的确切名称(包括其大写),后跟图标来引用图标。
- 有关第一个参考,另请参阅通知区域。
- 如果可能,请使用加粗格式设置标题文本的格式。 否则,仅当需要防止混淆时,才将标题置于引号中。
例:若要快速检查网络状态,请单击通知区域中的网络图标。