Android应用UI设计模式

内容概要

Greg Nudelman 是DesignCaffeine公司CEO兼移动体验策略师，具有15年的移动体验从业经验，曾为eBay、WebEx、Wells Fargo、PayPal、Safeway、Cisco、IBM、The Associated Press和Groupo n等财富500强企业，以及非盈利性组织和创业公司实现跨平台的数字体验，受到数百万客户的好评。Greg还是很多著名用户体验设计图书的作者，其中包括Designing Search: UX Strategies for eCommerce Success。

书籍目录

第一部分　用户体验原则和Android特色

第1章　向Android迁移（案例）　　2

1.1 　启动图标　　2

1.2 　操作栏与信息架构　　3

1.2.1 　重新设计前　　3

1.2.2 　重新设计后　　5

1.3 　选项卡　　8

1.4 　专用选择页　　8

1.5 　选择控件　　9

1.5.1 　重新设计前　　9

1.5.2 　重新设计后　　10

1.6 　按钮　　10

1.7 　搜索结果屏幕　　11

1.7.1 　重新设计前　　11

1.7.2 　重新设计后　　12

1.8 　结果详情屏幕　　13

1.8.1 　重新设计前　　13

1.8.2 　重新设计后　　14

1.9 　最终结果　　16

第2章　Android的特色　　19

2.1 　这里是平面国　　19

2.2 　轻按任何地方　　21

2.3 　适合各种设备　　22

2.4 　摆脱空间限制　　24

2.5 　大局着眼，小处着手　　27

第3章　Android分散化　　31

3.1 　何谓分散化　　31

3.2 　花无百日红　　31

3.3 　Android设备类型　　32

3.3.1 　紧凑型手机　　32

3.3.2 　全尺寸移动手机　　33

3.3.3 　平板手机　　34

3.3.4 　小型平板　　35

3.3.5 　大型平板　　37

3.4 　为分散化而歌　　39

第4章　移动设计流程　　40

4.1 　现场观察用户如何与移动设备交互　　40

4.2 　原型设计方法必须考虑尺寸因素　　40

4.3 　用户测试必须涵盖运动、声音和多点触控等方面　　41

4.4 　触控界面必须既简约又精巧　　41

4.5 　愉悦不可或缺　　41

4.6 　讲述完整的故事——为跨界而设计　　42

4.7 　移动设计案例研究　　42

4.7.1 　第1步：范围、概念和规划　　42

4.7.2 　第2步：设计研讨会　　44

4.7.3 　第3步：使用便利贴做RITE调查　　45

4.7.4 　第4步：视觉设计　　48

第二部分　Android 设计模式与反模式

第5章　欢迎体验　　50

5.1 　最终用户许可协议（反模式）　　50

5.1.1 　出现的时间和场合　　50

5.1.2  　示例　　50

5.1.3  　为何要避免　　52

5.1.4  　其他考虑因素　　52

5.2 　联系障碍（反模式）　　52

5.2.1 　出现的时间和场合　　52

5.2.2 　示例　　53

5.2.3 　为何要避免　　54

5.2.4 　其他考虑因素　　54

5.3 　注册（反模式）　　55

5.3.1 　出现的时间和场合　　55

5.3.2 　示例　　55

5.3.3 　为何要避免　　56

5.3.4 　其他考虑因素　　56

5.4 　欢迎动画　　57

5.4.1 　工作原理　　57

5.4.2 　示例　　57

5.4.3 　使用的时机和场合　　58

5.4.4 　使用的原因　　58

5.4.5 　其他用途　　58

5.4.6 　Pet Shop应用　　58

5.4.7 　平板应用　　59

5.5 　使用说明　　59

5.5.1 　工作原理　　59

5.5.2 　示例　　59

5.5.3 　使用的时机和场合　　61

5.5.4 　使用的原因　　61

5.5.5 　其他用途　　61

5.5.6 　Pet Shop应用　　62

5.5.7 　平板应用　　62

第6章　主屏幕　　63

6.1 　链接列表　　63

6.1.1 　工作原理　　63

6.1.2 　示例　　63

6.1.3 　使用的时机和场合　　65

6.1.4 　使用的原因　　65

6.1.5 　其他用途　　65

6.1.6 　Pet Shop应用　　66

6.1.7 　平板应用　　66

6.2 　仪表板　　66

6.2.1 　工作原理　　67

6.2.2 　示例　　67

6.2.3 　使用的时机和场合　　67

6.2.4 　使用的原因　　68

6.2.5 　Pet Shop应用　　68

6.2.6 　平板应用　　69

6.3 　更新　　69

6.3.1 　工作原理　　69

6.3.2 　示例　　69

6.3.3 　使用的时机和场合　　70

6.3.4 　使用的原因　　70

6.3.5 　其他用途　　71

6.3.6 　Pet Shop应用　　71

6.3.7 　平板应用　　72

6.4 　浏览　　72

6.4.1 　工作原理　　72

6.4.2 　示例　　73

6.4.3 　使用的时机和场合　　74

6.4.4 　使用的原因　　74

6.4.5 　其他用途　　74

6.4.6 　Pet Shop应用　　75

6.4.7 　平板应用　　76

6.5 　地图　　76

6.5.1 　工作原理　　76

6.5.2 　示例　　76

6.5.3 　使用的时机和场合　　77

6.5.4 　使用的原因　　77

6.5.5 　其他用途　　77

6.5.6 　Pet Shop应用　　78

6.5.7 　平板应用　　79

6.6 　历史记录　　80

6.6.1 　工作原理　　80

6.6.2 　示例　　80

6.6.3 　使用的时机和场合　　80

6.6.4 　使用的原因　　81

6.6.5 　其他用途　　81

6.6.6 　Pet Shop应用　　82

6.6.7 　平板应用　　83

第7章　搜索　　84

7.1 　语音搜索　　84

7.1.1 　工作原理　　84

7.1.2 　示例　　84

7.1.3 　使用的时机和场合　　85

7.1.4 　使用的原因　　86

7.1.5 　其他用途　　86

7.1.6 　Pet Shop应用　　87

7.1.7 　平板应用　　87

7.2 　自动完成与自动建议　　89

7.2.1 　工作原理　　89

7.2.2 　示例　　89

7.2.3 　使用的时机和场合　　90

7.2.4 　使用的原因　　90

7.2.5 　其他用途　　91

7.2.6 　Pet Shop应用　　91

7.2.7 　平板应用　　92

7.3 　轻按优先　　93

7.3.1 　工作原理　　93

7.3.2 　示例　　94

7.3.3 　使用的时机和场合　　94

7.3.4 　使用的原因　　94

7.3.5 　其他用途　　95

7.3.6 　Pet Shop应用　　95

7.3.7 　平板应用　　95

7.4 　拖动刷新　　96

7.4.1 　工作原理　　96

7.4.2 　示例　　96

7.4.3 　使用的时机和场合　　97

7.4.4 　使用的原因　　97

7.4.5 　其他用途　　97

7.4.6 　Pet Shop应用　　97

7.4.7 　平板应用　　97

7.5 　从菜单搜索　　98

7.5.1 　工作原理　　98

7.5.2 　示例　　98

7.5.3 　使用的时机和场合　　99

7.5.4 　使用的原因　　99

7.5.5 　其他用途　　99

7.5.6 　Pet Shop应用　　99

7.5.7 　平板应用　　100

7.6 　从操作栏搜索　　100

7.6.1 　工作原理　　101

7.6.2 　示例　　101

7.6.3 　使用的时机和场合　　102

7.6.4 　使用的原因　　102

7.6.5 　其他用途　　102

7.6.6 　Pet Shop应用　　103

7.6.7 　平板应用　　103

7.7 　专用搜索　　104

7.7.1 　工作原理　　104

7.7.2 　示例　　104

7.7.3 　使用的时机和场合　　105

7.7.4 　使用的原因　　105

7.7.5 　其他用途　　105

7.7.6 　Pet Shop应用　　105

7.7.7 　平板应用　　106

7.8 　在内容页面中搜索　　106

7.8.1 　工作原理　　106

7.8.2 　示例　　106

7.8.3 　使用的时机和场合　　107

7.8.4 　使用的原因　　107

7.8.5 　其他用途　　107

7.8.6 　Pet Shop应用　　108

7.8.7 　平板应用　　108

7.9 　搜索与细化分离（反模式）　　109

7.9.1 　出现的时间和场合　　109

7.9.2 　示例　　109

7.9.3 　为何要避免　　110

7.9.4 　其他考虑因素　　110

第8章　排序和筛选　　112

8.1 　残缺的细化（反模式）　　112

8.1.1 　出现的时机和场合　　112

8.1.2 　示例　　112

8.1.3 　为何要避免　　114

8.2 　细化页面　　115

8.2.1 　工作原理　　115

8.2.2 　示例　　115

8.2.3 　使用的时机和场合　　118

8.2.4 　使用的原因　　118

8.2.5 　其他用途　　118

8.2.6 　Pet Shop应用　　119

8.2.7 　平板应用　　119

8.3 　筛选带　　120

8.3.1 　工作原理　　120

8.3.2 　示例　　120

8.3.3 　使用的时机和场合　　121

8.3.4 　使用的原因　　121

8.3.5 　其他用途　　121

8.3.6 　Pet Shop应用　　122

8.3.7 　平板应用　　123

8.4 　并行架构　　123

8.4.1 　工作原理　　124

8.4.2 　示例　　124

8.4.3 　使用的时机和场合　　125

8.4.4 　使用的原因　　125

8.4.5 　其他用途　　125

8.4.6 　Pet Shop应用　　125

8.4.7 　平板应用　　126

8.5 　选项卡　　129

8.5.1 　工作原理　　129

8.5.2 　示例　　129

8.5.3 　使用的时机和场合　　131

8.5.4 　使用的原因　　131

8.5.5 　其他用途　　131

8.5.6 　Pet Shop应用　　132

8.5.7 　平板应用　　133

第9章　避免无结果或无关结果　　136

9.1 　不指出系统状态（反模式）　　136

9.1.1 　出现的时机和场合　　136

9.1.2 　示例　　136

9.1.3 　为何要避免　　137

9.1.4 　其他考虑因素　　138

9.2 　低效界面（反模式）　　138

9.2.1 　出现的时机和场合　　138

9.2.2 　示例　　138

9.2.3 　其他考虑因素　　139

9.3 　无用控件（反模式）　　139

9.3.1 　出现的时机和场合　　139

9.3.2 　示例　　139

9.3.3 　为何要避免　　140

9.4 　你要找的是不是……　　140

9.4.1 　工作原理　　140

9.4.2 　示例　　141

9.4.3 　使用的时机和场合　　141

9.4.4 　使用的原因　　142

9.4.5 　其他用途　　142

9.4.6 　Pet Shop应用　　142

9.4.7 　平板应用　　142

9.5 　部分匹配　　143

9.5.1 　工作原理　　143

9.5.2 　示例　　143

9.5.3 　使用的时机和场合　　145

9.5.4 　使用的原因　　145

9.5.5 　其他用途　　145

9.5.6 　Pet Shop应用　　145

9.5.7 　平板应用　　145

9.6 　本地结果　　146

9.6.1 　工作原理　　146

9.6.2 　示例　　146

9.6.3 　使用的时机和场合　　147

9.6.4 　使用的原因　　147

9.6.5 　其他用途　　147

9.6.6 　Pet Shop应用　　148

9.6.7 　平板应用　　149

第10章　数据输入　　150

10.1 　滑块　　150

10.1.1 　工作原理　　150

10.1.2 　示例　　150

10.1.3 　使用的时机和场合　　151

10.1.4 　使用的原因　　151

10.1.5 　其他用途　　152

10.1.6 　Pet Shop应用　　152

10.1.7 　平板应用　　153

10.2 　步进器　　155

10.2.1 　工作原理　　155

10.2.2 　示例　　155

10.2.3 　使用的时机和场合　　156

10.2.4 　使用的原因　　156

10.2.5 　其他用途　　156

10.2.6 　Pet Shop应用　　157

10.2.7 　平板应用　　159

10.3 　可滚动的日历　　159

10.3.1 　工作原理　　159

10.3.2 　示例　　159

10.3.3 　使用的时机和场合　　160

10.3.4 　使用的原因　　160

10.3.5 　其他用途　　160

10.3.6 　Pet Shop应用　　161

10.3.7 　平板应用　　161

10.4 　日期与时间选择器　　163

10.4.1 　工作原理　　163

10.4.2 　示例　　163

10.4.3 　使用的时机和场合　　166

10.4.4 　使用的原因　　166

10.4.5 　其他用途　　166

10.4.6 　Pet Shop应用　　167

10.4.7 　平板应用　　168

10.5 　下拉列表　　170

10.5.1 　工作原理　　170

10.5.2 　示例　　170

10.5.3 　使用的时机和场合　　172

10.5.4 　使用的原因　　172

10.5.5 　其他用途　　172

10.5.6 　Pet Shop应用　　173

10.5.7 　平板应用　　173

10.6 　多选　　174

10.6.1 　工作原理　　174

10.6.2 　示例　　174

10.6.3 　使用的时机和场合　　175

10.6.4 　使用的原因　　175

10.6.5 　其他用途　　175

10.6.6 　Pet Shop应用　　176

10.6.7 　平板应用　　177

10.7 　自由文本输入与提取　　177

10.7.1 　工作原理　　178

10.7.2 　示例　　178

10.7.3 　使用的时机和场合　　179

10.7.4 　使用的原因　　179

10.7.5 　其他用途　　179

10.7.6 　Pet Shop应用　　179

10.7.7 　平板应用　　179

10.8 　带输入掩码的文本框　　182

10.8.1 　工作原理　　183

10.8.2 　示例　　183

10.8.3 　使用的时机和场合　　185

10.8.4 　使用的原因　　185

10.8.5 　其他用途　　185

10.8.6 　Pet Shop应用　　186

10.8.7 　平板应用　　186

10.9 　带原子实体的文本框　　189

10.9.1 　工作原理　　189

10.9.2 　示例　　189

10.9.3 　使用的时机和场合　　189

10.9.4 　使用的原因　　190

10.9.5 　其他用途　　191

10.9.6 　Pet Shop应用　　191

10.9.7 　平板应用　　192

第11章　表单　　193

11.1 　内嵌式错误消息　　193

11.1.1 　工作原理　　193

11.1.2 　示例　　193

11.1.3 　使用的时机和场合　　195

11.1.4 　使用的原因　　195

11.1.5 　其他用途　　195

11.1.6 　Pet Shop应用　　196

11.1.7 　平板应用　　197

11.2 　提示框　　198

11.2.1 　工作原理　　198

11.2.2 　示例　　198

11.2.3 　使用的时机和场合　　200

11.2.4 　使用的原因　　200

11.2.5 　其他用途　　200

11.2.6 　Pet Shop应用　　201

11.2.7 　平板应用　　201

11.3 　弹出框　　203

11.3.1 　工作原理　　203

11.3.2 　示例　　203

11.3.3 　使用的时机和场合　　205

11.3.4 　使用的原因　　205

11.3.5 　其他用途　　205

11.3.6 　Pet Shop应用　　206

11.3.7 　平板应用　　207

11.4 　回调验证　　210

11.4.1 　工作原理　　210

11.4.2 　示例　　210

11.4.3 　使用的时机和场合　　211

11.4.4 　使用的原因　　211

11.4.5 　其他用途　　211

11.4.6 　Pet Shop应用　　211

11.4.7 　平板应用　　212

11.5 　取消/确定　　212

11.5.1 　工作原理　　212

11.5.2 　示例　　212

11.5.3 　使用的时机和场合　　214

11.5.4 　使用的原因　　215

11.5.5 　其他用途　　215

11.5.6 　Pet Shop应用　　217

11.5.7 　平板应用　　217

11.6 　上方标签　　221

11.6.1 　工作原理　　221

11.6.2 　示例　　221

11.6.3 　使用的时机和场合　　222

11.6.4 　使用的原因　　222

11.6.5 　其他用途　　224

11.6.6 　Pet Shop应用　　224

11.6.7 　平板应用　　225

11.7 　从环境获取输入　　227

11.7.1 　工作原理　　227

11.7.2 　示例　　227

11.7.3 　使用的时机和场合　　231

11.7.4 　使用的原因　　231

11.7.5 　其他用途　　231

11.7.6 　Pet Shop应用　　233

11.7.7 　平板应用　　233

11.8 　输入加速　　234

11.8.1 　工作原理　　234

11.8.2 　示例　　234

11.8.3 　使用的时机和场合　　235

11.8.4 　使用的原因　　235

11.8.5 　其他用途　　235

11.8.6 　Pet Shop应用　　235

11.8.7 　平板应用　　236

第12章　移动银行　　238

12.1 　登录加速器　　238

12.1.1 　工作原理　　238

12.1.2 　示例　　238

12.1.3 　使用的时机和场合　　241

12.1.4 　使用的原因　　241

12.1.5 　其他用途　　242

12.1.6 　Pet Shop应用　　243

12.1.7 　平板应用　　244

12.2 　专用选择页面　　245

12.2.1 　工作原理　　245

12.2.2 　示例　　246

12.2.3 　使用的时机和场合　　246

12.2.4 　使用的原因　　246

12.2.5 　其他用途　　247

12.2.6 　Pet Shop应用　　247

12.2.7 　平板应用　　248

12.3 　表单至上　　249

12.3.1 　工作原理　　249

12.3.2 　示例　　249

12.3.3 　使用的时机和场合　　250

12.3.4 　使用的原因　　250

12.3.5 　其他用途　　250

12.3.6 　Pet Shop应用　　250

12.3.7 　平板应用　　251

12.4 　专用页面向导　　251

12.4.1 　工作原理　　251

12.4.2 　示例　　252

12.4.3 　使用的时机和场合　　253

12.4.4 　使用的原因　　253

12.4.5 　其他用途　　253

12.4.6 　Pet Shop应用　　254

12.4.7 　平板应用　　255

12.5 　以表单结尾的向导　　255

12.5.1 　工作原理　　255

12.5.2 　示例　　255

12.5.3 　使用的时机和场合　　256

12.5.4 　使用的原因　　256

12.5.5 　其他用途　　257

12.5.6 　Pet Shop应用　　257

12.5.7 　平板应用　　258

12.6 　核对?确认　　260

12.6.1 　工作原理　　260

12.6.2 　示例　　260

12.6.3 　使用的时机和场合　　261

12.6.4 　使用的原因　　261

12.6.5 　其他用途　　261

12.6.6 　Pet Shop应用　　262

12.6.7 　平板应用　　262

12.7 　近场通信　　263

12.7.1 　工作原理　　263

12.7.2 　示例　　263

12.7.3 　使用的时机和场合　　266

12.7.4 　使用的原因　　266

12.7.5 　其他用途　　267

12.7.6 　Pet Shop应用　　267

12.7.7 　平板应用　　268

第13章　导航　　270

13.1 　上窜下跳（反模式）　　270

13.1.1 　出现的时间和场合　　270

13.1.2 　示例　　270

13.1.3 　为何要避免　　271

13.1.4 　其他考虑因素　　271

13.1.5 　出现的时间和场合　　271

13.2 　多个推荐区域（反模式）　　272

13.2.1 　出现的时间和场合　　272

13.2.2 　示例　　272

13.2.3 　为何要避免　　273

13.2.4 　其他考虑因素　　273

13.3 　轮播　　274

13.3.1 　工作原理　　274

13.3.2 　示例　　274

13.3.3 　使用的时机和场合　　275

13.3.4 　使用的原因　　275

13.3.5 　其他用途　　275

13.3.6 　Pet Shop应用　　276

13.3.7 　平板应用　　276

13.4 　弹出式菜单　　279

13.4.1 　工作原理　　279

13.4.2 　示例　　279

13.4.3 　使用的时机和场合　　281

13.4.4 　使用的原因　　281

13.4.5 　其他用途　　281

13.4.6 　Pet Shop应用　　282

13.4.7 　平板应用　　283

13.5 　水印　　285

13.5.1 　工作原理　　285

13.5.2 　示例　　286

13.5.3 　使用的时机和场合　　287

13.5.4 　使用的原因　　287

13.5.5 　其他用途　　287

13.5.6 　Pet Shop应用　　287

13.5.7 　平板应用　　288

13.6 　瑞士军刀导航　　290

13.6.1 　工作原理　　290

13.6.2 　示例　　290

13.6.3 　使用的时机和场合　　293

13.6.4 　使用的原因　　293

13.6.5 　其他用途　　294

13.6.6 　Pet Shop应用　　297

13.6.7 　平板应用　　298

13.7 　集成　　299

13.7.1 　工作原理　　300

13.7.2 　示例　　300

13.7.3 　使用的时机和场合　　300

13.7.4 　使用的原因　　301

13.7.5 　其他用途　　301

13.7.6 　Pet Shop应用　　303

13.7.7 　平板应用　　303

第14章　平板模式　　306

14.1 　片段　　306

14.1.1 　工作原理　　306

14.1.2 　示例　　306

14.1.3 　使用的时机和场合　　307

14.1.4 　使用的原因　　308

14.1.5 　其他用途　　308

14.2 　复合视图　　308

14.2.1 　工作原理　　308

14.2.2 　示例　　308

14.2.3 　使用的时机和场合　　309

14.2.4 　使用的原因　　309

14.2.5 　其他用途　　309

14.3 　侧面导航（试验模式）　　310

14.3.1 　工作原理　　310

14.3.2 　示例　　311

14.3.3 　使用的时机和场合　　312

14.3.4 　使用的原因　　313

14.3.5 　其他用途　　313

14.4 　将内容用作导航元素　　314

14.4.1 　工作原理　　314

14.4.2 　示例　　314

14.4.3 　使用的时机和场合　　316

14.4.4 　使用的原因　　316

14.4.5 　其他用途　　316

14.5 　二维更多类似　　317

14.5.1 　工作原理　　317

14.5.2 　示例　　317

14.5.3 　使用的时机和场合　　318

14.5.4 　使用的原因　　318

14.5.5 　其他用途　　318

14.6 　C形轻扫（试验模式）　　319

14.6.1 　工作原理　　320

14.6.2 　示例　　320

14.6.3 　使用的时机和场合　　321

14.6.4 　使用的原因　　321

14.6.5 　其他用途　　321

作者简介

目前，谷歌Android 操作系统在移动市场中风头正劲，并且未来发展势不可挡。本书面向Android 4.0+操作系统，是市面上第一本深入解析Android 界面设计的佳作。本书从适用于移动设备和平板的通用模式以及Android UI 设计指南出发，深入探讨了58 种重要的Android 交互设计模式及其应用。每种模式登场之前，先用基本知识铺路，接着展示常见的设计陷阱和欠佳的设计模式，最后对这些模式进行改进，从而打造卓越的交互设计以及直观的信息架构。

本书可满足移动设计人员和开发人员的需求，帮助他们轻松成为移动用户体验设计高手。

 Android应用UI设计模式下载 精选章节试读 更多精彩书评