具体描述
《移动应用UI设计模式(第2版)》是畅销手册的扩容版,上一版分10大类分别介绍了70种移动应用设计模式,深受读者欢迎。这一版分11 大类介绍了时下安卓、iOS以及Windows Phone平台上90 多种移动应用设计模式(包括导航,表单,表格,搜索、排序和筛选,工具,图表,引导和视觉吸引,社交,反馈与功能可见性,帮助,以及反模式),用1000张屏幕截图和图解帮助读者更好地理解和利用这些模式,以解决常见的设计难题,同时提供了即学即用式的技巧和经验。
本书适合创造移动应用的产品经理、开发人员和UI 设计师阅读。
作者简介
Theresa Neil
美国得克萨斯州奥斯汀市的一名用户体验咨询师,国际知名设计专家,致力于打造外观优美、功能完善的产品。她的著作和演讲帮助众多IT从业者提高了自身的设计技能,创造出了更好的用户体验。2013年,她被美国知名的科技博客Business Insider评为“科技领域最优秀的75位设计师”之一,排名第28位。她的网站是:www.theresaneil.com。
目录信息
前言 XII
第1章 导航 1
主导航模式—全局导航 2
跳板式 6
卡片式 10
列表菜单式 12
仪表盘式 15
陈列馆式 16
选项卡菜单式 17
隐喻式 25
主导航模式—瞬时导航 28
侧边抽屉式 28
下拉菜单式 37
转盘菜单式 40
次级导航模式 41
翻页式 43
滚动选项卡式 46
折叠菜单式 46
第2章 表单 49
登录表单 51
注册表单 56
个性化注册表单 64
多步骤表单 66
结账表单 72
技巧1:同时提供登录、注册和客人用户选项 73
技巧2:简化流程 74
技巧3:提供省时的快捷方式 74
技巧4:提供快速结账方式 76
技巧5:忘掉网页端 77
计算表单 80
搜索表单 82
长表单 84
第3章 表格 87
基本表格 89
无表头表格 89
固定列表格 91
概览加数据型表格 93
行分组表格 94
带有视觉指示器的表格 95
可编辑表格 97
第4章 搜索、排序和筛选 100
搜索模式 101
隐式搜索 102
显式搜索 105
自动完成搜索 110
动态搜索 112
限定范围的搜索 113
保存的搜索、最近搜索记录和热门搜索 114
搜索表单 116
搜索结果/ 查看结果 117
排序模式 121
单页排序 122
排序浮层 124
排序表单 125
筛选模式 128
单页筛选 129
筛选浮层 131
筛选表单 133
筛选抽屉 135
基于手势的筛选 137
第5章 工具 138
工具栏 140
iOS 140
安卓 142
Windows Phone 143
与操作系统无关的模式:上下文工具栏 144
工具箱 145
行为召唤按钮 147
行内操作 152
多状态按钮 154
上下文工具 155
批量操作 159
锁屏控件 162
第6章 图表 163
带有筛选器的图表 168
交互式时间线 171
数据点详情 173
逐级深入 176
概览加数据 177
交互式预览 179
仪表盘 181
缩放 183
迷你图 185
嵌入式图例 187
阈值 187
透视表格 189
整合 190
第7章 引导和视觉吸引 193
引导原则 194
原则1:少用文字 196
原则2:不要前置引导 201
原则3:给予用户成就感 205
原则4:在使用中强化学习 209
原则5:倾听用户的心声 211
视觉吸引模式 212
提示 212
持续的视觉吸引 214
可发现的视觉吸引 216
番外篇:视觉吸引—铺上欢迎毯 217
迭代欢迎体验 218
总结 224
第8章 社交模式 225
社交注册 225
连接 227
关注 230
个人资料 232
群组 234
游戏化 237
第9章 反馈与功能可见性 242
反馈模式 242
错误提示 243
确认 244
系统状态 252
功能可见性 256
点击 256
滑动/ 轻扫 258
拖拽 262
第10章 帮助 266
入门介绍 271
用户指南/ 帮助系统 272
常见问题解答 275
功能使用向导 276
新手引导 279
上下文帮助 281
收集反馈 283
第11 章 反模式 286
标新立异 287
不必要的复杂 292
隐喻错位 296
控件错位 296
图标错位 298
手势错位 298
心理模型错位 299
愚蠢的对话框 300
图表垃圾 303
按钮海 306
格格不入 310
番外篇:避免移动应用中的注册/ 登录反模式 312
附 录 314
· · · · · · (收起)
读后感
我刚刚开始做移动应用的客户端产品经理工作。 书中讲的很多知识,让我获益匪浅。 可以系统的让我了解移动应用的不同设计模式,以及各个组件的功能。 最重要的是,给了我一个简单、流程清楚,以用户为中心的设计思路。 比如,讲到的愚蠢的对话框和按钮海的问题,对于现在很...
利用工作间隔月将该书读了一遍,像程序语言一样,交互设计同样有一套自己的设计模式。 作者Theresa Neil (twitter:@theresaneil)将目前的主流的移动端的设计,包括Apple iOS、Android、Blackberry、webOS、symbian、Windows Mobile在交互设计上一些规范以及注意事项。 作者...
什么是设计模式、如何选择它们、以及它们的区别是什么? 想要了解设计模式并将它们作为技巧知识的设计师,更多时候只是简单地想知道如何设计界面,如何运用在实际工作中,并不是真正地需要那些长篇大论的说明。所以日常对设计模式的收集和整理,非常必要。在查看一系列精挑细选...
集合自己一年的交互设计经验,看本书的收获是,对已有的产品经验整合分析,有助于更加系统化的使用不同模块,以及对结构有更清晰的认识。但是互联网行业本就日新月异,书中部分内容已经不适于当前的移动设计环境,期待看到更新版本。
第一交互·视觉平台怎么能没有用户体验? 12月21日周六商业应用交互设计班正式起航,现在预约即可免费跟班体验课程一天,感受现场教学气氛,与百度产品经理面对面。现场报名立减1000元。 合适,买单听课;不合适,转身就走。必再拖泥带水! 如欲参与,请和我们联系,我们会...
用户评价
作为一名资深的产品经理,我关注的重点往往是如何通过优秀的设计来驱动业务目标的达成。这本书对我的启发就在于,它将“用户体验”和“商业目标”之间的桥梁搭建得非常扎实。书中有一章专门分析了“转化漏斗中的UI干预点”,它不仅仅是介绍如何优化CTA按钮的外观,而是深入探讨了不同设计元素如何影响用户的决策压力和信任建立。例如,关于支付流程中的安全感营造,书中列举了多种微交互设计如何潜移默化地降低用户的焦虑,从而提高完成率。这让我重新审视了我们产品中一些长期存在但未被重视的摩擦点。它不仅仅是一本教你如何画出漂亮界面的书,更是一本教你如何通过界面设计去“解决实际商业问题”的指南。读完后,我不再仅仅满足于“看起来美观”,而是开始系统性地思考每一个界面元素背后的“效用”和“回报率”,这对我后续的工作规划起到了决定性的指导作用。
这本书的排版和案例图示的质量也值得大书特书一番。在这个视觉主导的时代,一本设计书如果图文并茂,能极大地增强学习的效率和乐趣。本书在这方面做得非常出色。每一项设计模式的讲解后面,都紧跟着高质量的屏幕截图和流程图,而且很多案例都是精心绘制的示意图,而非直接截取自某个不知名的App,这保证了案例的通用性和清晰度。我特别喜欢它在探讨“导航架构”时的可视化处理,作者用清晰的层级图和用户路径分析,将那些令人头疼的深层级导航问题变得直观易懂。对于像我这样更偏向视觉而非纯交互理论的从业者来说,这种“一看就懂”的呈现方式,大大缩短了知识的吸收周期。我甚至将书中关于“错误处理”和“操作确认”的那几页,打印出来贴在了我的工作台旁,作为日常设计的快速参考卡片。如果你期望看到一本既有深度理论支撑,又有丰富视觉材料辅助理解的书籍,这本书的体验绝对是顶级的。
这本书简直是为那些想在移动界面设计领域深耕的同行们量身定制的宝典!我刚入手没多久,就被其详实的内容和清晰的结构深深吸引住了。它不仅仅停留在罗列各种“漂亮”的界面元素,而是深入剖析了设计决策背后的逻辑和用户心理。比如,关于新手引导流程的设计,书中详细对比了多种模式的优劣,并结合具体场景给出了实操建议,这比网上那些零散的教程要靠谱得多。我尤其欣赏作者在讲解复杂交互模式时,总能用生动的比喻来阐释抽象的概念,让即便是初次接触这些设计原则的读者也能迅速领悟其精髓。特别是对于数据输入和反馈机制的处理,书里提供了一整套从简约到全面的设计框架,我根据书里的建议优化了我们产品中的一个关键表单,用户反馈的填写效率肉眼可见地提升了。这本书的价值在于它提供的是一套方法论,而不是简单的模板堆砌,它教会你如何“思考”移动设计,让你在面对新需求时,心中能迅速构建起一套稳健的设计蓝图。如果你正在寻找一本能真正提升你专业水平,让你在设计评审中更有底气的实战指南,那么这本书绝对是你的不二之选。
我最近刚从一个为期紧张的项目中抽身出来,那段时间里我几乎是靠着这本书在支撑我的设计决策。这本书最让我感到安心的一点是其“前瞻性”。在移动设计生态日新月异的今天,很多书籍的内容很快就会过时。然而,这本书的内容似乎更关注那些超越具体技术实现的、更底层的设计原则。比如,它对“无障碍设计(Accessibility)”的探讨,已经远远超出了 WCAG 标准的基础要求,它引导读者去思考如何设计出真正具有包容性的产品,即便是面对新兴的技术挑战,这些原则依然具有强大的生命力。读到关于“未来设备形态”对现有模式冲击的那一小节时,我意识到作者不仅关注当下,更在为设计者描绘未来十年的设计图景。这让这本书的投资回报率变得极高,因为它提供的是一套可以穿越时间周期的设计思维框架,而不是一套只能用在当前版本App上的过时规则集。强烈推荐给所有追求设计“长寿”价值的同行们。
说实话,我带着一种挑剔的心态来阅读这本书的,毕竟市面上的设计书籍汗牛充栋,很多都是华而不实的“设计鸡汤”。然而,这本书却让我眼前一亮。它在处理那些看似微不足道的设计细节时,展现出了令人敬佩的深度。举个例子,关于“加载状态和空数据视图”的处理,作者没有仅仅满足于展示一个转圈的指示器,而是细致地讨论了感知性能的提升技巧,比如骨架屏的演变历史、如何根据内容特性定制加载反馈的动画节奏等。这些内容对于追求极致用户体验的团队来说,简直是如获至宝。此外,书中对跨平台设计一致性与差异化处理的章节也写得极为精辟。它并没有盲目推崇“一套设计走天下”,而是清晰地指出了在iOS和Android设计语言交汇处的最佳实践边界,这对于构建多端同步的复杂应用至关重要。阅读这本书的过程,更像是在一位经验丰富的设计总监的耳边聆听教诲,他不仅告诉你“应该做什么”,更会告诉你“为什么这么做,以及不这么做会有什么后果”。
出乎意料的棒,看得有点热血沸腾~图书馆的灯亮瞎了…本来翻了几页发现都是图就没抱多大希望,经常待借豆列里的书放久了都不记得当初为什么心动想看了。这本书把菜单登录等场景的各种设计风格列出来比较,是很好的自查工具。
基本将各种移动应用的UI都归好类了,想象成一个字典或者仓库。只是这本书需要不停的根据互联网行业的发展而更新。2018年02月02日
几年前略读过,尽管在视觉上已经比较陈旧,但是里面归纳的设计模式仍旧适用于今天的设计。
我觉得可以作为移动应用方向产品经理/设计师的必读书之一了
工具书,细节全,大量例子。虽然移动端设计变得快,一些原则还是通用的。