具体描述
在成千上万的移动应用中,如何使你的应用脱颖而出,立即吸引住用户,本书提供了非常实用的技巧,可以帮助你设计优秀的移动应用界面。通过阅读本书,你将了解用户界面设计的核心法则,以及一系列移动设备上常见的交互设计模式。
本书的两位作者是移动设备领域的设计专家,他们经过多年的研究和实践,总结并提出了76个设计模式,包括页面布局、信息呈现、控制与确认、深层获取、标注与指示符、信息空间、交互控件、声音与振动、传感器等移动界面设计的各个方面。对于每个模式,作者都从设计问题及解决方案的讨论开始,详细讲解各种模式的交互细节、呈现细节、变形处理,还揭示了适用范围和容易出现的问题。
精心布局页面,使得信息更易于定位和操作。
■ 巧妙地使用标签与视觉提示。
■ 使用信息控件帮助用户快速获取细节内容。
■ 充分利用手势和其他传感器的优势。
■ 采用特殊方式避免错误和用户输入数据的丢失。
■ 使用户能够轻松完成选择、文本输入和操作控制。
■ 用屏幕、光、触感和声音来传递信息,提升用户满意度。
作者简介
Steven Hoober,从事交互设计工作超过15年,其中涉及各种行业、各种用户,涉足手机界面交互设计10年,包括设计文档的处理、规划设计原则和设计模式。
Eric Berkman,是著名的Digital Eskimo公司的交互设计师和体验架构师,该公司是业内领先的以用户为中心的设计公司,其设计领域广泛,设计的产品令人震撼。
目录信息
第1章 页面构成 27
1.1 一点儿历史 27
1.2 开始变革 27
1.3 页面构成的原则 28
1.4 包装皮的概念 29
1.5 情景是关键 29
1.6 页面构成的模式 30
1.6.1 滚动 31
1.6.2 通知栏 36
1.6.3 通知 40
1.6.4 标题 44
1.6.5 展现菜单 47
1.6.6 固定菜单 52
1.6.7 首屏 & 待机屏幕 56
1.6.8 锁定屏幕 60
1.6.9 加载页面 64
1.6.10 广告 68
第一部分总结 72
第二部分 组件
第2章 信息的呈现 79
2.1 环顾周围 79
2.2 视觉信息的类型 79
2.3 信息分类 80
2.4 基于信息架构的组织 81
2.5 信息设计与数据排序 82
2.6 信息呈现模式 84
2.6.1 纵向列表 85
2.6.2 无限列表 88
2.6.3 缩略图列表 92
2.6.4 鱼眼列表 95
2.6.5 走马灯 98
2.6.6 网格 102
2.6.7 胶片 106
2.6.8 幻灯片 109
2.6.9 无限区域 112
2.6.10 选择列表 116
第3章 控制与确认 121
3.1 请安静 121
3.2 那很容易 121
3.3 理解我们的用户 122
3.4 控制与确认概述 123
3.5 控制与确认模式 124
3.5.1 确认 124
3.5.2 登录 130
3.5.3 退出保护 135
3.5.4 取消保护 139
3.5.5 倒计时 142
第4章 显示更多信息 148
4.1 这不是魔术 148
4.2 情境是关键 148
4.3 信息设计 151
4.4 显示更多信息的模式 152
4.4.1 百叶视窗 153
4.4.2 弹出框 156
4.4.3 分层列表 160
4.4.4 返回结果 164
第二部分总结 167
第三部分 微件
第5章 横向访问 177
5.1 真是一团糟 177
5.2 横向访问与移动空间 178
5.3 遵循寻路原则和诺曼的交互模型 179
5.4 寻路 179
5.5 诺曼的交互模型 180
5.6 用于横向访问的模式 182
5.6.1 页签 183
5.6.2 揭页 187
5.6.3 三维模拟效果 190
5.6.4 分页 193
5.6.5 内部定位 197
第6章 深层获取 201
6.1 准备推车 201
6.2 或许不需要推车 202
6.3 深层获取信息与移动空间 202
6.4 深层获取的模式 204
6.5 何时使用链接、按钮和图标 204
6.5.1 链接 205
6.5.2 按钮 209
6.5.3 指示符 212
6.5.4 图标 215
6.5.5 内容堆 219
6.5.6 注释 222
第7章 标注与指示符 226
7.1 搬到澳大利亚 226
7.2 理解用户 227
7.3 移动设备上的标注和指示符 228
7.4 标注与指示符的模式 229
7.4.1 有序数据 230
7.4.2 工具提示 233
7.4.3 头像 237
7.4.4 等待指示符 240
7.4.5 刷新/同步/停止 244
第8章 信息控件 248
8.1 威勒一家,情境一 248
8.2 威勒一家,情境二 249
8.3 区别 250
8.4 移动领域中的信息控件 250
8.5 信息控件的模式 251
8.5.1 缩放与比例 252
8.5.2 位置跳转 256
8.5.3 内部搜索 260
8.5.4 排序与筛选 264
第三部分总结 268
第四部分 输入与输出
第9章 文本与字符输入 277
9.1 慢点儿,你打得太快了! 277
9.2 现状 278
9.3 使用最适合你的方法 279
9.4 在移动设备上的文本和字符输入 279
9.5 文本与字符输入控件的模式 280
9.5.1 全键盘和小键盘 280
9.5.2 手写笔输入 287
9.5.3 模式切换器 292
9.5.4 输入法指示器 297
9.5.5 自动补全及联想 301
第10章 通用交互控件 306
10.1 黑暗 306
10.2 听上去是个不错的主意 306
10.3 手势交互控件 310
10.4 通用交互控件模式 312
10.4.1 方向输入 313
10.4.2 长按 316
10.4.3 焦点及光标 320
10.4.4 其他物理按键 325
10.4.5 快捷键 329
10.4.6 拨号器 333
10.4.7 触摸手势 337
10.4.8 动觉手势 342
10.4.9 远程手势 348
第11章 输入与选择 354
11.1 车轮子转啊转 354
11.2 今天的移动趋势 355
11.3 慢一点,年轻人! 356
11.4 在移动空间中输入和选择 356
11.5 输入与选取的模式 357
11.5.1 输入区域 358
11.5.2 表单选择 362
11.5.3 机械式样控件 367
11.5.4 清除输入 373
第12章 声音与振动 377
12.1 超级嘟嘟 377
12.2 今天的超级嘟嘟 377
12.3 声音的重要性 378
12.4 声音的类别 378
12.5 移动设备的声音规范 380
12.6 移动领域的语音无障碍性 381
12.7 振动的重要性 382
12.8 声音与振动的模式 383
12.8.1 提示音 384
12.8.2 语音输入 388
12.8.3 语音朗读 392
12.8.4 语音通知 395
12.8.5 触感输出 398
第13章 屏幕、光与传感器 403
13.1 相恋 403
13.2 分手 403
13.3 我不是“所有人” 404
13.4 显示屏的使用情景 404
13.5 显示屏 405
13.6 手机显示屏技术 407
13.7 传感器 410
13.8 屏幕、光与传感器的模式 410
13.8.1 LED 411
13.8.2 显示屏亮度控制 416
13.8.3 方向 419
13.8.4 定位 423
第四部分总结 430
附录
附录A 移动电话 441
附录B 设计模板及用户界面规范 459
附录C 移动设备的文字设计 475
附录D 人因工程 497
参考文献 509
· · · · · · (收起)
读后感
幸好是从图书馆借的, 奇渣的翻译举例:包装皮 没有和原版对这看,估计是package或者pattern或者stencil。 但是包装皮真的是看得云里雾里。 翻译人员不是从业人员,一些名词翻译不到位可以理解, 但一些语句翻译得像机器翻译那真是难以忍受。 借来看看就好了
本书作者Steven Hoober 是4ourth Mobile公司(http://4ourth.com/)总裁。他领导设计了众多产品,包括浏览器、电子阅读器、搜索引擎、近场通信、手机银行、数据通信、位置服务和操作系统覆盖等。他的博客是http://shoobe01.blogspot.com/。这本书译者也是非常负责任的,由著名...
本书作者Steven Hoober 是4ourth Mobile公司(http://4ourth.com/)总裁。他领导设计了众多产品,包括浏览器、电子阅读器、搜索引擎、近场通信、手机银行、数据通信、位置服务和操作系统覆盖等。他的博客是http://shoobe01.blogspot.com/。这本书译者也是非常负责任的,由著名...
本书作者Steven Hoober 是4ourth Mobile公司(http://4ourth.com/)总裁。他领导设计了众多产品,包括浏览器、电子阅读器、搜索引擎、近场通信、手机银行、数据通信、位置服务和操作系统覆盖等。他的博客是http://shoobe01.blogspot.com/。这本书译者也是非常负责任的,由著名...
本书作者Steven Hoober 是4ourth Mobile公司(http://4ourth.com/)总裁。他领导设计了众多产品,包括浏览器、电子阅读器、搜索引擎、近场通信、手机银行、数据通信、位置服务和操作系统覆盖等。他的博客是http://shoobe01.blogspot.com/。这本书译者也是非常负责任的,由著名...
用户评价
这本书给了我一种前所未有的“设计哲学”的启蒙。我之前总觉得,设计嘛,就是把元素摆好,颜色调对,让它看起来舒服就行了。但这本书让我明白,设计背后有着更深层次的逻辑和价值观。作者在“设计原则”和“设计规范”的部分,不仅仅是列举了一些条条框框,而是深入浅出地阐述了这些原则背后的道理,比如“一致性”为何重要,它如何减少用户的学习成本;“反馈”为何不可或缺,它如何让用户感受到掌控感。让我印象深刻的是关于“可访问性”的章节,我以前从未认真考虑过,残障人士或者老年人如何使用App。书中详细地介绍了如何设计适合所有人的界面,比如字体的选择、颜色的对比度、操作的便捷性等等。这让我意识到,优秀的设计不仅仅是为“大多数人”服务,更是要考虑到“所有人”。这种包容性的设计理念,让我觉得非常受到启发。同时,作者在“原型制作”和“迭代优化”的部分,也强调了实践的重要性。他不仅仅是教授理论,更是鼓励你去动手实践,去测试,去反馈,然后不断地改进。这种“从概念到落地”的完整流程,让我觉得不再只是一个“想法家”,而是一个能够真正把想法变成现实的设计师。这本书让我看到了设计更广阔的视野,它让我意识到,设计不仅仅是创造美,更是解决问题,是服务人,是传递价值。
我之前一直在摸索如何让我的App界面看起来“专业”,但总是不得要领。这本书的“视觉设计语言”和“品牌一致性”章节,简直是我的救星。作者非常细致地讲解了色彩理论在App设计中的实际应用,比如如何利用色彩来引导用户注意力,如何通过色彩来传达品牌的情感,还有如何避免色彩搭配带来的视觉疲劳。我学到了很多关于颜色搭配的“潜规则”,以及如何根据App的定位来选择合适的色彩体系。另外,作者在“排版与字体”的讲解也让我眼前一亮。我以前总觉得字体只是个摆设,但书中详细分析了不同字体的性格,以及如何通过字体的选择和搭配来提升界面的可读性和专业感。对于字号、行距、字间距这些细节的处理,书中也给出了非常实用的建议。我之前总以为,一个好看的界面就是把元素摆好看,但这本书让我明白,一个好的视觉设计,其实是背后一套严谨的体系。它不仅仅是视觉上的吸引力,更是信息传达的清晰度和品牌形象的统一性。作者通过大量的优秀案例分析,让我看到了如何将理论付诸实践,如何让每一个视觉元素都服务于整体的设计目标。看完这本书,我感觉自己看界面设计的“眼睛”都升级了,能够更敏锐地捕捉到那些决定性的视觉细节。
我之前一直觉得,做App界面设计,只要懂点PS、AI,再参考一些好看的网站就行了。这本书彻底颠覆了我的认知,它不是教你如何“画图”,而是教你如何“思考”。作者花了大量的篇幅去讲解“信息架构”和“导航设计”,这部分内容对我来说简直是醍醐灌顶。我以前从来没意识到,一个App的结构做得好不好,对用户的影响有多大。书中通过大量的图示和流程图,清晰地展示了如何组织内容,让用户能够快速找到他们想要的东西,而不是在信息的海量中迷失方向。特别是关于“搜索”和“筛选”的策略,我学到了很多之前从未考虑过的细节,比如如何优化搜索结果的呈现方式,如何设计有效的筛选条件,这些都直接影响到用户的效率。另外,作者在“用户路径”和“场景化设计”方面的阐述也让我茅塞顿开。他不是让你凭空想象用户会怎么用,而是让你去设想用户在特定场景下的具体行为,然后围绕这些行为来设计界面和交互。比如,用户在通勤途中、在嘈杂的环境下、或者在需要快速完成任务时,他们对界面的需求是截然不同的。理解这些细微差别,才能做出真正贴合用户需求的设计。这本书让我意识到,优秀的设计不仅仅是视觉上的美观,更是对用户行为的深刻洞察和周全考虑。它教会我如何像一个侦探一样,去挖掘用户背后的需求,然后用逻辑清晰、结构合理的界面来回应这些需求。
这本书给我带来了一种全新的“设计思维”的转变。我之前总觉得,设计工作就是听客户的需求,然后把功能做出来。但这本书让我意识到,设计是一个与用户“对话”的过程,而不仅仅是“执行”。作者在“用户反馈与迭代”的部分,讲得非常透彻。他不是教你如何“收集”反馈,而是教你如何“理解”反馈,如何从用户的只言片语中挖掘出他们真正的需求和痛点,然后将这些信息转化为可落地的设计方案。我之前对“A/B测试”和“数据驱动设计”这部分内容也感到非常迷茫,但书中用非常易懂的方式解释了这些概念,并且提供了具体的实践方法。它让我明白,好的设计不是凭空想象出来的,而是需要通过不断的测试和验证来逐步完善的。作者还强调了“同理心”在设计中的重要性,他鼓励设计师要设身处地地去感受用户的需求,去理解他们在使用产品时可能遇到的困难和挑战。这种“以用户为中心”的设计理念,贯穿了整本书的始终。让我觉得,设计不仅仅是一项技能,更是一种服务精神和解决问题的艺术。这本书让我从一个“完成任务者”变成了一个“问题解决者”,它教会我如何用设计去创造价值,去影响用户,去提升他们的生活品质。
这本书真是彻底刷新了我对“用户体验”的理解。我之前总觉得界面做得漂亮、颜色搭配得当就是好的设计,看完这本书我才意识到,那仅仅是冰山一角。作者用非常接地气的方式,把那些看似抽象的理论,比如“认知负荷”、“用户心流”、“可发现性”等等,通过大量生动的案例和拆解,变得非常直观易懂。我印象最深的是关于“微交互”的部分,很多时候我们只是匆匆浏览,但作者却细致地分析了那些看似不起眼的小动画、小反馈,如何能够极大地提升用户的愉悦感和操作的流畅度。比如,一个按钮点击后的轻微震动,或者加载过程中的趣味动画,这些细节的处理,往往是区分优秀产品和普通产品的关键。书中还特别强调了“用户研究”的重要性,不再是纸上谈兵,而是教你如何真正走进用户,去了解他们的真实需求、痛点和使用习惯。通过用户访谈、可用性测试等方法,作者引导我们去思考“为什么”要做某个设计,而不是仅仅停留在“怎么做”。这种从根本上解决问题的思路,让我受益匪浅,感觉自己不再是盲目地进行设计,而是有了更坚实的方法论支撑。看完这本书,我开始重新审视我日常接触的那些App,那些曾经让我觉得“用起来很顺手”的设计,现在我能清晰地说出背后的原因;而那些让我感到困惑或不适的设计,我也能找到改进的方向。总而言之,这本书是一本真正能够提升设计功力,培养设计师“同理心”的宝藏。
骗钱之作,翻译奇渣,看不下去
翻译感觉像是机器翻译的,内容还是不错的,就是呗翻译糟蹋了。
入门可以看看,附录有用
设计模式,参考文献,附录里的大量知识
入门可以看看,附录有用