目前,谷歌Android 操作系统在移动市场中风头正劲,并且未来发展势不可挡。本书面向Android 4.0+操作系统,是市面上第一本深入解析Android 界面设计的佳作。本书从适用于移动设备和平板的通用模式以及Android UI 设计指南出发,深入探讨了58 种重要的Android 交互设计模式及其应用。每种模式登场之前,先用基本知识铺路,接着展示常见的设计陷阱和欠佳的设计模式,最后对这些模式进行改进,从而打造卓越的交互设计以及直观的信息架构。 本书可满足移动设计人员和开发人员的需求,帮助他们轻松成为移动用户体验设计高手。
作者简介 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
|