任务栏
注意
此设计指南是为 Windows 7 创建的,尚未针对较新版本的 Windows 进行更新。 大部分指导原则上仍然适用,但演示和示例并不反映我们 当前设计指南。
任务栏是桌面上显示的程序的接入点。 使用新的 Windows 7 任务栏功能,用户可以直接从任务栏提供命令、访问资源和查看程序状态。
任务栏是桌面上显示的程序的接入点,即使程序最小化也是如此。 这些程序据说有桌面存在。 使用任务栏,用户可以在桌面上查看打开的主窗口和某些辅助窗口,并且可以在它们之间快速切换。
任务栏的
Microsoft Windows 任务栏。
任务栏上的控件称为任务栏按钮。 当程序创建主窗口(或具有特定特征的辅助窗口)时,Windows 会为该窗口添加任务栏按钮,并在该窗口关闭时将其删除。
专为 Windows 7 设计的程序可以利用这些新的任务栏按钮功能:
- 跳转列表通过可从程序的任务栏按钮和“开始”菜单项访问的上下文菜单和命令,提供对常用目标(如文件、文件夹和链接)的快速访问,即使程序当前未运行也是如此。
- 缩略图工具栏为特定窗口提供对常用命令的快速访问。 缩略图工具栏显示在任务栏按钮的缩略图中。
- 覆盖图标显示程序任务栏按钮图标的状态更改。
- 进度栏显示程序任务栏按钮上长时间运行任务的进度。
- 子窗口任务栏按钮允许用户使用任务栏按钮缩略图直接切换到窗口选项卡、项目窗口、多文档界面(MDI)子窗口和辅助窗口。
- 固定的任务栏按钮允许用户将程序按钮固定到任务栏,以便快速访问程序,即使程序未运行也是如此。
从技术上看,任务栏将整个栏从“开始”按钮跨到通知区域;但是,更常见的是,任务栏只引用包含任务栏按钮的区域。 对于多个监视器配置,只有一个监视器具有任务栏,该监视器是默认监视器。
注意:有关 桌面、通知区域以及 窗口管理 的 指南,请参阅单独的文章。
这是正确的用户界面吗?
专为 Windows 7 设计的程序可以利用这些任务栏按钮功能。 询问以下关键问题,以确定是否使用它们:
跳转列表
用户通常需要使用程序启动新任务吗? 如果是这样,请考虑提供跳转列表。 虽然跳转列表可用于其他目的,但大多数方案都涉及启动新任务。
用户通常需要访问最近或常用文件、文件夹、链接或其他资源吗? 如果是这样,请考虑提供跳转列表来访问这些有用的资源。
使用 Internet Explorer 跳转列表任务栏的屏幕截图
在此示例中,Windows Internet Explorer 使用跳转列表来显示经常访问的页面。
用户在使用其他程序时通常需要快速访问少量程序命令,即使程序未运行? 如果是这样,请考虑使用这些常用命令提供跳转列表。 即使程序未运行,这些命令也必须正常工作,并且必须应用于整个程序,而不是特定的窗口。 作为替代方法,请考虑为适用于特定窗口的命令提供缩略图工具栏。
包含便笺跳转列表屏幕截图
在此示例中,便笺附件允许用户在使用其他程序时快速创建新笔记。
是推广新的、单一使用还是很难找到功能? 如果是这样,请不要使用跳转列表,因为它们不用于此目的。 而是直接在程序中改进此类命令的可发现性。
缩略图工具栏
以下所有条件是否适用?
命令是否适用于特定窗口? 缩略图工具栏适用于适用于现有任务的命令,而跳转列表命令用于启动新任务。
用户在使用其他程序时是否需要快速与正在运行的任务进行交互? 如果是,则缩略图工具栏是一个不错的选择。 缩略图工具栏最多可以显示七个命令,但通常首选最多五个命令。
命令是否直接? 也就是说,它们是否需要额外的输入? 缩略图工具栏需要有即时命令才能高效,而跳转列表则更适用于需要其他输入的命令。
不正确:
具有重叠窗口屏幕截图
需要其他输入的命令在缩略图工具栏上不起作用。
命令是否直接? 也就是说,用户是否可以单击一下即可与其交互? 工具栏需要有直接命令才能高效。
命令是否由图标表示良好? 缩略图工具栏命令使用图标而不是文本标签来显示,而跳转列表命令由文本标签表示。
不正确:
带有图标屏幕截图
在此示例中,命令不完全由图标表示。
覆盖图标
- 程序是否具有“桌面状态”? 否则,请改用通知区域图标。 如果是这样,请考虑使用覆盖图标,而不是将状态置于针对 Windows 7 设计的程序的通知区域图标上。 这样做可确保图标始终可见(使用大图标时),并将程序的状态合并到一个位置。
- 是否暂时显示覆盖图标以显示状态更改? 如果是这样,则覆盖图标可能适用,具体取决于以下因素:
进度栏
使用其他程序时进度反馈是否有用且相关? 也就是说,用户在使用其他程序时是否可能会监视进度,并因此更改其行为? 此类有用和相关状态通常使用无模式进度对话框或专用进度页显示,但不显示状态栏上的忙指针、活动指示器或进度栏。 如果使用其他程序时状态不起作用,只需在程序本身中直接显示进度反馈。
正确:
“复制”对话框的
不正确:
任务栏按钮屏幕截图
在不正确的示例中,任务栏按钮进度栏并不十分有用。
任务是否连续? 如果任务从未完成,则无需显示其进度。 连续任务的示例包括用户未启动的防病毒扫描和文件索引。
不正确:
连续任务屏幕截图
在此示例中,连续任务不需要显示进度。
子窗口任务栏
- 程序是否包含用户通常想要直接切换到的选项卡、项目窗口、MDI 子窗口或辅助窗口? 如果是这样,则为这些窗口提供其自己的任务栏按钮缩略图可能合适。
设计概念
有效地使用跳转列表和缩略图工具栏
跳转列表和缩略图工具栏可帮助用户访问资源并更有效地执行命令。 但是,在设计程序如何支持这些功能时,不要理所当然地提高效率。 如果用户无法准确预测哪些功能具有所需的命令,或者必须检查多个位置,最终用户会感到沮丧,并停止使用这些功能。
跳转列表和缩略图工具栏在以下情况下最有效地协同工作:
- 明确区分。 用户知道何时在跳转列表中查找目标或命令,以及何时在缩略图工具栏中查找。 每个人都有一个明确的用途,因此用户很少混淆两者的内容。 通常,跳转列表用于启动新任务,而缩略图工具栏用于与其他程序交互运行的任务。
- 有用。 提供的目标和命令是用户需要的目标和命令。 如果用户可能不需要某些内容,则不包括它。 如果不需要项数,请不要使用最大项数。
- 可预言的。 提供的目标和命令是用户期望找到的目标和命令。 用户很少需要查找多个位置。
- 组织得很好。 用户能够快速找到要查找的内容。 它们使用描述性但简洁的标签和合适的图标来帮助识别。
请务必进行用户研究,确保已正确使用。 如果最终发现不能将跳转列表和缩略图工具栏设计在一起以实现这些目标,请考虑只提供其中一个。 最好有一种可预测的方法来提供命令,而不是两个令人困惑的命令。
指引
任务栏按钮
使以下窗口类型显示在任务栏上(对于 Windows 7,使用任务栏按钮缩略图):
- 主窗口(包括没有所有者的对话框)
- 属性表
- 无模式进度对话框
- 向导
对于 Windows 7,请使用任务栏按钮缩略图将以下窗口类型与从中启动的主窗口任务栏按钮进行分组。 每个程序(具体而言,每个被视为单独程序的程序)都应具有单个任务栏按钮。
- 辅助窗口
- 工作区选项卡
- 项目窗口
- MDI 子窗口
正确:
windows 资源管理器和进度栏屏幕截图
在此示例中,辅助窗口按其主窗口的任务栏按钮进行分组。
不正确:
windows 资源管理器和控制面板屏幕截图
在此示例中,控制面板未正确分组到 Windows 资源管理器中。 用户将这些视为单独的程序。
不正确:
的屏幕截图
在此示例中,Windows 备份错误地为单个程序使用两个任务栏按钮。
还原主窗口还应还原其所有辅助窗口, 即使这些辅助窗口具有自己的任务栏按钮也是如此。 还原时,将辅助窗口放置在主窗口的顶部。
对于 Windows 7,通常具有桌面状态的程序可能会暂时显示任务栏按钮以显示状态。 仅当程序通常显示在桌面上并且用户经常与之交互时,才能执行此作。 通常在没有桌面状态的情况下运行的程序应改用其通知区域图标,即使它可能并不总是可见。
不正确:
windows 同步中心任务栏按钮屏幕截图
在此示例中,Windows 同步中心错误地使用临时任务栏按钮显示状态。 它应改用其通知区域图标。
图标
设计程序图标以在任务栏上看起来很棒。 确保它有意义,并反映其功能和品牌。 使其与众不同,使其变得特别,并确保它在所有图标大小中呈现良好。 花时间来正确。 遵循 航空式图标指南。
如果程序使用覆盖图标,请设计程序的基本图标以很好地处理覆盖。 覆盖图标显示在右下角,因此设计图标以便可以遮盖区域。
使用右下角覆盖屏幕截图
在此示例中,程序的任务栏按钮图标在右下角区域没有重要信息。
不要在程序的基础图标中使用覆盖, 程序是否使用覆盖图标。 在基本图标中使用覆盖将令人困惑,因为用户必须确定它未通信状态。
不正确:
带有覆盖屏幕截图
在此示例中,程序的基本图标看起来显示状态。
有关常规图标指南和示例,请参阅 图标。
覆盖图标
使用覆盖图标仅指示有用且相关的状态。 请考虑显示覆盖图标可能是用户工作的潜在中断,因此状态更改必须足够重要,才能造成潜在的中断。
不正确:
屏幕截图
在这些示例中,覆盖图标不够重要,不足以造成潜在的中断。
将覆盖图标用于临时状态。 如果不断显示,覆盖图标将丢失其值,因此正常程序状态不应显示图标。 删除图标时的覆盖图标:
- 存在问题: 解决问题后删除图标。
- 通知新内容: 用户激活程序后删除图标。
异常: 如果用户始终需要知道其状态,程序可以不断显示覆盖图标。
使用覆盖图标屏幕截图
在此示例中,Windows Live Messenger 始终显示覆盖图标,以便用户始终可以检查其报告状态。
不要显示一个图标来指示问题已解决。 只需删除指示问题的任何上一个图标即可。 假设用户通常希望程序在运行时不会出现问题。
显示覆盖图标或通知区域图标,但从不显示两者。 程序可能支持这两种向后兼容性机制,但如果程序使用覆盖图标显示状态,则它不应也使用通知区域图标来提供状态。
不正确:
任务栏的
两次显示图标
在此示例中,新的邮件图标以冗余方式显示。
不要闪烁任务栏按钮以引起人们对状态更改的注意。 这样做会太分散注意力。 让用户自行发现覆盖图标。
首选标准覆盖图标来指示状态或状态更改。 使用以下标准覆盖图标:
覆盖 地位 警告 错误 Disabled/Disconnected 屏幕截图 已阻止/脱机 对于自定义覆盖图标,请选择易于识别的设计。 使用高质量的 16x16 像素全色图标。 首选具有独特轮廓的图标,而不是方形或矩形图标。 应用其他 航空风格的图标指南。
保持自定义覆盖图标的设计简单。 不要尝试传达复杂、不熟悉或抽象的想法。 如果无法想到合适的自定义图标,请根据需要改用标准图标错误或警告图标。 这些图标可以有效地用于传达多种状态类型。
不要太频繁地更改状态。 覆盖图标不应显示干扰、不稳定或需要关注。 眼睛对外围视野的变化很敏感,因此状态变化需要微妙。
不要快速更改图标。 如果基础状态正在快速变化,则图标反映高级状态。
不正确:
在此示例中,快速变化的覆盖图标需要注意。
不要使用动画。 这样做太分心了。
不要闪烁图标。 这样做太分心了。 如果事件需要立即引起注意,请改用对话框。 如果事件需要注意,请使用通知。
任务栏按钮闪烁
- 请谨慎使用任务栏按钮闪烁,要求用户立即注意,以保持正在进行的任务运行。 当用户在任务栏按钮闪烁时很难集中注意力,因此假设他们会中断他们正在执行的作,使其停止。 虽然闪烁任务栏按钮比窃取输入焦点更好,但闪烁的任务栏按钮仍然非常侵入性。 确保中断是合理的,例如,指示用户在关闭窗口之前需要保存数据。 非活动程序很少需要立即作。 如果用户唯一必须执行的作是激活程序、阅读消息或查看状态更改,请不要刷写任务栏按钮。
-
如果不需要立即作,请考虑以下替代方法:
- 使用 作成功通知 指示任务已完成。
- 不执行任何作。 只需等待用户在下次激活程序时参与该问题。 这通常是最佳选择。
- 如果非活动程序需要立即注意,请闪烁其任务栏按钮以吸引注意力并使其突出显示。 请勿执行任何其他作:请勿还原或激活窗口,也不会播放任何声音效果。 相反,尊重用户的窗口状态选择,并让用户在准备就绪时激活窗口。
- 对于具有任务栏按钮的辅助窗口,请闪烁其按钮,而不是主窗口的任务栏按钮。 这样,用户就可以直接参加窗口。
- 对于没有任务栏按钮的辅助窗口,请闪烁主窗口的任务栏按钮,并将辅助窗口置于该程序的所有其他窗口之上。 需要注意的辅助窗口必须是最顶层的,以确保用户看到它们。
- 一次只闪烁一个窗口的一个任务栏按钮。 闪烁多个按钮是不必要的,太分心了。
- 激活程序后,“删除任务栏”按钮突出显示。
- 当程序处于活动状态时,请确保有一些明显的事情要做。 通常,通过显示一个对话框来提出问题或启动作来实现此目标。
快速启动快捷方式
- 仅当用户选择加入时,才会在“快速启动”区域中放置程序快捷方式。 由于从 Windows 7 中删除了快速启动,因此专为 Windows 7 设计的程序不应将程序快捷方式添加到快速启动区域或提供执行此作的选项。
跳转列表
设计
设计跳转列表以满足用户日常任务的目标。 考虑:
程序的目的。 考虑下一步用户最有可能执行的作。 对于文档创建程序,用户可能会返回最近使用的文档。 对于显示现有内容的程序,用户可能需要访问他们经常使用的资源。 对于其他程序,用户可能执行以前未完成的任务,例如阅读新消息、观看新视频或检查下一次会议。
用户最关心的内容。 考虑用户为何使用跳转列表而不是其他方式。 例如,用户更可能关注他们显式标识为重要目标(例如,放置在链接栏或收藏夹中的 Web 地址用户,或键入)。 他们不太关心通过重定向或单击链接访问的间接获取者或很少的努力(例如访问的 Web 地址)。
正确:
的链接
不正确:
包含指向目标屏幕截图
在不正确的示例中,跳转列表包含用户可能不关心的许多目标。
不要使目标过于精细。 使目标太窄且特定,可能会导致冗余,有多种方法可以转到同一位置。 例如,而不是列出单个网页,而是列出顶级主页;列表专辑,而不是列出歌曲。
正确:
由组屏幕截图
不正确:
由歌曲屏幕截图
在不正确的示例中,在跳转列表中列出歌曲将用单个专辑填充它。
如果不需要,请不要填充所有可用的跳转列表槽。 如果程序只有三个有用的项目,请重点列出最有用的项目的内容,仅提供三个。 跳转列表中的项越多,查找任何特定项所需的工作量就越大。
包含一个命令的跳转列表的
在此示例中,便笺附件提供了一个跳转列表命令,因为这是所需的一切。
仅当需要帮助用户了解跳转列表项时,才提供工具提示。 避免冗余工具提示,因为它们是不必要的干扰。 有关更多工具提示指南,请参阅 工具提示和信息提示。
不正确:
具有冗余工具提示的跳转列表的
在此示例中,跳转列表工具提示是冗余的。
跳转列表功能与程序功能
- 不要通过跳转列表使目标和命令可用。 应直接从程序本身获取相同的目标和命令。
- 为命令使用一致的目标和标签。 跳转列表项应标记为与直接从程序访问的等效项相同。
- 使程序能够在程序未运行时处理目标和命令。 这样做对于一致、可靠且方便的体验是必需的。
分组
至少提供一个组和最多三个组。 跳转列表项始终分组以标记其用途。 拥有三个以上的组会使项目更难找到。
适当时使用标准组名称。 标准组名称是熟悉的,更易于用户理解。
为命令提供任务组名称,该名称由 Windows 分配,因此无法更改。
正确:
包含最近组名称的跳转列表的
不正确:
包含历史记录组名称的跳转列表的
最近是更好的组名称,因为它很熟悉,历史与最近之间的微妙区别并不值得。
命令
无论程序运行状态、当前文档或当前用户如何,都提供固定的命令集。 这些命令应应用于整个程序,而不是应用于特定窗口或文档。 这样做对于一致、可靠且方便的体验是必需的。 不应删除或禁用命令。
异常: 可以在以下情况下替换或删除命令:
- 一组互斥命令共享单个命令槽,只要一个命令始终适用。
- 只要命令始终适用,命令才会应用,直到使用特定功能。
不正确:
包含打印任务屏幕截图
在此示例中,“打印”不是一个很好的跳转列表命令,因为它依赖于当前文档。
正确:
使用登录和注销屏幕截图
在此示例中,登录和注销是互斥命令。 此外,分隔符还用于对相关命令进行分组。
适当时,请使用以下标准命令标签。 标准命令标签更易于用户理解。
按逻辑顺序显示命令。 常见订单包括使用频率或使用顺序。 将高度相关的命令放在彼此旁边。 在“任务”组中,根据需要在相关命令组之间放置分隔符。
不要提供用于打开或关闭程序的命令。 这些命令内置于所有跳转列表中。
命令图标
“任务”组中,仅在帮助用户了解、识别或区分命令时提供命令图标, 尤其是在程序中使用的命令存在已建立的图标时。
- 异常: 如果程序同时使用两个目标(始终具有图标)和命令,请考虑为所有命令提供图标(如果不这样做),看起来会很尴尬。
不正确:
屏幕截图
在此示例中,Internet Explorer 应为所有命令提供图标以避免尴尬的外观。
目标
提供特定于当前用户的动态目标集,但独立于运行状态或当前文档的程序。 如前所述,请确保它们符合你的计划的目的,是用户最关心的内容,并且具有正确的具体性级别。
如果适用,请使用“自动”目标列表。 自动目标由 Windows 管理,但程序控制传递的特定目标。
请考虑对用户可能返回最近使用的目标的文档创建程序使用最近使用。
包含“最近”组名称的跳转列表的
在此示例中,Windows 记事本使用最近使用的目标。
考虑对显示现有内容的程序使用“频繁”,其中用户可能会返回他们经常使用的项目。 频繁的目标按频率排序,最频繁。
在此示例中,Windows 资源管理器使用频繁的目标。
如果最近使用会导致许多无用的目标,则使用频率。 频繁列表更稳定,当用户转到许多不同的目的地时,选择更好,但不太可能返回很少使用的列表。
不正确:
在 Windows Internet Explorer 中使用最近使用将导致许多无用的目标。
如果“最近”或“频繁”同样适合选择,请使用“最近”,因为这种方法更易于用户理解并且更易于预测。
如果使用“最近”,并且程序在“文件”菜单中具有等效项,则使列表具有相同的内容顺序。 对于用户,这些列表应显示为相同的列表。
如有必要,请使用自定义目标列表。 程序可以完全控制自定义目标列表的内容和排序顺序,因此可以将列表基于任何因素。
如果这些版本合适,请创建自定义版本的“最近”或“频繁”,但自动管理对程序不起作用。 例如,程序可能需要跟踪除打开文件命令以外的各种因素。 在这种情况下,请使用同一名称(最近或频繁)和排序顺序,因为用户不知道差异。
否则,请使用不同类型的目标更好地满足用户的目标。 通常,这些列表可帮助用户执行以前未完成的任务,例如阅读新消息、观看新视频或检查下一次会议。
包含“new”组名称的跳转列表的
在此示例中,Windows 媒体中心列出了最近录制的显示用户尚未看到。
选择与列表的用户心理模型相对应的排序顺序。 例如,to-do 样式列表将首先列出下一项作。 如果没有明确的心理模型,请按字母顺序对目标列表进行排序。
不要使用多个目标列表来提供相同数据的不同视图。 相反,多个目标列表应具有大部分不同的数据来支持差异方案。 例如,可以提供最近列表或常用列表,但不能同时提供这两者。 如果存在重叠项,则这样做会浪费,但如果删除重叠项,则令人困惑。
不正确:
在此示例中,提供相同目标的不同视图是浪费的。
正确:
在此示例中,目标列表具有不同任务的不同数据。
如果程序有用于清除隐私数据的命令,请清除“目标”列表。 目标列表可能包含敏感数据。
缩略图工具栏
交互
提供最多七个最重要的常用命令,这些命令适用于缩略图中显示的窗口。 如果程序只有三个重要的常用命令,则不要觉得提供任意数量的命令,只提供三个命令。
不正确:
工具栏的屏幕截图
在此示例中,缩略图工具栏具有不重要的命令。
使用直接和直接的命令。 这些命令应立即生效,单击命令不应显示下拉菜单或对话框以获取更多输入。
不正确:
使用下拉菜单屏幕截图
缩略图工具栏命令必须立即生效。
禁用不适用于当前上下文或直接导致错误的命令。 请勿隐藏此类命令,因为这样做会使工具栏演示文稿不稳定。
如果用户可能查看结果或立即单击另一个命令,则不要关闭缩略图。 删除指示用户现已完成的命令的缩略图,例如显示其他窗口的命令。
使用命令媒体播放器缩略图的屏幕截图
在此示例中,单击 Windows Media Player 中的“下一步”会继续显示缩略图,因为用户可能想要提供其他命令。
使用聊天图标屏幕截图
在此示例中,单击 Windows Live Messenger 中的聊天会消除缩略图,因为用户最有可能发送消息。
演示文稿
- 确保缩略图工具栏图标符合航空样式图标准则。 对于每个命令,提供高质量的 16x16、20x20 和 24x24 像素全色图标。 较大的版本用于高 dpi 显示模式。
- 确保图标在正常状态和悬停状态的工具栏背景色上清晰可见。 始终在上下文和高对比度模式下评估图标。
- 选择明确传达其效果的命令图标设计。 设计良好的命令图标是自我解释的,可帮助用户高效地查找和理解命令。
- 选择可识别和可分辨的图标。 确保图标具有独特的形状和颜色。 这样做可帮助用户快速查找命令,即使他们不记得图标符号也是如此。 初始使用后,用户不必依赖工具提示来区分命令。
- 提供用于标记每个命令的工具提示。 良好的工具提示标记要指向的未标记控件。 有关指南和示例,请参阅 工具提示和信息提示。
进度栏
- 遵循常规进度栏准则, 包括不重启或备份进度,并使用红色进度栏指示问题。
- 避免使用不确定进度条。 不确定进度条显示活动,而不是进度。 对于用户不理所当然地采取活动的情况,保留不确定进度条。
有关更多指南,请参阅 进度栏。
发短信
窗口标题
选择窗口标题时,请考虑该标题在任务栏上的外观:
通过简洁地放置区分信息,优化任务栏上的显示标题。
对于无模式进度对话框,首先汇总进度。 示例:“66% 完成”。
避免具有尴尬截断的窗口标题。
不正确:
的游戏屏幕截图
在此示例中,截断的窗口标题具有不幸的结果。
跳转列表命令
- 使用谓词启动命令。
- 使用句子样式大写。
有关更多命令标签指南,请参阅 菜单。
文档
引用任务栏时:
- 将整个条称为任务栏(小写的单个复合词)。
- 按任务栏标签具体引用任务栏上的项,或通常称为任务栏按钮。
- 如果可能,请使用粗体文本设置任务栏标签的格式。 否则,仅当需要防止混淆时,才将标签置于引号中。
- 将覆盖图标称为任务栏按钮图标。 请勿将其称为通知,即使其用途是通知用户。 但是,你可以说这些图标通知用户特定事件。
示例:“新建邮件”任务栏按钮图标通知你已收到新的电子邮件。