应用设置指南

应用设置是 Windows 应用的用户可自定义部分,可通过应用设置页面访问。 例如,新闻阅读器应用可以让用户指定要显示的新闻源或屏幕上要显示的列数,而天气应用则可以让用户在摄氏度和华氏度之间进行选择。 本文将提供有关创建和显示应用设置的建议和最佳做法。

何时提供设置页面

下面是属于应用设置页的应用选项示例:

  • 影响应用行为且不需要频繁调整的配置选项,例如在天气应用中选择摄氏度或华氏度作为温度的默认单位、更改邮件应用的帐户设置、通知设置或辅助功能选项。
  • 依赖于用户首选项的选项,如音乐、声音效果或颜色主题。
  • 经常访问的应用信息,例如隐私策略、帮助、应用版本或版权信息。

属于典型应用工作流的命令(例如,更改艺术应用中的画笔大小)不应位于设置页面中。 若要了解有关命令放置的详细信息,请参阅 命令设计基础知识

一般建议

  • 保持设置页面简单,并使用二进制控件(开/关)控件。 切换开关通常是二进制设置的最佳控件。
  • 对于允许用户从最多 5 个互斥相关选项集中选择一个项目的设置,请使用 单选按钮
  • 为应用设置的页面中的所有应用设置创建入口点。
  • 保持设置简单。 定义智能默认值,并将设置数保持在最低水平。
  • 当用户更改设置时,应用应立即反映更改。
  • 不要包含属于常见应用工作流的命令。

入口点

用户访问应用设置页面的方式应基于应用的布局。

导航窗格

对于导航窗格布局,应用设置应该是导航选项列表中的最后一项,并固定到底部:

导航窗格的应用设置入口点

命令栏

如果使用命令栏或工具栏,请将设置入口点作为最后的项目之一放在“更多”溢出菜单中。 如果使用户更容易发现设置入口点对应用来说很重要,请将入口点直接放在命令栏上,而不是放在溢出菜单中。

命令栏的应用设置入口点

中心

如果你要使用中心布局,应用设置的入口点应放置在命令栏的“更多”溢出菜单中。

选项卡/透视表

对于选项卡或透视布局,不建议将应用设置入口点作为导航中的顶部项之一放置。 相反,应用设置的入口点应放置在命令栏的“更多”溢出菜单中。

列表-细节

与其将应用设置入口点深埋在列表-细节窗格中,不如将其设置为高级列表窗格上的最后一个固定项。

Layout

应用设置窗口应全屏打开,并填满整个窗口。 如果应用设置菜单最多包含四个顶级组,这些组应级联一列。

桌面上的应用设置页面的布局

“颜色模式”设置

如果你的应用允许用户选择应用的颜色模式,请使用单选按钮组合框提供这些选项,标头为“选择应用模式”。 选项应包括以下内容

  • 浅色
  • 深色
  • Windows 默认值

我们还建议添加一个指向 Windows 设置应用的“颜色”页面的超链接,用户可以访问和修改当前的默认应用模式。 对于超链接文本,请使用字符串“Windows 颜色设置”,对 URI 则使用 ms-settings:colors

“选择模式”部分

“关于”部分和“反馈”按钮

我们建议将“关于此应用”部分放在你的应用中作为专用页面或放在其自己的部分中。 如果你需要“发送反馈”按钮,请将该按钮放置在“关于此应用”页面的底部。

在“法律”副标题下,放置任何“使用条款”和“隐私声明”(应为带有环绕文本的超链接按钮)以及其他法律信息,如版权。

“关于此应用”部分,其中包含“提供反馈”按钮

获得要在应用设置页中包含的项目列表后,请考虑以下准则:

  • 在一个设置标签下对相似或相关的设置进行分组。

  • 尝试将设置总数保持在最多四到五个。

  • 无论应用上下文如何,都显示相同的设置。 如果某些设置在特定上下文中不相关,请在应用设置浮出控件中禁用这些设置。

  • 对设置使用描述性单字标签。 例如,将设置命名为“帐户”而不是帐户相关设置的“帐户设置”。 如果只需要设置的一个选项,并且设置不能适合描述性标签,请使用“选项”或“默认值”。

  • 如果设置直接链接到 Web 而不是浮出控件,请让用户知道这一点,并带有视觉线索,例如“帮助(联机)”或“Web 论坛”,其样式为 超链接。 请考虑将指向 Web 的多个链接分组到具有单个设置的浮出控件中。 例如,“关于”设置可以打开浮出控件,其中包含使用条款、隐私策略和应用支持的链接。

  • 将不太使用的设置合并到单个条目中,以便更常见的设置可以各自有自己的条目。 将仅包含信息的内容或链接放在“关于”设置中。

  • 不要复制“权限”窗格中的功能。 Windows 默认提供此窗格,你无法对其进行修改。

  • 将设置内容添加到“设置”浮出控件

  • 在单个列中从上到下呈现内容,如有必要,可滚动。 将滚动限制为屏幕高度的两倍。

  • 对应用设置使用以下控件:

    • 切换开关:允许用户打开或关闭值。
    • 单选按钮:允许用户从最多 5 个互斥相关选项集中选择一个项目。
    • 文本输入框:允许用户输入文本。 使用与从用户获取的文本类型相对应的文本输入框类型,例如电子邮件或密码。
    • 超链接:将用户带到应用内的其他页面或外部网站。 当用户单击超链接时,将消除“设置”浮出控件。
    • 按钮:让用户在不消除当前设置浮出控件的情况下立即启动操作。
  • 如果其中一个控件处于禁用状态,请添加描述性消息。 将此消息置于禁用的控件上方。

  • 设置浮出控件和标头动画后,将内容和控件作为单个块进行动画处理。 使用 enterPageEntranceThemeTransition 动画对内容进行动画处理,其偏移量为 100px。

  • 如有必要,请使用节标题、段落和标签来帮助组织和阐明内容。

  • 如果需要重复设置,请使用其他级别的 UI 或展开/折叠模型,但请避免层次结构更深于两个级别。 例如,提供按城市设置的天气应用可以列出城市,并让用户点击城市以打开新的浮出控件或展开以显示设置选项。

  • 如果加载控件或 Web 内容需要时间,请使用不确定的进度控件来指示用户正在加载信息。 有关详细信息,请参阅 进度控件指南。

  • 请勿使用按钮进行导航或提交更改。 使用超链接导航到其他页面,而不是使用按钮提交更改,而是在用户关闭“设置”浮出控件时自动保存对应用设置的更改。