属性窗口

注意

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

属性窗口是以下用户界面类型的集合名称, (UI) :

  • 属性表:用于 在对话框中查看和更改对象或对象集合的属性
  • 属性检查器:用于 在窗格中查看和更改对象或对象集合的属性
  • “选项”对话框:用于 查看和更改应用程序的选项

对象的属性为以下任一项:

  • 一个设置,用户可以更改 (,例如文件名和只读属性) 。
  • 对象的属性,用户无法直接更改 (,例如文件的大小和创建日期) 。

与选项对话框) 和向导以外的 (对话框不同,属性窗口通常支持多个任务,而不是单个任务。

属性窗口通常组织成页,可通过选项卡访问这些页面。 属性窗口通常与选项卡关联 (反之亦然,) ,但 选项卡对属性窗口并不是必需的

文档属性属性表的屏幕截图

典型的属性表。

注意:布局选项卡 相关的指南在单独的文章中提供。

这是正确的用户界面吗?

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

  • 设置属性是否需要用户执行固定的、不平凡的步骤序列? 如果是这样,请改用 向导任务流
  • 内容是否只是应用程序的选项? 如果是,请使用“选项”对话框。
  • 内容是否仅是应用程序的属性? 如果是,请使用“ 关于”框
  • 内容主要是对象的属性 (其设置或属性) ? 如果没有,请使用标准对话框或选项卡式对话框
  • 用户 是经常查看或更改属性 ,还是长时间查看或更改属性?如果是,请使用属性检查器;否则,请使用属性表。
  • 用户是否 一次查看或更改多个不同对象的属性? 如果是,请使用属性检查器;否则,请使用属性表。

属性表和属性检查器不是排他性的。 可以在属性检查器中显示最常访问的属性,以及属性表中的完整集。

设计概念

属性窗口通常成为各种基于技术的低级别设置的倾倒场。 通常,这些属性被组织到选项卡,但除此之外,这些属性不是为任何特定任务或用户设计的。 因此,当用户在属性窗口中遇到任务时,他们通常不知道该怎么做。

若要确保属性窗口有用且可用,请执行以下步骤:

  • 请确保这些属性是必需的。
  • 以用户目标(而不是技术)表示属性。
  • 在正确的级别显示属性。
  • 为特定任务设计页面。
  • 为特定用户设计页面,尤其是受限用户 (非管理员) 。
  • 有效地组织属性页。

如果你只做一件事...

以用户目标(而不是技术)表示属性。 假装你正在解释 属性以及为什么它对朋友有用。 你会如何解释它? 你会使用哪种语言? 这是在属性页中使用的语言。

使用模式

属性窗口具有多种使用模式。

  • 属性表。 单个对象的属性显示在无模式对话框中。
  • 多对象属性表。 多个对象的属性显示在无模式对话框中。
  • 有效设置属性表。 单个对象的有效属性显示在无模式对话框中。
  • “选项”对话框。 应用程序的属性显示在模式对话框中。
  • 属性检查器。 在无模式窗口窗格或非停靠窗口中显示当前选择 (单个对象或对象组) 的属性。

属性窗口模式(属性检查器除外)都使用延迟提交,这意味着更改仅在用户单击“确定”或“应用”时生效。 属性检查器使用即时提交 (用户) 更改属性后立即更改,因此无需“确定”、“取消”和“应用”按钮。

准则

属性表

  • 当用户:
    • 选择对象的“属性”命令。
    • 在对象上设置输入焦点,然后按 Alt+Enter。

多对象属性表

  • 显示所有选定对象的通用属性。 如果属性值不同,则使用混合状态显示与这些值关联的控件。 (请参阅有关使用混合状态值的相应控制准则。)
  • 如果所选对象是多个离散对象的集合, (例如文件夹) , 则显示单个分组对象的属性,而不是离散对象的多对象属性表。

“选项”对话框

  • 不要将选项与自定义分开。 也就是说,不要同时具有“选项”命令和“自定义”命令。 用户经常被这种分离所迷惑。 而是通过选项访问自定义项。

属性页

  • 请遵循以下页面顺序指南:

    • 将“常规”页或其等效页设为第一页。
    • 将“高级”页或其等效页面设为最后一页。
    • 对于剩余页面:
      • 将它们组织成相关页面组。
      • 按组使用的可能性对组进行排序。
      • 在每个组中,按页面关系或使用的可能性对页面进行排序。
      • 不应有太多页面,因此需要按字母顺序显示它们。
  • 通过将每个页面上的所有属性关联到基于任务的单个特定用途,使页面保持一致。

  • 如果空间允许,请在页面顶部解释属性窗口的用途(如果目标用户不明显)。 如果页面仅用于执行单个任务, 请将文本设置为有关如何执行该任务的明确说明。 使用完整句子,以句点结尾。

    防火墙属性属性表的屏幕截图

    在此示例中,Microsoft Windows 防火墙的用途在“常规”页面顶部进行了说明。

  • 使用一致的控件名称和位置,使类似内容跨页面保持一致。 例如,如果多个页面都有“名称”框,请尝试将它们放在页面上的同一位置,并使用一致的标签。 类似的内容不应在一页到一页时弹跳。

  • 在整个应用程序中将同一属性放在同一页上。 例如,不要将 Expiration 属性放在一个对象类型的“常规”选项卡上,在“高级”选项卡上放置另一种对象类型。

  • 如果用户可能从显示的最后一页开始,请保留页面选项卡,并默认将其选中。 使设置在每属性窗口、每个用户的基础上持久保存。 否则,默认选择第一页。

  • 不要使页面上的设置依赖于其他页面上的设置。 改为将依赖设置放在单个页面上。 更改一个页面上的设置绝不应自动更改其他页面上的设置。

    • 例外: 如果依赖设置位于两个不同的属性窗口中,请使用静态文本标签在两个位置解释此关系。
  • 不要滚动属性页。 选项卡和滚动条都用于增加窗口的有效区域,但一种机制就足够了。 不要使用滚动条,而是放大属性页并有效地布局页面。

首页

  • 对于对象属性, 请将对象的名称放在第一页上。
  • 如果要将 (可选) 图标 与对象相关联,请在第一页的 左上角显示相应的图标

常规页面

  • 避免使用“常规”页。 不需要有“常规”页。 仅在以下情况下使用“常规”页:
    • 这些属性适用于多个任务,并且对大多数用户都有意义。 不要在“常规”页上放置专用或高级属性,但可以通过“常规”页上的命令按钮访问它们。
    • 属性不适合更具体的类别。 如果他们这样做,请改用该名称作为页面。

高级页面

  • 避免使用高级页面。 仅当以下项时,才使用“高级”页:
    • 这些属性适用于不常见的任务,并且主要对高级用户有意义。
    • 属性不适合更具体的类别。 如果他们这样做,请改用该名称作为页面。
  • 不要仅仅基于技术度量值调用高级属性。 例如,打印机装订选项可能是一项高级打印机功能,但它对所有用户都有意义,因此不应位于“高级”页面上。

拥有的属性窗口

  • 不要从属性窗口显示多个拥有的属性窗口。 显示多个按钮会使“确定”和“取消”按钮的含义难以理解。 可以根据需要显示其他类型的辅助对话框 (,例如对象选取器) 。

    不正确:

    三个自有属性窗口的屏幕截图

    在此示例中,“所有者选项”对话框具有三个级别的自有属性窗口。 因此,“确定”和“取消”的含义令人困惑。

  • 对于使用延迟提交模型的属性窗口, 请确保用户可以通过单击所有者窗口中的“取消”来取消在拥有的属性窗口中所做的更改。

  • 如果拥有的属性窗口需要立即提交, 则通过将所有者窗口上的“取消”按钮重命名为“关闭”来指示已提交更改。 如果用户单击“应用”,将按钮还原回“取消”。

    属性窗口的屏幕截图,其中显示“确定”和“关闭”

    在此示例中,无法取消对自定义词典和语法设置的更改。 可以通过将“取消”更改为“关闭”向用户提供此反馈。

其他拥有的窗口

  • 如果拥有的窗口用于执行辅助任务, 请不要重命名“取消”按钮。 上述准则仅适用于拥有的属性窗口,不适用于用于执行辅助任务的对话框。

    所有者窗口和磁盘清理的屏幕截图

    在此示例中,磁盘清理是一项辅助任务,因此上述准则不适用。 例如,不应将所有者窗口中的“取消”按钮更改为“关闭”。

  • 如果拥有的窗口用于执行辅助任务, 则不要在单击命令按钮时关闭所有者属性窗口。 这样做会迷失方向,并假定用户显示属性窗口的唯一原因是执行该命令。

    不正确:

    “选项”对话框的屏幕截图

    在此示例中,单击“ 保护文档 ”会错误地关闭“选项”对话框。

制表符

  • 使用简洁的选项卡标签。 使用一个或两个字词来清楚地描述页面的内容。 标签较长会导致屏幕空间的使用效率低下,尤其是在本地化标签时。

  • 使用特定且有意义的选项卡标签。 避免应用于任何选项卡的通用选项卡标签,例如“常规”、“高级”或“设置”。

  • 在以下情况下使用水平选项卡:

    • 属性窗口包含七个或更少的选项卡 (包括任何第三方扩展) 。
    • 所有选项卡都适合一行,即使 UI 已本地化也是如此。
    • 在应用程序的其他属性窗口中使用水平选项卡。
  • 在以下情况下使用垂直制表符:

    • 属性窗口有八个或更多个选项卡, (包括任何第三方扩展) 。
    • 使用水平选项卡需要多行。
    • 在应用程序的其他属性窗口中使用垂直选项卡。

    具有垂直选项卡的属性窗口的屏幕截图

    在此示例中,垂直选项卡用于容纳八个或更多个选项卡。

  • 对于属性检查器,为了节省空间,请考虑使用下拉列表而不是选项卡,尤其是在用户很少更改当前选项卡的情况下。

  • 如果选项卡不适用于当前上下文,并且用户不希望它,请删除该选项卡。 这样做可以简化 UI,用户不会错过它。

    不正确:

    灰显的文件位置选项卡的屏幕截图

    在此示例中,当 Microsoft Word 2003 用作电子邮件编辑器时,“文件位置”选项卡被错误地禁用。 应删除该页,因为用户不希望在此上下文中查看或更改文件位置。

  • 如果选项卡不适用于当前上下文,并且用户可能希望它:

    • 显示选项卡。
    • 禁用页面上的控件。
    • 包含说明禁用控件的原因的文本。

    不要禁用选项卡,因为这样做并不一目了然,并且禁止浏览。 此外,查找特定属性的用户将被迫查看所有其他选项卡。

    灰显视图控件的屏幕截图

    在 2003 Word示例中,阅读版式中没有“视图”选项适用。 但是,用户可能希望基于选项卡标签应用它们,因此显示页面,但选项被禁用。

  • 不要为更改选项卡分配效果。 更改当前选项卡不应产生副作用、应用设置或导致错误消息。

  • 不要嵌套制表符或将水平制表符与垂直制表符组合使用。 相反,请减少选项卡数、仅使用垂直选项卡或使用其他控件(如下拉列表)。

  • 如果属性窗口只有一个选项卡且不可扩展,请不要使用选项卡。 请改用带有“确定”、“取消”和可选“应用”按钮的常规对话框。 可扩展属性窗口 (可由第三方扩展) 始终需要使用选项卡。

  • 不要在选项卡上放置图标。 图标通常会添加不必要的视觉混乱、占用屏幕空间,并且通常不会提高用户理解能力。 仅添加有助于理解的图标,例如标准符号。

    不正确:

    带有图标的选项卡标签的屏幕截图

    在此示例中,图形增加了不必要的视觉混乱,对提高用户理解几乎无用。

  • 不要将产品徽标用于选项卡图形。 选项卡不用于品牌打造。

  • 不要滚动水平选项卡。 无法轻松发现水平滚动。 但是,可以滚动垂直选项卡。

    不正确:

    截断的水平选项卡标签的屏幕截图

    在此示例中,水平选项卡是滚动的。

命令按钮

  • 将应用于所有属性页的命令按钮放在属性窗口的底部。 右对齐按钮, (按从左到右的顺序) :“确定”、“取消”和“应用”。
  • 将仅适用于单个属性页的命令按钮直接放置在属性页上。

提交按钮

“确定”按钮

  • 对于所有者属性窗口,“确定”按钮意味着应用自打开窗口或上次应用) 以来 (进行的挂起更改,然后关闭窗口。
  • 对于拥有的属性窗口,“确定”按钮意味着保留更改,关闭窗口,并在应用所有者窗口的更改时应用更改。
  • 不要重命名“确定”按钮。 与其他对话框不同,属性窗口不用于执行任何特定任务。 如果将“确定”按钮重命名为“打印” (有意义,例如) ,则窗口不是属性窗口。
  • 不要分配访问密钥。

“取消”按钮

  • “取消”按钮意味着放弃 (打开窗口或上次应用) 后所做的所有挂起更改,然后关闭窗口。
  • 如果无法放弃所有挂起的更改,请将“取消”按钮重命名为“关闭”。 单击“取消”必须放弃所有挂起的更改。
  • 如果拥有的属性窗口需要立即提交,请将所有者窗口上的“取消”按钮重命名为“关闭”,以显示已提交更改。
  • 不要分配访问密钥。

应用按钮

  • 对于所有者属性表,“应用”按钮意味着应用自打开窗口或上次“应用”) 以来 (进行的挂起更改,但让窗口保持打开状态。 这样做允许用户在关闭属性表之前评估更改。

  • 对于拥有的属性表,请勿使用 。 在拥有的属性表上使用“应用”按钮会使所有者属性表上提交按钮的含义难以理解。

  • 仅当属性表具有设置 (至少一个) 具有用户可通过有意义方式评估的效果时,才提供“应用”按钮。 通常,当设置进行可见更改时,将使用“应用”按钮。 用户应能够应用更改、评估更改,并根据该评估进行进一步的更改。 如果没有,请删除“应用”按钮,而不是禁用它。

    不正确:

    带有“应用”按钮的系统属性的屏幕截图

    在此示例中,所有系统属性都没有视觉效果,因此“应用”按钮没有值,应将其删除。

  • 将用户可能想要应用的所有设置置于所有者页面上。 不要在拥有的属性表中使用“应用”按钮,因为这样做会让人感到困惑。

  • 仅对属性表使用“应用”按钮,而不对选项对话框使用。

  • 仅当存在挂起的更改时,才启用“应用”按钮;否则,请将其禁用。

  • 将“A”分配为访问密钥。

关闭按钮

  • 如果无法放弃所有挂起的更改,请将“取消”按钮重命名为“关闭”。 单击“取消”必须放弃所有挂起的更改。
  • 不要确认用户是否放弃其更改。
    • 例外: 如果属性窗口的设置需要大量精力才能设置,并且用户已进行更改,则当用户单击标题栏上的“关闭”按钮时,可能会显示 确认 消息。 原因是某些用户错误地认为标题栏上的“关闭”按钮与“确定”按钮具有相同的效果。
  • 除了确认消息之外,请确保标题栏上的“关闭”按钮与“取消”或“关闭”具有相同的效果。

页面内容

  • 确保属性是必需的。 不要仅仅为了避免做出艰难的设计决策而使用不必要的属性来混乱页面。
  • 根据用户目标而不是技术来呈现属性。 仅仅因为属性配置了特定技术并不意味着必须根据该技术呈现属性。
    • 如果由于用户识别技术名称) 而必须提供技术 (设置,请简要说明用户如何从该设置中受益。
  • 在正确的级别显示属性。 无需在属性页上显示单个低级别设置,因此请在对用户有意义的级别显示属性。
  • 设计特定任务的属性页。 确定用户将执行的任务,并确保有一个明确的路径来执行这些任务。
  • 通过减少选项卡数、根据逻辑分组和一致性确定页面上的内容以及简化页面的呈现,有效地组织属性页。
  • 如果强烈建议使用某个选项,请考虑将“ (建议) ”添加到标签。

  • 在以下情况下,为属性页或整个属性窗口提供“还原默认值”命令按钮:

    • 用户可能会认为设置复杂且难以理解。
    • 设置不正确可能会导致功能中断,但默认值可能会还原功能。
    • 当对象配置错误时,用户更容易重新开始。

    带有“还原默认值”按钮的选项卡的屏幕截图

    在此示例中,Windows 防火墙设置很复杂,可能会导致功能中断。 如果出现问题,用户通常可以通过单击“还原默认值”更轻松地重新开始。

  • 如果“还原默认值”命令的效果不明显或设置复杂,请确认该命令。 使用 省略号指示确认。

  • 适当时,显示设置结果的预览。

    鼠标属性指针示例的屏幕截图

    在此示例中,页面显示指针方案的预览。 虽然单击“应用”还会显示预览,但对用户而言,在页面上进行预览会更加高效。

    字体设置结果预览的屏幕截图

    在此示例中,“预览”框显示字体设置的结果。 此示例显示可以预览非图形设置。

帮助

  • 提供用户帮助时, 请考虑使用以下选项 (按其优先顺序) 列出:
    • 为交互式控件提供一目了然的标签。 与任何其他文本相比,用户更有可能阅读交互式控件上的标签。
    • 使用静态文本标签提供上下文中说明。
    • 提供指向相关帮助主题的特定 链接
  • 在每个页面底部找到“帮助”链接。 如果页面具有多个不同的设置组,这些设置具有帮助主题 (可能在组框中) ,请找到组底部的“帮助”链接。
  • 不要使用常规或含糊的帮助主题链接或常规帮助按钮。 用户通常会忽略常规帮助。

有关详细信息和示例,请参阅 帮助

标准用户和受保护的管理员

许多设置需要管理员权限才能更改。 如果进程需要管理员权限,则 Windows 和更高版本要求 标准用户受保护的管理员 显式提升其特权。 这样做有助于防止恶意代码以管理员权限运行。

有关详细信息和示例,请参阅 用户帐户控制

默认值

  • 属性窗口中的设置必须反映应用程序、对象或对象集合的当前状态。 否则会误导人,并可能导致意外结果。 例如,如果设置反映的是建议,但不反映当前状态,则用户可能会单击“取消”而不是进行更改,认为不需要进行更改。
  • 选择最安全的 (,以防止数据丢失或系统访问) 和最安全的初始状态。 假设大多数用户不会更改设置。
  • 如果安全和安全性不是因素,请选择最可能或最方便的初始状态。

文本

命令

  • 若要显示程序选项,请使用“选项”。
  • 若要显示对象的属性窗口,请使用“属性”。
  • 若要显示常用程序自定义设置的摘要,请使用“个性化”。
  • 请勿使用“设置”或“首选项”。
  • 请勿为这些命令使用 省略号

属性表标题

  • 对于单个对象,请使用“[对象名称] 属性”。
    • 如果对象没有名称,请使用对象的类型名称。 (例如,用户帐户属性.)
  • 对于多个对象,请使用“[first object name], ...属性。”
    • 如果对象没有名称,请使用对象的类型名称。 (例如,用户帐户属性.)
    • 如果对象具有不同的类型,请使用“选择属性”。
  • 使用 标题样式大写
  • 不要使用结束标点符号。
  • 请勿使用连字符,例如“[对象名称] - 属性”。

属性检查器标题

  • 使用“属性”。
  • 使用标题样式大写。
  • 不要使用结束标点符号。

“选项”对话框标题

  • 使用“选项”。
  • 使用标题样式大写。
  • 不要使用结束标点符号。

属性页选项卡名称

  • 使用简洁的选项卡标签。 使用一个或两个字词来清楚地描述页面的内容。 使用较长的选项卡名称会导致屏幕空间的使用效率低下,尤其是在本地化选项卡名称时。
  • 使用特定且有意义的选项卡标签。 避免应用于任何选项卡的通用选项卡标签,例如“常规”、“高级”或“设置”。
  • 将标签编写为一个或两个单词的短语,不使用结尾标点符号。
  • 使用 句子样式大写
  • 不要分配唯一 的访问密钥

属性页文本

  • 避免使用大块文本。
  • 如果文本将被本地化,请提供足够的空间,使其扩展 30%。
  • 不要在属性窗口中使用短语文本作为命令。 由于用户可能只想查看设置,因此你不希望提示他们更改设置。
  • 使用句子样式大写和结束标点符号。

文档

引用属性窗口时:

  • 在编程和其他技术文档中,将属性表和选项对话框称为属性表。 在其他任何位置,请使用对话框,尤其是在用户文档中。
  • 使用确切的标题文本,包括其大写。
  • 若要描述用户交互,请使用打开和关闭。
  • 如果可能,请使用粗体文本设置标题的格式。 否则,仅在需要时将标题置于引号中以防止混淆。

引用属性页时:

  • 在编程和其他技术文档中,将属性页称为属性页。 在其他位置,请使用选项卡,尤其是在用户文档中。
  • 使用确切的标题文本,包括其大写。
  • 若要描述用户交互,请使用单击来引用单击选项卡。
  • 如果可能,请使用粗体文本设置名称的格式。 否则,仅当需要时,才将名称置于引号中以防止混淆。