设置 Original Version

[

开发者文档

Settings

](http://developer.android.com/guide/topics/ui/settings.html)
用户可以在设置屏幕中调整偏好,改变应用的行为。设置可以让用户:

  • 不用在某些重要的时刻被同样的问题一遍又一遍的打断。通过设置设定好在特定情况下的默认操作。(参考“设计原则”中的 帮哥做决定,但让哥来拍板)
  • 感觉很自在并且尽在掌控。(参考“设计原则”中的 展现哥的个性)

布局和结构

在“更多操作”菜单中提供设置按钮

设置按钮在 UI 中不是很重要,因为不是经常用到。即使 操作栏 上还有空间,也不要把设置按钮放在操作栏上。始终将设置放置在“更多操作”菜单中的帮助旁边。
设置 - 图1

不要把什么都放在设置里

因为设置总是在主界面之外,所以似乎放再多的东西也不会挤占 UI 的空间。嗯,听起来是个不错的消息,但是还是要注意一下。

设置看起来是一个堆放各种东西的地方,就像杂物间里面塞满了东西。你不会在那里花很多时间,所以似乎可以不用去仔细考虑项目的排列和摆放。用户虽然很少访问设置,但是仍然对于设置屏幕抱有很高的期待。过多的设置项表示用户要做出大量的选择,太多的选择则会使人失去方向。

所以不要让用户做出高难度的选择,而且仔细考虑是不是需要一个设置。对于设置中的每一个选项,都应当按照下面的流程图仔细考虑:
设置 - 图2

如果你还是有一大堆设置项,那么分组是个好选择

人类能够短时间内记住的条目一般是 7±2 项。如果你给出了个超过 10 条条目的设置 (在通过上面的流程图筛选后),用户会觉得难以浏览、理解和对它们做出选择。

你可以将这些设置分组,把长列表变成短列表。同一组中相似的设置以下面的某一种方式排列:

    1. 放在同一个分隔符下
    1. 放在另一个屏幕中
      你可以任意组合使用上面两种分组方式来合理组织应用的设置项。

例如,Android 设置应用的主屏幕,每一个设置项都有对应的设置子屏幕,并且都是通过分隔符分组的。

设置 - 图3

分组不是一门精确的科学,但是基于应用中设置的数量还是有一些指导方法可以参考。

少于 7 项

不用分组了,否则用户会觉得更复杂了。

8 到 10 项

试着通过一两个分隔符分组。如果有的设置看起来比较独立,和其他的没有什么联系,那么可以按照以下的方案分组:

  • 如果是比较重要的设置,直接把它们放在设置屏幕的最顶端。
  • 否则在最下面用一个叫“其他”的分组摆放它们。

11 到 15 项

类似上面的规则,试着用 2 到 4 个分隔符分组。

通过以下方法来减少分组数量:

  • 如果有多于 2 个设置是给高级用户的,那么在主设置屏幕中放置一个“高级”按钮,将这些设置放置在点击后出现的子屏幕中。在“更多操作”中放置一个名为“高级”的条目以便导航。
  • 找出“配对”的设置,尽量按照下面的“设计模式”将它们合并。例如你可以把两个相关的设置 (之前使用复选框) 合并为一个单选设置。

多于 16 项

如果你可以把 4 项以上的设置组合在一组中,可以将它们放置在子屏幕中,在主屏幕用一个按钮连接到那里,这样可以有效的减少主屏幕中的设置项。

设计模式

复选框

只有选中或者不选中两种状态的设置。

设置 - 图4

单项选择

设置给出多个离散的可选值,但是用户只能选择其中的一个。

设置 - 图5

滑块

用户在一个连续的可选值之中选择一个的设置。

设置 - 图6

日期/时间

用户选择一个日期或者时间的设置。

设置 - 图7

子屏幕

将用户带入更复杂的设置页面的一个或一系列子屏幕。

  • 如果只有一个子屏幕,应当使用和进入该屏幕的按钮相同的标题。
  • 如果进入的是一个向导的第一页,则使用第一步的名称作为标题。

设置 - 图8

列表子屏幕

列出包含一个等价条目列表的一个设置或设置类别。

在标题中显示条目的名称,副文字标题显示当前的状态。与该列表相关的操作显示在操作栏而不是列表中。

设置 - 图9

主开关

用于控制整个设置类别的开关。

开关应当作为第一个条目被放置在子屏幕的操作栏上。如果关闭开关,条目列表消失,显示一段提示文字,所有需要打开开关才能进行的操作全部都显示为禁用状态。

设置 - 图10

你也可以将开关放置在进入列表子屏幕的按钮旁边。但是要注意的是,只有在用户一般只是进行打开/关闭开关的操作,而不需要进入子屏幕的情况下才这么做。

设置 - 图11

独立开关

当设置需要更详细的描述,而不仅仅只是一个开关的时候,使用独立开关。

开关只有在用户触摸进入子屏幕后才能看见,这样保证用户可以看到描述文字后再进行开关操作。描述文字放置在子屏幕标题栏下面。

例子中,Android Beam 默认是打开的状态,但是我们使用了独立开关,因为用户可能不知道 Android Beam 到底是干什么的,在子屏幕中我们可以提供详细的描述,而不仅仅是一个开关。

设置 - 图12

相互依赖

一个设置的可用状态依赖于另一个设置的值。

将设置放置在其依赖设置的下面。如果依赖项被禁用,显示“不可用”,如果需要,显示一个简要的说明。

如果有多于 3 个设置依赖同一个选项,考虑使用由主开关控制的子屏幕,以便你的主设置屏幕不会被许多禁用的条目所弄乱。

设置 - 图13

默认值

仔细考虑设置的默认值。因为每个设置都会影响应用的行为,默认值将会影响用户对应用的第一印象。尽管用户可以调整设置,但是他们仍然希望应用能够提供一个正确的起始状态。你可以通过以下的步骤来考虑默认值:

  • 如果没有默认值,用户最倾向于选择哪个值?
  • 哪个值是中性的?
  • 哪个值最没有风险,最没有争议,最不过分?
  • 哪个值消耗最少的电量和最少的数据流量?
  • 哪个值最符合设计原则?不要弄丢哥的东西
  • 哪个值最符合设计原则?只在重要的时候打断哥

写作指导

标题要清晰简明

写出一个好的标题是有难度的,因为空间有限,你只有一行而且很短的宽度。按照下面的指导,帮助你写出简明、有意义、能够快速浏览的标题:

  • 用一般句式书写标题 (例如只有第一个字母和特殊名词才大写)
  • 不要在标题中使用指导性动词,比如“设置”、“修改”、“编辑”、“管理”、“使用”或者“选择”,因为用户已经知道他们可以在设置中做出这些调整。
  • 不要在标题中使用“…的设置”,因为这就是设置啊,不需要再说一遍。
  • 如果是一组设置中的一项,不要在标题中重复组名称或者子屏幕标题。
  • 不要使用否定词作为标题开头。
  • 不要使用特别技术的词语,除非您的目标用户都能够理解这个术语。尽量使用简单的动词和名词。
  • 不要提及用户。比如开关通知的设置,标题应当是“通知”,而不是“提醒我”。
    当您确定好标题后,请在 LDPI 手持设备 上测试一下,确保在任何设备上都能够正确显示。

副文字标题是用来表示状态,而不是用来写详细描述的…

在 ICS 系统发布以前,我们喜欢在副文字标题中写一些详细的描述信息。但是从 ICS 开始,副文字标题用来描述当前的状态。

以前

Screen timeout
Adjust the delay before the screen automatically turns off

现在

Sleep
After 10 minutes of activity
屏幕超时
调整屏幕自动锁定前的延迟
休眠
无操作 10 分钟后

在副文字标题中描述状态可以:

  • 让用户立刻了解设置的效果。Users can see at a glance what the current value of a setting is without having to navigateany further.
  • 符合设计原则的 保持简洁 要求,这一点对于用户很重要。

…除非它是一个复选框

需要特别注意的一个特例是复选框。此时,副文字标题用于详细描述,而不是状态描述。在复选标题下面描述状态是没有必要的,因为复选框本身即已提示之。在复选标题下面进行详细描述是适当的是因为——不像其他控件——它没有办法导航到一个对话框或者一个子屏幕,所以没有地方放置额外信息了。

也就是说,如果复选框的标题已经足够描述设置的目的,那么就没有必要再提供更详细的描述了。

按照以下的指导,编写复选框的描述信息:

  • 保持一句话之内,并且不在结尾使用标点符号。
  • 表达在设置已经选中的情况发生了什么,并且使用一个命令语句。比如: "Allow data exchange",而不是"Allows data exchange"。
  • 注意不要使用标题中已经重复出现的词语。
  • 不要提及用户,除非是理解设置所需。
  • 如果必须要提及用户,请使用“您”而不是“我”。Android 此时在向用户表达信息,而不是代表用户。

写作示例

以下的例子是我们在 ICS 设置应用中一些修改过的标题和副文字标题。

以前

Use tactile feedback

现在

Vibrate on touch
使用触觉反馈
触摸时震动

在这个复选框中,我们不采用“使用”一词,并且重新编写了标题,使其更容易被用户理解。

以前

Screen timeout
Adjust the delay before the screen automatically turns off

现在

Sleep
After 10 minutes of inactivity
屏幕超时
调整屏幕自动锁定前的延迟
休眠
无操作 10 分钟后

这个单项选择中,我们使用更友好的词语作为标题,并且用当前的状态代替了详细描述。并且我们不仅仅显示当前的值,还加上了些描述信息,防止用户以为是“休眠 10 分钟”。

以前

Change screen lock
Change or disable pattern, PIN, or password security

现在

Screen lock
Pattern
修改屏幕锁定
使用图案、PIN 或密码锁定屏幕
屏幕锁定
图案

这个设置将用户导航到一个子屏幕,选择屏幕锁定的方式。我们不再采用“修改”一词,并且使用当前选择的值代替了详细描述。如果用户没有选择值,副标题将显示“无”。

以前

NFC
Use Near Field Communication to read and exchange tags

现在

NFC
Allow data exchange when the phone touches another device
NFC
使用近场通信读取和交换标签
NFC
当手机和其他设备触碰时,允许数据交换

这个复选框的标题,我们之前使用了过于技术性的描述,但是最后仍然保留了“NFC”作为标题,因为: (1) 我们找不到更加简明且正确的替换词语 (2) 在未来的几年中,用户将会普遍了解这个术语的意思。

不过,我们重写了详细描述。让它不再像以前一样充满了技术细节,而是更多地描述 NFC 的用途。我们不再描述 NFC 代表的意思,因为对于大多数用户来说根本没有意义,而且还占地方。

检查清单

  • 确保每个设置项都值得放置在设置屏幕中。

  • 如果您有多于 7 个选项,将它们分组。

  • 使用上面的设计模式指导,使用户不会面临陡峭的学习曲线。

  • 选择安全、中性、适合大多数用户的默认值。

  • 为每个设置提供一个清晰而明确的标题,并且编写合适的副标题内容。