android设计原则 - UCD大社区

浅析Android 4.0的通知系统（附Android 4.0设计指南全文翻译）

千年牛皮糖 — 2012-06-19 09:05:01

通过手机的通知系统，可以将应用程序的一些重要消息告知给用户。流畅、舒适、友好的应用程序离不开精心设计的消息提醒机制。但是并不是所有的通知都是用户想看的，否则只会给用户造成骚扰，所以要谨慎使用通知。

在对《Android Design》进行翻译时发现：Android系统已经提出了一些关于通知消息的设计建议，故在此分享给大家。

一、何时使用通知？

通知主要用于对时间敏感（Time Sensitive）的事件，尤其是涉及他人（Involve another person）的同步事件。例如下面的Gtalk和日历发出的通知就是时间敏感，且与人相关的事件。

那么什么时候又不应该使用通知呢？官方的建议是：

不直接针对用户的，或不紧急的信息。例如SNS中与用户没有直接关系的新鲜事。Path可能就犯了这个错误。
正显示在当前屏幕的信息也不必创建一个通知。即正在聊天的时候，就不必再创建关于聊天消息的通知了。
系统可以自己完成而无需用户操作的简单动作，例如保存、同步或者是更新应用程序等。
如果发生错误了，但是应用程序可以快速自我恢复，此时也不必用通知去打断用户，甚至都可以不用让用户知道这个错误。
对于用户不能手动启动或停止的服务，也不必使用通知。
不要为了让用户对你的品牌记忆深刻而创建多余的通知，否则只会让用户反感。想让用户对你的应用程序保持注意力并且提供少量内容的最好方式是提供小部件（widget）给用户，让用户可以将它放到首页。

二、通知的设计指南

1. 使其私有化

其他用户发过来的通知应该在通知里包含用户的头像（Icon/Photo），还要显示通知的标题（Title）、消息内容（Message）、时间戳（Timestamp），以及应用程序的图标（Secondary Icon）。

2. 合并同类通知

如果一个应用程序发出了多个相同类型的通知，而且这些通知都还没被处理的话（被处理的通知会被移出通知抽屉），那么请将相同类型的通知合并为一个。

合并后的通知会有一个总结性的描述，并且能让用户知道一共合并了多少条通知（Number Pending）。

3. 对时间敏感事件的时间戳

默认的系统通知会在通知右上角打上时间戳，如果你认为显示时间戳对你的通知是没有意义的，那你可能就要重新考虑是否值得为这条消息创建一条通知了。如果这条通知确实足够重要，再决定是否不显示时间戳。

常见的需要显示时间戳的通知是通讯通知，如Email、短信、聊天消息这种，用户需要通过时间戳来理解消息的上下文。

4. 通知相关的导航机制

如果用户点击了一条通知，此时应该将相关的应用程序打开到可以对通知中提到的内容进行操作的状态。但如果用户点击了一个合并的通知，应该去到列表页面（内容页的上一层级），后面第三部分会详细阐述。

5. 自我清理

有些通知会在某个时间点出现告知用户一些相关的信息和提示，但是如果过了那个时间点，这个通知可能对用户来说就不重要了，此时就应该考虑自动删除这条通知。

同样的，用户查看过的聊天消息或邮件，也应该让用户不必手动操作就移除这些通知。

6. 为通知提供预览

提供一段简短的文本作为通知的预览可以让用户大致了解通知的内容，从而帮助用户决定是否立刻查看该通知。

7. 让用户决定是否显示通知

用户可能对频繁出现的通知感到厌烦，所以应该让用户决定是否显示通知。因此，在应用程序的设置中应该让用户可以取消通知。

8. 使用不同的图标

为了让用户在通知栏看一眼就能知道是哪个应用程序发出的通知，应该采用有自己特色的图标。所以在设计应用程序的图标的时候，应该注意与其他Android应用的通知图标有比较明显的区别。

但需要注意的是不要用颜色来区分，因为通知图标通常都是黑白的。

三、通知的导航机制

1. 单条通知与合并通知

如果用户点击了一条通知，此时应该将相关的应用程序打开到可以对通知中提到的内容进行操作的状态。例如用户收到一封新邮件的通知，用户点开该通知后应该去到这封邮件的内容页。

因为同类通知会被合并，如果用户点击了一个合并的通知，应该去到列表页面（内容页的上一层级）。在下面的例子中，用户点开一条合并的新邮件通知后，进入了收件箱界面。

2. 间接通知

如果应用程序需要同时展示多个事件的信息，可以使用一条通知将用户指引到一个中间界面。这个界面会展示这些事件，并为用户提供进入应用程序的入口。这种类型的通知被称为间接通知。

例如一个用户在Gmail中收到了Calendar发出的一条间接通知。点击这条通知后打开一个中间界面（calendar interstitial），这个界面下显示了几个事件的提醒，在这个界面点“返回”键会回到Gmail，但是如果用户点击了某个事件提醒，就会离开这个中间界面并打开Calendar应用程序以显示这个事件的详细内容。在这个事件的详细内容的界面下，点“向上”和“返回”都会去到Calendar应用的首页。

在间接通知的中间界面点“返回”会回到触发该通知的界面，返回路径中不会被插入其他界面。一旦用户通过中间界面进入了应用程序，“向上”和“返回”的逻辑就与标准通知一样了：在应用程序之间进行导航，而不会返回到中间界面。

关于间接通知的详细内容请查看百度MUX翻译的《Android Design》的模式Patterns—-导航Navigation章节。

3. 弹出通知

弹出通知会绕过抽屉通知直接出现在用户面前。一般情况下很少使用，只在需要及时地反馈并且必须打断用户的场合下才会使用。例如Talk应用使用这种形式的通知来提醒用户有好友邀请他加入视频聊天，因为这个邀请会在几秒后自动失效。

对于导航行为，弹出通知严格遵循间接通知的中间界面的导航逻辑。点“返回”会关闭弹出通知。如果用户从这条弹出通知进入了发出通知的应用程序，“向上”和“返回”的逻辑会与标准通知的逻辑保持一致，在应用程序内进行导航。

关于间接通知的详细内容请查看百度MUX翻译的《Android Design》的模式Patterns—-导航Navigation章节。

四、通知的相关交互

1. 通知抽屉

默认情况下，待处理的通知是以图标形式显示在状态栏中，从屏幕上方向下滑即可打开通知抽屉。

最近的通知排在最前面，点击一条通知会将其应用程序打开到与这条通知相关的界面。

在一条通知上向左或向右横划即可移除该通知。

在Android 4.0的平板电脑中，通知栏则被集成到底部的系统栏里，在通知区域的任意位置点击即可打开通知抽屉。

2. 进行中的通知

有一些通知是让用户了解后台正在运行的进程。例如正在播放的音乐播放器、正在后台运行的省电程序、正在保护系统的安全软件等。另外也可以对下载上传、视频编码这种持续时间较长的任务提供反馈。这种进行中的通知是不可以被移除的。

3. Dialog和Toast用作反馈

如果某个应用程序没有在当前屏幕运行，它就不应该弹出对话框（Dialog）和提示条（Toast）。对话框和提示条应该是用户在当前应用程序下执行操作时，用来提供即时的操作反馈的。比如对话框可以让用户知道某个操作的危险后果，而提示条可以让用户知道某个操作已成功执行。

五、总结

在Android平台设计应用程序的通知消息时应该明确在哪些场景下使用通知；不同的场景显示什么类型的通知。在设计的时候还要注意通知的私有化、导航逻辑、清理机制、同类通知的合并、图标的设计等。为避免对用户造成骚扰，还应该在应用程序的设置中增加对是否显示通知消息的设置。

从较早版本的Android系统开始，就具备了比较成熟的通知系统，新版iOS系统也参考了类似的设计。所以充分利用Android的通知系统，一定可以让用户对你的应用程序了如指掌。

另附上MUX翻译的最新版《Android Design》，欢迎大家下载阅读。

译文：http://mux.baidu.com/img/97/AndroidDesign-BaiduMUX.pdf
原文：http://developer.android.com/design/

转载请注明出自”百度MUX”

相关话题：android设计原则源地址：http://mux.baidu.com/?p=3183

Android 4.0设计规范（附全文翻译pdf）

CDCer — 2012-01-18 15:02:01

在拜读和翻译了Android design设计指导后，对比Android 4.0与Android2.3及之前版本的app设计指导，总结了Android 4.0设计的10大改变：

1. 导航栏 (详见模式PATTERNS>导航Navigation)
由之前的物理按键导航（返回、菜单、搜索、主页）变成了嵌入屏幕的虚拟按键（返回、主页、最近任务）。

左侧为早期有4个物理按键的手机，右侧为新版只有3个虚拟按钮的手机

把菜单项和搜索项从导航栏去掉，把之前通过长按主页键才出现的最近任务直接展示在导航栏中。

最近任务的界面
把菜单收起的同时，在软件界面的操作栏上增加了“更多操作”（action overflow），如下图中的黄色圆点所示。

黄色圈部分为“更多操作”（action overflow）的位置和点击后内容的展示方式

2. 操作栏 (详见模式PATTERNS>操作栏Action bar)
操作栏从之前的app图标＋操作，变成如下图所示：
1向上＋2 Spinner＋3 重要操作＋4 更多操作。
其中，向上按钮，点击后是去到当前界面的上一个层级，非第一层级界面有此按钮，第一层级界面则无向上按钮；Spinner 是用于展示内容的下拉菜单，其内容包括视图的快速切换和显示相关内容的完整信息；更多操作（action overflow）是集合操作栏中不常用的和非重要操作的地方。

操作栏可以拆分成下图中的1主操作栏、2顶部栏和3底部栏。如果需要，顶部栏可以承载选项卡tabs，底部栏可以承载主要操作和被收起的更多操作（action overflow）。

在空间足够的横向屏幕展示界面时，被拆分的操作栏，可以灵活合并在一起。如下图中的手机端横竖屏操作栏所示。

3. 多面板布局 (详见模式PATTERNS>多面板布局Multi-pane layouts)
多面板布局更多的是针对平板电脑，把手机端的目录视图和详情视图两个层级的界面，甚至更多的页面，复合展示在同一个界面中，有效地利用平板电脑的屏幕空间，扁平化层级结构，简化导航。这点在iPad上已经运用得相当娴熟了。

4. 选择 (详见模式PATTERNS>选择Selection)
Android4.0中的长按与Android2.3及更早期的版本有很大的不同。早期版本长按操作后，是出现情境菜单的浮出层。在Android4.0中，长按后在操作栏的位置会覆盖一个临时的情境操作栏，不再弹出情境菜单浮出层。在临时情境操作栏的环境下，当前界面的内容项允许被单个处理，也允许被批量处理。

长按Android2.3及更早期系统版本的内容项时，出现情境菜单的浮出层。

长按Android4.0系统版本的内容项时，情境菜单栏覆盖在操作栏上。

在情境菜单环境下，支持批量操作。

5. 返回和向上 (详见模式PATTERNS>返回和向上Navigation with Back and Up)
返回按键用在手机全局的虚拟导航栏中，基于用户最近查看的界面历史，采用时间倒序的方式，连接界面间的关系。向上按钮用在操作栏的左侧，基于层级结构，点击后是去到当前界面的上一个层级，若当前界面已经是最高一级，则没有向上按钮。

黄色部分为点击向上按钮后的页面路径，红色部分为点击返回按钮后的页面路径

6. 主题样式 (详见风格STYLE>主题样式Themes)
推出三套默认主题：Holo浅色主题、Holo深色主题、Holo浅色底+深色操作栏主题。主推app在这三套默认主题的基础上做设计，以加快app研发效率，但只是建议使用，并没有完全强制。视觉设计师们可以重点看下STYLE和BUILDING BLOCKS这两章。

7. Widgets (详见开始吧GET STARTED>UI概览UI Overview)
在原apps页里，用选项卡tabs的方式增加了widgets内容。一改用隐晦方式添加widget的操作和把widgets零散放在桌面呈现的方式。在app设计中，应该提高对widget设计的重视程度。

8. 兼容性 (详见模式PATTERNS>兼容性Compatibility)
向后兼容，考虑到物理导航按键手机如何兼容Android 4.0系统和虚拟导航手机如何兼容Android2.3和更早期版本的apps。

在物理导航按键手机上安装android4.0系统，点击物理按键，在屏幕下方出现action overflow的内容。

在新的虚拟导航手机上安装为android2.3及更早版本系统设计的app，会在屏幕下方的虚拟导航的右侧出现action overflow按钮（如上图的黄色部分）。

在新的虚拟导航手机上安装android4.0，点击action overflow后的展示状态如上图。

9. 强调纯粹的Android应用设计 (详见模式PATTERNS>纯粹的Android)
在Android4.0 app设计准则中，特别强调为Android设计纯粹的Android app，切勿使用其他平台特定元素的注意事项，有以下5个方面：
（1）强调视觉元素的样式要符合android系统；
（2）不用其它平台特有的图标；
（3）不在界面的下方使用选项卡tabs；
（4）区分向上和返回，不在操作栏上使用返回样式的按钮；
（5）不在内容列表里使用向右箭头。

Android系统里，选项卡（tabs）会固定放在屏幕上方，不会放在下方。这点与ios系统不同。

10. 其它细节
增加许多新的交互细节、信息展示和视觉样式等规范，详细见翻译。其中，有几点在此强调下：
（1）新增了横滑移除内容的交互手势。在部分模块中，支持向左或向右横滑移除内容的操作，如最近任务和消息通知抽屉。

（2）视觉的平面化，栅格风正在4.0中上演。
（3）在writing style中明确指出写wording时，要直接使用第二人称“你”。

原文见http://developer.android.com/design/index.html
快速查阅，Android Design全文翻译下载地址：http://cdc.tencent.com/?download=Android-Design-4.0

Android Design全文翻译由CDC D3多媒体小组（江宁、张云）出品。
感谢您的阅读！

(本文出自腾讯CDC博客: http://cdc.tencent.com/?p=5082)

相关话题：android设计原则源地址：http://cdc.tencent.com/?p=5082

Android设计原则

羊老师 — 2012-01-13 17:04:22

译者按：在iOS HIG已经强大经典了N年之后，Android终于推出了一套比较系统的HIG（大概是为了配合Android 4.0 Ice Cream Sandwich）。仔细比较两套HIG的“设计原则”部分，发现完全是截然不同的两种风格。iOS HIG走的是更专业型的路线，描述严谨且有不少的专业词汇（比如Metaphors、Consistency之类的）。而Android则显得亲民许多，不仅描述方式简要易懂，配图鲜明直观，甚至还用了“me”作为了一系列要点的标题，更充分地传达出以用户自身的体验为中心的思路。

设计原则

这些设计原则是由安卓的用户体验团队制定并应用的，以此来保证用户心目中最佳的用户体验。应用开发者应该参考这些设计原则，并将之用于自己的创作与设计，有针对性地对应用的用户体验进行调整。

吸引我

以令人惊讶的方式取悦我

漂亮的界面，精心设置的动画，或是恰到好处的声音效果，都是快乐的情感体验。各种细微的效果精妙地组合在一起往往效果惊人，不仅显得轻松明快，更可以营造出丰富强大的氛围。

真实的物件远比按钮和菜单更有趣

使用现实世界中的对象和操作来构建应用中的对象和操作。这样不仅能够帮助用户，尤其是新手，迅速地理解应用程序的操作方法和作用，减少认知成本，同时也使他们能获得更多的情感满足。

把它变成“我的”

人们喜欢添加个性化风格，因为这让他们感觉像在家一样一切尽在掌握，也让这个应用显得和自己一样与众不同。应用应该提供明快合理且漂亮的默认值，同时最好也考虑添加一些有趣但不妨碍主要任务的自定义项目。

了解我

随着使用时间的推移，应用应该了解并记住用户的行为和使用偏好。不要让用户一遍又一遍作出相同的选择，让他们能够方便地使用上一次的操作会更好。

简化我的生活

保持简短

使用简单的单词和短句进行说明——用户极有可能跳过冗长复杂的句子。

图片比文字更快

尽量使用图片来进行说明。图片更吸引用户的目光，往往也比文字更有效。

为我选择，但让我来决定

智能地推断用户的行为，并推荐相应的解决方案，而不是一开始就询问用户想干嘛——太多的选择和决定让用户烦躁。不过为防万一推荐得不对，记得给出“撤消”操作。

只在我需要的时候显示

同时看到太多的东西让人感到不堪重负，所以最好把复杂的任务和信息分解成小小的步骤。隐藏当前不需要的选项，并让当用户学会在需要时到哪儿去找它们。

我应该知道我在哪里

让用户清楚地知道他们在应用中的位置和操作路径。让你的应用中各个部分看起来有明确的区分，并在界面切换时使用适当的过渡效果，以表明它们之间的关系。对正在进行的任务提供反馈。

不要丢失我的内容与设置

保存用户花费时间创建的内容与设置，让它们在任何时间任何地点都可以被访问，并在手机、平板电脑和计算机之间保持同步一致。这也可以让升级变得更加容易与方便。

如果它看起来一样，那它的功能也应该一样

尽量使用明显是视觉差异来帮助用户区分功能上的不同。避免使用看上去相同或相似的模式、操作来实现其实并不相同功能。

只在重要的时刻打断我

如同拥有一个优秀的私人助理一样，用户不应该被无关紧要的旁枝末节所打断。人们希望能集中注意力完成手上的任务，除非有十万火急的事情需要处理。任务中的一次打断真是让人觉得费力又沮丧。

让我惊艳

给我各处皆适用的技巧

当用户自己摸索出使用技巧时会感觉非常良好。在你的应用程序里使用其他安卓应用广泛采用的交互技巧——包括相同的视觉模式和肌肉动作，可以让用户更容易上手也更容易获得满足。比如，“轻扫”就是一个在安卓应用中广泛使用的良好的导航快捷手势。

不是我的错

友好礼貌地提醒用户改正错误——在使用你的应用时，用户当然不希望自己显得很蠢。如果出了差错，请清楚简明地给出解决方案，以便用户能够快速地进行修正，避免提及让用户看不懂的技术细节。如果应用能够在后台默默处理那就更好了！

积极反馈

把复杂的任务分解成较小的步骤可以让用户更轻松地完成。给每个行动都提供反馈鼓励，即使只是一个微妙的光芒也会让用户大受鼓舞。

为我完成复杂的任务

让新手使用他们能够做的简单操作，完成他们从未奢望过可以处理的专家级任务。例如，结合多种照片效果的快捷方式，只需几步操作，就可以使业余的照片看起来让人惊艳。

让更重要的事情更快

并非所有的操作都是平等的。决定在你的应用程序什么是最重要的，并让它能更容易更快速地被找到和使用——比如照相机的快门按钮，或是音乐播放器的播放/暂停按钮。

via Android Design Principles

Android4.0界面设计指南之语言风格

Ro — 2012-01-16 22:07:18

语言风格

当您为App选择单词的时候：

简短。简洁、简单、准群。如非绝对必要，一个句子不要超过30个字母（包括空格）。
简单。就假如您正在对一个聪明能干的家伙说话，但他不是很懂技术属于，并且英语不太好。用较短的词汇，动词以及通用的名词。
友好。压缩你的句子。使用第二人称（“你”）来和用户直接对话。如果你的句子读起来并不像是闲谈，那么你应该再想想怎么写。不要很突然或者令人讨厌，要让用户感觉到安全、开心和被激励。
重要的优先。最开始的两个字（11个字母左右，包括空格）就应让用户感受到这串文本最重要的信息。如果它们不能，那么重新来过吧。
仅说必要的，别画蛇添足。别试着解释细微的差异，大多数用户注意不到。
避免重复。如果一个重要的术语在屏幕或文本块中重复出现，尝试仅让它出现一次。

例子

简短。以安装引导为例:

太正式

请参考随电话附赠的文档来获取更多指示。

更好的

阅读随电话附赠的指南。

简单。以地理位置设置为例:

让人迷惑

使用GPS卫星
定位时，将精确到街道程度。

更好的

GPS
允许应用通过卫星定位你的位置。

友好。应用崩溃时的对话框：

混乱和恼人的“对不起”只是在伤口上撒盐。

抱歉!
操作动作（在应用中）停止响应。
强制关闭	等待	报告

更短，更直接，别总是抱歉的标题：

应用停止响应。
是否要关闭？
等待	报告	关闭

重要的优先。

最新的信息反而在最后

77个家伙顶了该帖, 包括拉里·佩奇。

仅说必要的，别画蛇添足。

如安装引导屏幕：

登录中…
您的手机需要与Google服务器连接来登录您的帐户。这将最多花费5分钟。

如安装引导屏幕：

登录中…
您的手机正在连接Google。这最多花费5分钟。

说明

以上内容翻译自Android界面设计指导网站Android Design