(特价书)精彩绝伦的Android UI设计：响应式用户界面与设计模式

3.3　总结 29
第4章　探索Android平台 30
4.1　Android平台的挑战 30
4.2　Android的版本 36
4.3　Android应用的发布 38
4.4　开源的意义是什么 40
4.5　总结 41
第二部分　Android平台的特性和UI组件
第5章　Android应用架构和在线指南 44
5.1　Android应用程序结构概览 44
5.2　Android项目结构概览 47
5.3　官方Android指南 48
5.4　总结 49
第6章　Android的意图系统 50
6.1　意图让应用程序相互协作 50
6.2　使用社交网络并分享 51
6.3　和浏览器一起工作 52
6.4　Android意图系统的工作原理 53
6.5　创建自定义行为 58
6.6　意图无处不在 58
6.7　意图与第三方API 58
6.8　总结 59
第7章　Android应用的导航结构 60
7.1　Android导航系统的组件：活动和意图 60
7.2　Android导航控件 61
7.3　总结 70
第8章　主界面应用小部件 71
8.1　主界面应用小部件的使用 71
8.2　更新应用小部件数据 73
8.3　应用小部件布局和功能 75
8.4　实现应用小部件 78
8.5　总结 80
第9章　通知及告知用户 81
9.1　Android通知方法 81
9.2　何时通知用户 83
9.3　何时不要通知用户 86
9.4　避免使用弹出框 86
9.5　从状态栏通知中获得更多信息 87
9.6　总结 91
第10章　物理按键、输入法和传感器的设计 92
10.1　触摸屏的设计 92
10.2　手机物理按键的设计 93
10.3　软键盘的设计 94
10.4　物理键盘设计 99
10.5　方向键和轨迹球设计 99
10.6　触控笔设计 100
10.7　声控设计 101
10.8　外接键盘、鼠标和触摸板的设计 101
10.9　智能附件的设计 102
10.10　传感器的设计 102
10.11　第二块屏幕的设计 102
10.12　总结 103
第11章　平台用户界面组件的设计 104
11.1　使用用户界面小部件 104
11.2　自定义用户界面小部件 111
11.3　调整排版 113
11.4　使用图标 117
11.5　使用动画和过渡效果 121
11.6　总结 127
第三部分　可扩展的Android设计
第12章　管理Android资源 130
12.1　使用Android资源 130
12.2　屏幕密度设计 132
12.3　屏幕大小和形状的设计 135
12.4　语言和地区设置 137
12.5　设备控件的设计 137
12.6　平台版本的设计 138
12.7　设备模式的设计 138
12.8　总结 138
第13章　Android应用布局 139
13.1　Android布局策略 139
13.2　用XML文件和代码布局 140
13.3　布局的管理 141
13.4　定义布局的尺寸 149
13.5　滚动条 149
13.6　z轴的布局顺序 150
13.7　内边距和外边距 150
13.8　导入与合并布局文件 150
13.9　自定义布局 151
13.10　Android开发工具和用户界面生成器 151
13.11　调试布局 152
13.12　总结 153
第14章　可缩放的图形 154
14.1　九宫格图片 154
14.2　绘图XML 158
14.3　用代码绘制 163
14.4　总结 166
第15章　超越可缩放——响应式设计 167
15.1　Android设备不仅仅只是手机 167
15.2　了解响应式设计 169
15.3　制作响应式用户界面的常见方法 176
15.4　总结 178
第16章　实现响应式用户界面 179
16.1　片段简介 179
16.2　片段和活动结构 181
16.3　移植现存的应用 182
16.4　示例程序 183
16.5　总结 193
第四部分　Android UI设计模式
第17章　用户界面设计模式简介 196
17.1　用户界面设计模式 196
17.2　使用UI设计模式的好处 197
17.3　Android设计指南中的设计模式 198
17.4　本书介绍的用户界面设计模式 198
17.5　总结 199
第18章　用户操作设计模式 200
18.1　使用操作栏模式 200
18.2　使用快捷操作设计模式 206
18.3　使用操作抽屉设计模式 210
18.4　使用下拉刷新设计模式 212
18.5　使用滑动忽略的手势 215
18.6　总结 217
第19章　导航和布局设计模式 218
19.1　使用层叠图库 218
19.2　使用仪表盘 220
19.3　使用工作空间 223
19.4　使用分拆视图 226
19.5　根据上下文扩展的设计模式 228
19.6　使用侧边导航 230
19.7　总结 232
第20章　数据设计模式 233
20.1　使用动态列表 233
20.2　使用图片占位符设计模式 234
20.3　非强制登录模式 236
20.4　使用拖动重排手柄模式 238
20.5　总结 239
第21章　用户界面设计反模式 240
21.1　避免使用启动界面 240
21.2　避免使用引导界面 241
21.3　避免使用确认窗口 242
21.4　避免在界面上使用Back按钮 243
21.5　避免使用菜单按钮 244
21.6　避免隐藏状态栏 244
21.7　避免为快捷操作使用滑动覆盖层 245
21.8　避免使用非Android的设计 246
21.9　总结 247

.　　根据下面的链接或者扫描左边的二维码可以在Google Play商店中免费安装这款应用。
　　配套应用中可用的示例程序在本书相关部分中都有一个二维码。要扫描这些二维码，需要在手机上安装一个二维码扫描应用。Google Play商店中有多个免费应用。我使用的是Scan公司提供的名为Scan的应用，在下面的链接可以免费下载这个应用：https://play.google.com/store/apps/details?id=me.scan.android.client。
　　一旦在设备上安装了二维码扫描应用和配套应用，那么扫描本书中的二维码就能直接在你的设备上打开对应的示例应用，仅需要打开二维码扫描应用然后对准页面中的二维码。你也可以手动导航到对应的示例应用。
　　这个二维码扫描应用允许你扫描本书中的二维码，它将会自动把你带到对应的示例
　　资料来源：Scan公司
　　应用兼容性
　　注意，并非全部示例程序都兼容所有Android版本。尽管有各种方法让应用兼容Android的老版本，但我还是打算仅使用Android的核心API，以此保持示例代码的整洁和跨版本的兼容性。如果你正在使用旧版本的Android设备，请注意，你可能会看到一个界面告知你想要打开的这个示例应用不可用。
　　配套应用的源代码
　　配套应用是完全开源的，你可以下载并在自己的电脑上浏览配套应用的所有代码。在github中可以找到配套应用的源代码，链接地址：https://github.com/JuhaniLehtimaeki/smashing_android_ui_example_app/。
　　致谢
　　撰写本书时做了大量的工作，也收获了很多乐趣。如果没有女朋友默默支持，我无法完成这本书的创作。在过去的几个月中，她明白我为什么不得不坐在屋子里敲击键盘，而不是和她共同享受在一起的时光。非常感谢她的理解！
　　同时，感谢Snapp TV公司的领导和同事，让我自主安排工作事宜，允许我花费部分工作时间撰写本书。特别感谢Jasper Morgan鼓励我在这本书上花费足够的时间，从而避免我在创作过程中压力过大。
　　同样感谢Google+中优秀的Android社区。我喜欢阅读其中的文章和评论。很多问题的讨论内容都非常翔实，气氛友好，并且鼓励每个人都参与进来。非常感谢Google公司的Android开发人员，尤其是Nick Butcher，他提倡积极参与到讨论中来，同时还鼓励撰写Android方面的文章。
　　感谢每一位阅读博客中的文章以及发表评论的读者，这是对我继续写下去莫大的鼓励，也让我从中学到了很多知识。感谢你关注Android博主，他们帮助在线Android社区信息日益丰富多彩。
　　如果没有Android社区中库的贡献者，那么构建Android应用将会非常困难。感谢每一位构建Android库并免费分发、开源给任何人使用的贡献者。他们正在做一项令人惊讶的工作，这项工作让每个人的生活变得更简单。
　　同时还要感谢Google公司，除了Android操作系统外，它还提供了诸多构建Android应用的工具。如果没有神奇的Google Drive（文档）的帮助，它让我集中精力撰写，而不用掌握文字处理软件，我将无法完成本书的撰写。感谢Herzoglich Bayerisches Brauhaus Tegernsee 给予我在深夜撰写本书的能量。
　　最后一点也同样重要，感谢Wiley让我撰写人生中的第一本书。感谢Kezia Endsley、Craig Smith以及Sara Shlaer在撰写过程中指导与帮助我。非常感谢Sebastian Kaspari，他作为本书的技术编辑，确保了本书中所有的代码和示例都能正常工作并且浅显易懂。感谢Kevin Cannon在很多方面为我提供了设计人员的视角。
　　

.　　有很多工具可以用来解决这些问题。可以通过颜色、形状、纹理、3D效果还有动画来达到引导的效果。对于任意一种工具，只有在正确的时机和正确的位置使用才能起到辅助效果，所以，这就需要用户界面设计的相关技能了。
　　让我们看两款Android应用。Google的Play Books是一款电子书阅读器应用。用户在脑海中对如何阅读图书产生了一幅极富冲击力的画面，并且这款应用通过用手指滑过页面的变换动画帮助用户确定他们的心智模型。图1-1～图1-3展示了变换动画的几帧。
　　图1-1用户开始用手指滑过
　　页面
　　资料来源：Google公司
　　图1-2用户继续这个滑动的
　　手势
　　资料来源：Google公司
　　图1-3用户完成了滑动手势
　　资料来源：Google公司
　　在另一个例子中（见图1-4），这款Gigbeat应用为用户提供了细致的视觉线索，帮助用户了解用户界面如何工作，所以用户形成了与产品一致的心智模型。在Gigbeat应用中的巡回演出界面上，你能看到乐队的部分简介图片。所选内容的旁边又显露出部分内容，这很容易让用户联想到如果想要看到更多内容，可以往那个方向移动。在一个触摸型的界面上，导航通常借助于滑动或者轻击来完成。
　　1.2.2平台一致性和用户期望
　　现在面临的一个额外的巨大挑战是：每个用户都会形成与众不同的心智模型，而且他们所期待的内容也有所不同。部分用户对一些用户界面非常熟悉，而另一部分却从来没有见过这些用户界面。用户来自不同的文化环境并拥有各异的背景。他们在软件和软件平台方面具备不同的经验。比如，Mac的一位终身用户与Windows的一位终身用户对于同一款用户界面的期望肯定是不一样的。
　　比如，Microsoft Windows用户期望双击窗口的标题来最大化窗口。这个功能并不直观，但是用户已经学会使用这种功能并且现在很依赖这个功能。因此，维持一个平台内应用程序功能的一致性相当重要。
　　小贴士：用户期望是心智模型构建过程中非常重要的一部分。如果你的应用参考了所有平台的指南，那么将极大降低用户抵触应用的可能性。
　　让我们看几个有关用户界面约定的例子。通过约定可以让用户更轻松地操作应用，因为这些约定在Android平台上已经广泛使用。图1-5和图1-6展示了两款选项卡式的用户界面。与其他平台相比，Android平台的选项卡拥有截然不同的外观和感觉。差异化的外观是件好事，因为Android平台上的选项卡与其他平台的选项卡在功能上也略有不同。在Android平台上，选项卡之间切换的主要方法是滑动手势，当然在选项卡上轻击也有同样的效果。基于平台的一致性，用户已经了解了这个功能，所以不需要你做额外的设计来解释它。
　　另外一个有助于应用设计的平台一致性例子是Android的菜单功能。如果应用拥有非常多的菜单选项以致超出了显示屏幕，可以使用Android操作栏扩展（overfww）菜单。扩展菜单使用三个垂直排列的点（见图1-7和图1-8）。用户了解这个图标代表的意义，虽然对于非Android用户来说这个图标可能并不明显。在本书的后续部分，你将会更深入地了解不同的Android用户界面约定和组件。
　　图1-5Android联系人应用拥有选项卡式用户界面，选项卡之间可以通过滑动手势导航
　　资料来源：Android
　　图1-6Android拨号应用同样使用了类似的选项卡式用户界面，它允许使用滑动手势作为主要的导航方法
　　资料来源：Android
　　图1-7Google+应用使用扩展菜单来展示菜单项，这样就不会使菜单充斥整个屏幕
　　资料来源：Google公司
　　1.3为用户设计
　　制作合格的用户界面来支持用户心智模型的构建，需要将用户放在设计过程的中心。应用设计必须始于用户需求，并自始至终都要把重点放在用户身上。在软件行业中，以用户为中心的设计（User Centered Design，UCD）这个术语经常被提及，但它到底是什么意思呢？如何将用户置于设计工作的中心？
　　本节介绍以用户为中心的设计的一些基本概念，并讨论一些重要的术语。对于任何一个项目的成功来讲，以用户为中心的思想都相当重要。这里介绍的概念对于任何一个项目来说都适用。以用户为中心的设计这个主题非常庞大，市面上有很多书来阐述这个话题。所以你可以通过很多方式来加深对这个主题的理解。我希望这里介绍的内容能激发你对这个主题的兴趣，并且鼓励你从著作和网络中获取更多的信息和不同的观点。
　　1.3.1用户目标
　　用户并非单纯地想要使用你的应用，他们想借此应用完成某些事。他们有类似于“记得在明天下班的路上买牛奶”或者“买一台Android平板电脑”这样的目标。用户会根据应用帮助他们实现目标的情况来评价应用。如果你的用户界面能辅助他们实现目标，他们会很高兴。
　　我们从更深的层次审视用户目标。什么是用户目标以及什么不是用户目标？简而言之，一个用户目标就是用户想要完成的事，但是没有描述任何与应用相关的功能。比如，“用户想要保存一份文档”，这不是一个用户目标，用户从来不想保存任何东西。当用户想要再次使用文档的时候，他们希望文档还在那里。这个目标可以通过保存功能来实现，但这并不是唯一选择。
　　对于一些拥有技术背景的人来说，用户目标类似于用例（use case）。一个用例描述了用户单次使用应用时的场景。用户目标描述了用户为什么想要这么做。
　　表1-1展示了如何通过虚构的校园计划应用来确定用户目标的一些例子。表1-1包括糟糕的用户目标以及糟糕的原因，同时，也包括与情景一致并且正确格式化的用户目标。注意，好与坏的区别非常微妙，但是糟糕的用户目标可能会导致设计人员和开发人员提前思考产品特点和某些用户界面解决方案。
　　表1-1虚构的校园计划应用的用户目标案例
　　不是一个用户目标 对应的用户目标
　　用户想要保存一份文档（暗示功能） 过一会儿用户想要工作的时候，用户想继续操作刚才的那份文档
　　当收到新邮件时，用户想要获得通知（暗示功能） 用户想要知道新邮件何时到达
　　用户想要打开日历查看演讲时间（太简单） 用户想要知道指定的演讲何时开始
　　用户想要看到日历（太抽象） 包含多个用户目标
　　用户想通过搜索来查找一场演讲（描述功能） 也许包含多个用户目标，其中之一是用户想要知道某人是否参加了某场演讲
　　用户想要在日历中增加新的提醒（描述功能） 用户需要记住约会的开始时间
　　1.3.2不要谈论特性
　　首先要做的就是改变谈论软件项目的语言和术语。你必须停止谈论产品特性并且开始谈论用户的需求。避免通过撞大运的方式完成用户界面设计。如果软件仍处于概念设计阶段，就开始谈论软件的特性和软件的工作原理，那你需要后退一步。首先需要满足用户的需求。注意避免类似这样的措辞，比如，“喂，我们应该在这里加个‘保存’按钮！”这句话可能造成的后果就是：没用的用户界面或者让用户感到迷惑的用户界面。首先要考虑用户需求！
　　1.3.3确定用户目标
　　开始考虑应用特性和应用设计之前，你应该有个用户目标列表，这说起来容易，但是列表从何而来？
　　用户目标应该源自用户调研、领域内的专业知识和对应用试图去解决问题的理解。用户调研有时候不容易实现或者不灵活，你不得不依赖更多的非正式方式。考虑通过用Google Talk和Facebook做一些专门的用户调研。
　　开始一个有价值讨论的前提是写下你认为最重要的用户目标。初始目标列表是极具价值的工具，尤其是当你正在构建一款面向消费者的应用时。一份完整的用户目标列表是对产品功能点非技术性的描述。不需要技术知识或者冗长的文档就可以很轻松地进行讨论。一个用户目标是一两句话或一个问题，例如，“这对你是否重要？”
　　为了创建用户目标列表，基于你的专业经验简单地记录你的思考过程非常重要。然后与消费者、领域专家、用户以及你觉得有帮助的任何人交流。接着你要重新组织、重写、重新排列目标列表的优先级。在这个过程的最后，你将会获得一些总结，描述通过使用你的应用，用户会完成什么目标，即使这个时候，一个产品特性都还没有开始设计。
　　1.3.4从目标到特性
　　理解易用性重要的一点就是应用特性该如何与用户目标相关联。任何一款应用的每一个功能都应该为了满足用户的需求而设定。不考虑用户目标而草率地添加产品特性很容易产生令人困惑的用户界面，并且可能花费大量时间构建了将永远不会使用的特性。
　　理论上，一个应用的每个产品特性应该能追溯到一个用户目标（见图1-9）。实际情况并不总是这样，但对于一个团队来说这应该是一个争取实现的目标。不考虑用户目标而添加的产品特性会导致应用功能蔓延。增加更多的产品特点并不能让产品变得更好，尤其是那些没有经过深思熟虑的产品特性。基本上任意一款办公产品套件都是功能蔓延的绝佳例子。多年来，办公产品套件不断地在已有的产品特性上堆砌新的产品特性，现在使用那些应用都需要经过专门训练。
　　图1-9在应用开发的最后，任何一个产品特性都应该与用户目标相对应
　　1.4没有应用无所不精，选择适合自己的领域
　　不要尝试做所有的事。从关键的用户目标开始，然后从这些目标往外延伸。完美契合一小部分用户目标的应用，远远好于想要完成拥有诸多功能却粗制滥造的应用。在项目开始的时候，记下你的应用程序要做什么，尤其是不做什么。
　　例如，如果你正在开发一款随手记应用，决定这个随手记应用属于哪个类别，它是否也是一个待办事项管理器或者文字处理程序？一款应用无法承载所有的功能。如果你决定它不是，这款应用就不应该是一个文字处理程序，把这个信息记录下来。你不用给那些想通过你的应用写一本书的人提供支持。你的应用会帮助人们做简单的笔记。这类决定会帮助你集中精力处理关键问题，并且帮助你开发一款支持用户关键目标的特定应用。制作一个类似图1-10的列表，向整个团队的成员以及其他利益相关者说清楚，你将要做什么以及不会做什么。
　　小贴士：决定不做什么和决定做什么一样重要。
　　1.5你是专家，用户不是设计师
　　总会有一些人想要告诉你，你的应用应该具备什么功能。用户反馈通常充斥着各种产品需求。不要总假设他们是对的，但也不要忽略他们。随意地实现用户要求的功能将会导致应用过分庞杂无法控制。相反，应当尝试弄清楚每个用户需求背后的用户目标，然后决定你的应用是否支持这个用户目标，如果决定支持，那么开始设计最好的用户界面。不要让用户来设计用户界面，你才是专家。
　　这里引用Henry Ford的一条经典语录：“如果我问大家你们想要什么，他们会说我想要更快的马。”当你向用户直接提出关于功能的问题时，这句话很好地概括了用户此时心中所想。始终询问用户他们想干什么，而不是他们想要什么。在这个例子里，问题是“你想干什么”，答案应该类似于想要从A点更快到达B点这样的回答。富有远见的设计师获得这个信息后，开始为这个问题寻找更好的解决方案（汽车）而不是显而易见的解决方案（一匹更快的马）。
　　1.6了解用户，为普通人设计
　　你不是自己开发的应用的用户，实现你喜欢的产品特性时要当心。不要仅仅基于之前的评估、自己或者同事的想法来制作用户界面。
　　弄清楚应用的目标群体有哪些，这一点非常重要。不同的人希望拥有的功能各不相同，同时也需要有不同的用户界面。有时你已经知道了目标群体，但多数情况下，你需要做大量的工作来弄清楚这一点。人们倾向于回答想让所有人都使用他们的软件。即使你非常想让每个人都用你的软件，但是为每个人设计是不可能的。你需要确定你的主要用户群体并且专注于他们的目标。
　　1.6.1使用人物角色
　　确认并与你的用户群体交流并不容易，使用人物角色（personas）能够帮到你。一个人物角色是一个虚拟的人，是你目标用户群体的缩影。你也可以认为，人物角色就是抽象用户群体的一个实例。创造一个人物角色就像为一个剧本创造角色。在这里，剧本就是你的应用，这个角色就是应用的用户之一。
　　如果可能，你的角色应该基于用户调研。写下你最佳的猜测并与消费者和其他领域专家探讨，这可以让你获得足够的信息来创建一套良好的人物角色。
　　小贴士：不要使用来自任何真实人物的信息。谈论虚拟的人要比谈论真实的人简单得多。你也无意冒犯任何一个参与用户调研的好人。
　　你不需要为将会使用应用的每一个用户创建人物角色。每一个人物角色都代表一类真实的用户群体。平均每款移动应用大约需要3～7个人物角色。
　　每一个人物角色都应该具备下面的信息（参见图1-11中人物角色的一个例子）。
　　图1-11人物角色的一个例子
　　资料来源：http://www.flickr.com/photos/yuri-samoliov/4105603525/版权Yuri Samoilov
　　虚构的姓名（如果你很难为角色起名，那就去互联网上找一个随机姓名生成器）；
　　一张人物相片；
　　一段包含年龄、性别、教育程度等信息的简介；
　　人物角色拥有的与你的应用领域相关的关键用户目标列表；
　　优先级，用来描述人物角色目标在应用制作过程中的重要性。
　　一旦你将人物角色都展示出来，将会得到一份完整而具体的目标用户图。你不必将用户想象成抽象的原型，相反他们是有名字和个性的人。你可以使用人物角色来模拟应用的功能，同时，也可以决定哪些用户对你的商业目标非常重要，哪些用户对商业目标不重要。
　　现在你拥有人物角色和用户目标。使用它们！如果它有用，打印人物角色描述并挂在办公室的墙壁上，提醒你和团队这些人将要使用你的应用。
　　1.6.2进入用户的大脑
　　一旦你完成人物角色构建并确定用户目标，此时你已经处于一个有利地位，可以开始思考产品特点和设计的问题了。你希望充分了解这款应用能做什么以及谁是这款应用的用户。整个团队及利益相关者对想要达成什么目标统一了意见。现在你要做的就是开展实际设计工作。如果我说这一部分工作相当简单，那么我肯定是在撒谎。设计和开发是最困难的工作。
　　搭建信息架构和视觉设计来迎合用户目标。确保所有重要的用户目标在你的设计里都能轻松实现。不断使用人物角色的思想来检验你的设计工作，利用用户目标在大脑中模拟应用。问一些类似这样的问题：“某个角色能明白这点吗？”和“此角色在这种情景下会怎么做？”在考虑如何使用这款应用的时候，应该根据用户的思维来思考。用这种方法就可以避免设计这款应用是为了自己使用。
　　在设计过程中，总会冒出一些出色的点子，即便这些功能既不符合人物角色的需要，也没有用户目标与之对应，但仍不失为一个好点子。小心处理这种情况。有时候这些想法能带来真正的创新，值得追求。每当遇到不符合用户目标的特性时，需要极其慎重地评估这个特性。
　　1.7总结
　　实际设计工作需要大量经验和技巧。本书后面的章节将会讨论Android平台的设计以及关于这个平台你需要了解的知识。本书探讨了特定平台的问题和机遇，阐述了什么是可能的以及什么难以实现。本书还谈论了一些工具，这些工具类似于原型设计和Android用户界面设计模式，利用这些工具能够让你更精准地把握设计细节。
　　打造良好的用户体验非常重要的一部分就是了解用户如何思考。一旦你可以从用户的角度出发，或者了解他们如何思考，就会在用户界面设计方面处于有利地位。
　　如果你花费了大量的时间来做用户调研和设计，那么这将在整个应用的制作过程中起到事半功倍的效果。做大量的调查，从亲朋好友那里收集信息。确保你了解谁是你的用户以及他们想要做什么。确保团队明白哪些用户目标最重要，哪些人物角色的优先级最高。