Android 设置设计指南

本文档重点介绍了设计 Android 平台设置、GMS 核心设置(Google 设置)或任何为其 Android 应用程序设计设置的开发人员的原则和指南。

设计原则

提供一个很好的概述

用户应该能够浏览设置屏幕并了解所有单独的设置及其值。

图 1.设置及其当前值显示在顶层屏幕上

直观地组织项目

将常用设置放在屏幕顶部。限制一个屏幕上的设置数量。显示超过 10-15 个项目可能会让人不知所措。通过将一些设置移动到单独的屏幕来创建直观的菜单。

图 2.常用设置位于屏幕顶部

使设置易于查找

在某些情况下,在两个不同的屏幕上复制单个设置可能会有所帮助。不同的情况会触发用户更改一个设置,因此在多个位置包含该设置将有助于用户找到该项目。

对于重复设置,为设置创建一个单独的屏幕,并具有来自不同位置的入口点。

图 3 和 4. “通知”和“声音”屏幕上都出现“默认通知声音”

使用明确的标题和状态

使您的设置标题简短而有意义。避免使用模糊的标题,例如“常规设置”。在标题下方,显示状态以突出显示设置的值。显示具体细节,而不仅仅是描述标题。

标题应该:

  • 将标签中最重要的文本放在首位。
  • 将“不要”或“从不”等否定词改写为“阻止”等中性词。
  • 使用“通知”等非个人标签,而不是“通知我”。例外:如果需要参考用户来理解设置,请使用第二人称(“你”)而不是第一人称(“我”)。

标题应避免:

  • 通用术语,例如设置、更改、编辑、修改、管理、使用、选择或选择。
  • 重复部分分隔符或子屏幕标题中的单词。
  • 技术术语。

页面类型

设置列表

这是最常见的屏幕类型。它允许将多个设置放在一起。设置列表可以是控件的组合,例如开关、菜单和滑块。

如果一个类别中有许多设置,则可以将它们组合在一起。有关更多详细信息,请参阅分组和分隔符

图 5.设置列表示例

列表显示

列表视图用于显示应用程序、帐户、设备等项目的列表。可以将过滤或排序控件添加到屏幕中。

图 6.列表视图示例

实体画面

实体屏幕用于显示不同项目的设置,如应用程序、帐户、设备、Wi-Fi 网络等。

在视觉上,实体显示在顶部,带有图标、标题和副标题。此屏幕上的所有设置都必须与此实体相关。

图 7. App info 中使用的实体屏幕示例

图 8.存储中使用的实体屏幕示例

主设置

当可以打开或关闭整个功能(例如 Wi-Fi 或蓝牙)时,最好使用主设置。通过使用屏幕顶部的开关,用户可以轻松控制此功能。使用主设置禁用该功能会禁用所有其他相关设置。

如果某个功能需要更长的文本描述,则可以使用主设置,因为此屏幕类型允许更长的页脚文本。

如果需要从多个屏幕复制或链接设置,请使用主设置。由于主设置是一个单独的屏幕,因此您可以避免在不同位置为同一设置设置多个开关。

图 9.应用通知屏幕中使用的主设置示例;关闭主切换会关闭此应用的整个功能

图 10.应用通知屏幕中使用的主设置示例,主切换关闭

单选按钮选择画面

当用户需要选择设置时使用此屏幕。单选按钮可以显示在对话框中或单独的屏幕上。单选按钮不应与滑块、菜单或开关一起使用。

单选按钮屏幕可以在顶部包含图像,在底部包含页脚文本。单个单选按钮可以有字幕和标题。

图 11.不应在设置列表中使用单选按钮

图 12.这是在设置中正确使用单选按钮的方法

成分

从 Android 8.0 开始,操作工具栏会显示搜索和帮助以及其他相关操作。不鼓励使用溢出菜单,因为用户可能不会发现隐藏在这些菜单中的操作。

对于没有特定于屏幕操作的工具栏。显示搜索和帮助操作。

图 13.带有搜索和帮助操作的工具栏

对于具有一项操作的工具栏:在搜索之前显示操作。

图 14.在搜索和帮助操作之前有一个操作的工具栏

对于具有超过 1 个操作的工具栏:考虑将主要操作放在搜索之前,同时将高级操作放在溢出菜单中。

如果所有操作都是高级操作或仅对一小部分用户有用,请考虑将所有操作放在溢出菜单中。

图 15.带有用于操作的溢出菜单的工具栏

实体标头

实体标题可以仅显示标题,也可以显示带有子文本的标题(子文本允许多行)。以下操作是可选的。您最多可以有两个操作。

图 16.实体标头

图标和标题 (App1) 部分将在标题 (App info) 下滚动。

图 17.此处的应用信息标题是工具栏的一部分,而屏幕的其余部分将在其下方滚动

标题是强制性的。您还应该显示突出设置状态的潜台词。使用图标是可选的。

尽量保持标题文本简洁。如果标题很长,它们可以在下一行继续,而不是被截断。不要在长按时启用菜单或操作。

例子:

图 18.带有图标、标题和子文本的菜单链接

图 19.带有标题和子文本的菜单链接

图 20.仅带有标题的菜单链接

右侧带有图标、标题、潜台词和单独命中目标的菜单链接

其他点击目标应使用主题颜色。

图 21.双击目标菜单示例

带有图标、标题、潜台词和统计/数字/警报图标的菜单链接

百分比和时间等数值可以与子文本一起显示在右侧,而条形图可以显示在下面。

通常,数值显示在右侧,因此用户可以轻松浏览和比较它们。

图 22.带有图标、标题、统计信息和图形的菜单示例

分组和分隔符

如果一个屏幕有很多设置,它们可以通过分隔线进行分组和分隔。与较旧的 Android 版本不同,分隔符现在用于将设置聚集在一个组中,而不是分隔单个设置。

如果组中的设置密切相关,您可以添加组标题。如果您使用组标题,则应始终包含分隔符。

图 23.用分隔符分组的设置

转变

切换图标、标题和潜台词

图 24.带有图标、标题和潜台词的切换

切换标题和潜台词

图 25.带有标题和子文本的切换

仅使用标题切换

标题可以在左侧带有一个图标。

图 26.仅带有标题的切换

列表项+开关

您可以将列表项与开关组合在一起。点击垂直线的左侧就像一个链接,将用户带到下一个屏幕。右侧的行为类似于标准开关。

对于左侧的列表项,标题是强制性的。图标和潜台词是可选的。

图 27.列表项和开关

滑块

该图标在滑块中是可选的。

图 28.滑块

屏幕按钮

积极行动使用主题颜色,而消极行动使用灰色。积极行动可能包括打开应用程序、安装应用程序、添加新项目等。消极行动包括清除数据、卸载应用程序、删除项目等。

图 29. “卸载”和“强制停止”的灰色按钮

图 30. “立即开启”的蓝色按钮

渐进式披露(高级)

不常用的设置应隐藏。仅当至少要隐藏 3 个项目时才使用“高级”。

在这里,潜台词显示隐藏设置的标题。潜台词应该只有一行。附加文本会被省略号截断。

图 31. “显示”屏幕上使用的高级

下拉菜单可用,但理想情况下,您应该使用对话框或单选按钮选择屏幕。建议这样做是为了简化设置,因为目前单项选择有三种不同的模式。

如果需要,可以在设置具有简单选项的情况下使用下拉菜单。

图 32.下拉菜单

复选框

尽可能使用切换复选框。

可以使用复选框:

  • 对于限制应用程序或阻止服务等负面操作。
  • 为了避免屏幕上有太多的开关。

图 33.复选框用于减少此屏幕上的开关数量

不建议在设置中使用链接。仅在绝对必要时使用链接。链接应该使用没有下划线的强调色。

图 34.设置中使用的链接

页脚文本可用于添加说明性内容。页脚应始终在顶部有一个分隔线。页脚显示在屏幕底部。如果需要,页脚可以有链接。

图 35.页脚文本

模式

数据

关键数据可以显示在条形图或饼图等图表中。此数据可以显示在实体标题中。示例包括移动数据和存储。

其他不太重要的数据可以通过使用常规列表视图来呈现。

图 36.显示存储的示例

图 37.显示网络的示例

用户教育

某些功能可能需要解释或用户教育。您可以将动画或图像与文本一起使用。动画或图像应显示在屏幕顶部,而页脚文本可用于添加说明。

图 38.使用动画和页脚文本进行设置

形式

如果表单有一个输入字段,请使用普通对话框。这为用户输入单个输入提供了一种简单的方法。

但是,如果表单有多个字段,请考虑使用全屏对话框。这提供了更多的屏幕空间来以清晰的模式排列字段。

图 39.带有普通对话框的表单

搜索结果

搜索结果会显示设置的标题、子文本(如果有)和面包屑导航位置。

图 40.搜索结果