移动应用UI设计模式

出版者:人民邮电出版社

作者:[美] Theresa Neil

页数:206

译者:王军锋

出版时间:2013-1-1

价格:49.00元

装帧:平装

isbn号码:9787115296481

丛书系列:图灵交互设计丛书

具体描述

内容简介：

当你迫于压力，要制作出设计精良、易于使用的移动应用时，根本就没时间进行完全的创新。这本简要的手册提供了70多种移动应用设计模式作为参考，包括了从当前iOS、Android、BlackBerry、WebOS、Windows Mobile以及Symbian平台中提取的超过400张的应用截图。

用户体验设计大师Theresa Neil将向你介绍包括反模式在内的10种不同类型的设计模式。无论你正在设计一款简单的iPhone应用，还是开发适用于当前市场上所有流行移动操作系统的应用，这些设计模式都能助你一臂之力。

本书包括以下设计模式。

导航：主要导航和次要导航模式

表单：改变全行业不良的表单设计习惯

表格和列表：只显示最重要的信息

搜索、分类和过滤：让这些功能易于使用

工具：营造直接交互的体验

图表：借鉴基本图表的经典设计理念

视觉吸引：吸引用户并促使其发现产品功能

控制与反馈：帮助用户执行操作并及时提供反馈

帮助：把小型设计理念应用到帮助页面的设计中去

作者简介

Theresa Neil 是德克萨斯州奥斯汀市的一名用户体验咨询师。她组建了一个用户体验设计小组，其中的设计师和开发人员都具有十分丰富的从业经验。她的设计小组与客户紧密协同，致力于创建能令人产生愉悦、提升工作效率和自信心的产品。她最新的项目是为餐馆设计一款桌面应用程序，让客户能在自己的餐桌前点餐。其他更多项目，请浏览她的网站www.theresaneil.com，或访问她的Twitter 账户@theresaneil。

目录信息

第1章 　导航　　1
1.1 　主要导航模式　　4
1.1.1 　跳板式　　4
1.1.2 　列表菜单式　　8
1.1.3 　选项卡式　　10
1.1.4 　陈列馆式　　14
1.1.5 　仪表式　　16
1.1.6 　隐喻式　　16
1.1.7 　超级菜单式　　19
1.2 　次级导航模式　　20
1.2.1 　页面轮盘式　　22
1.2.2 　图片轮盘式　　24
1.2.3 　扩展列表式　　26
第2章 　表单　　29
2.1 　登录表单　　33
2.2 　注册表单　　35
2.3 　核对表单　　37
2.4 　计算表单　　39
2.5 　搜索表单　　41
2.6 　多步骤表单　　43
2.7 　长表单　　46
第3章 　表格和列表　　49
3.1 　基本表格　　53
3.2 　无表头表格　　53
3.3 　固定列表格的表格　　54
3.4 　带有内容总览和数据的表格　　55
3.5 　行分组表格　　57
3.6 　级联式列表　　58
3.7 　带有视觉指示器的表格　　59
3.8 　可编辑表格　　60
第4章 　搜索、分类和过滤　　61
4.1 　搜索　　63
4.1.1 　显性搜索　　64
4.1.2 　自动补全搜索　　66
4.1.3 　动态搜索　　68
4.1.4 　范围搜索　　68
4.1.5 　保存搜索记录并显示最近搜索内容　　70
4.1.6 　搜索表单　　71
4.1.7 　搜索结果/　　浏览结果　　72
4.2 　分类　　74
4.2.1 　屏内分类　　74
4.2.2 　分类排序选择器　　75
4.2.3 　分类表单　　77
4.3 　过滤　　78
4.3.1 　屏内过滤　　79
4.3.2 　过滤容器　　81
4.3.3 　过滤对话框　　81
4.3.4 　过滤表单　　82
第5章 　工具　　85
5.1 　工具栏　　90
5.2 　选项菜单　　93
5.3 　调用动作按钮　　94
5.4 　情境工具　　96
5.5 　内联操作　　98
5.6 　多状态按钮　　100
5.7 　批量操作102
第6章 　图表　　105
6.1 　带过滤器的图表　　109
6.2 　带预览窗口的图表　　112
6.3 　总览加数据式图表　　114
6.4 　数据点细节图　　116
6.5 　详细信息图　　118
6.6 　缩放图表　　120
6.7 　数据透视表　　121
6.8 　火花谱线图　　122
第7章 　视觉吸引　　125
7.1 　对话框　　129
7.2 　提示　　130
7.3 　使用向导　　131
7.4 　视频演示　　132
7.5 　幻灯片133
7.6 　首次使用引导　　134
7.7 　持续视觉吸引　　135
7.8 　可发现的视觉吸引　　136
第8章 　反馈与功能可见性　　137
8.1 　反馈　　139
8.2 　出错信息　　140
8.3 　确认　　141
8.4 　系统状态　　144
8.5 　功能可见性　　146
8.5.1 　触摸　　147
8.5.2 　滑动　　148
8.5.3 　拖曳　　150
第9章 　帮助　　153
9.1 　使用说明　　155
9.2 　界面元素说明　　157
9.3 　使用向导　　157
第10章 　反模式　　161
10.1 　标新立异　　163
10.2 　隐喻错位　　169
10.2.1 　控制错位　　169
10.2.2 　图标错位　　171
10.2.3 　心理模型错位　　171
10.3 　愚蠢的对话框　　173
10.4 　图表垃圾　　174
10.5 　按钮海　　178
附录　　181
关于作者　　206
· · · · · · (收起)

读后感

利用工作间隔月将该书读了一遍，像程序语言一样，交互设计同样有一套自己的设计模式。 作者Theresa Neil （twitter：@theresaneil）将目前的主流的移动端的设计，包括Apple iOS、Android、Blackberry、webOS、symbian、Windows Mobile在交互设计上一些规范以及注意事项。 作者...  

UI设计未来发展趋势还是很不错的，东华英丞每周都有关于UI设计的公开课活动，更多ui设计的信息可以关注：http://site.douban.com/214504/ “英丞设计师之旅”创意思维拓展，成就非凡梦想！突破瓶颈，让您在职业生涯中增添色彩，现报读平面视觉课程，与名师名企接轨，开拓职场...  

什么是设计模式、如何选择它们、以及它们的区别是什么？ 想要了解设计模式并将它们作为技巧知识的设计师，更多时候只是简单地想知道如何设计界面，如何运用在实际工作中，并不是真正地需要那些长篇大论的说明。所以日常对设计模式的收集和整理，非常必要。在查看一系列精挑细选...  

我刚刚开始做移动应用的客户端产品经理工作。 书中讲的很多知识，让我获益匪浅。 可以系统的让我了解移动应用的不同设计模式，以及各个组件的功能。 最重要的是，给了我一个简单、流程清楚，以用户为中心的设计思路。 比如，讲到的愚蠢的对话框和按钮海的问题，对于现在很...  

第一交互·视觉平台怎么能没有用户体验？ 12月21日周六商业应用交互设计班正式起航，现在预约即可免费跟班体验课程一天，感受现场教学气氛，与百度产品经理面对面。现场报名立减1000元。 合适，买单听课；不合适，转身就走。必再拖泥带水！ 如欲参与，请和我们联系，我们会...  

用户评价

这本书绝对是我近年来读过的关于用户体验设计方面最棒的书籍之一！作为一个在互联网公司摸爬滚打多年的UI/UX设计师，我见过的设计模式相关的书籍不在少数，但《移动应用UI设计模式》却让我耳目一新。它不是简单地罗列一些枯燥的设计元素，而是深入浅出地剖析了每一个模式背后的设计理念和用户心理。作者用大量的真实案例，将抽象的概念具象化，让我能够清晰地理解为何某个设计模式在特定场景下能够有效提升用户体验，又在何时会适得其反。 我尤其喜欢书中关于“导航模式”的章节，它详细阐述了栈式导航、标签页导航、汉堡菜单等几种常见模式的优缺点，以及如何根据应用的功能层级和用户使用习惯来选择最合适的导航方式。过去，我常常凭感觉来设计导航，现在回想起来，很多决策都是在“摸石头过河”。但这本书给了我一个坚实的理论基础和清晰的判断依据，让我的导航设计更加科学、高效。而且，书中不仅仅停留在“怎么做”，更强调了“为什么这样做”，这种深度思考让我受益匪浅，也让我开始重新审视自己过去的一些设计习惯。

作为一名资深的UX研究员，我总是在寻找能够帮助我更好地理解用户行为和设计有效解决方案的工具和知识。《移动应用UI设计模式》这本书，提供了一个非常宝贵的视角。它不仅仅是关于“美观”，更是关于“好用”和“易用”。书中对不同设计模式的深入剖析，让我能够更清晰地理解用户在与界面互动时的心理活动，以及这些模式如何影响用户的决策和感受。 我特别欣赏书中关于“反馈与状态指示”部分的论述。过去，我常常忽略了这些细节，但这本书让我意识到，清晰的反馈机制对于建立用户信任、减少用户困惑至关重要。书中列举了各种类型的反馈，如加载指示、错误提示、成功确认等，以及如何根据不同的情境选择最合适的反馈方式，这对我日后的研究和设计工作提供了极大的指导。我开始更加注重在原型设计中加入这些细节，并观察用户在实际使用中的反应，效果非常显著。

我是一名产品经理，我的工作需要我时刻关注用户体验，并与设计团队紧密合作。《移动应用UI设计模式》这本书，极大地提升了我与设计团队的沟通效率和对设计方案的理解能力。过去，我可能只能模糊地表达我对用户体验的期望，但这本书让我能够用更专业、更具象化的语言来描述我的需求。 书中对“输入控件”的详细讲解，让我对各种表单元素、选择器、开关按钮等有了更全面的认识，也明白了它们在不同场景下的最佳实践。当我需要一个用户能够快速、准确地输入信息的场景时，我能够清晰地向设计团队提出使用“组合框”或“滑动选择器”等建议，而不是笼统地说“让输入更方便”。这种基于模式的沟通，减少了误解，加速了迭代过程。总而言之，这本书是我理解和推动移动应用用户体验设计的重要参考。

天呐，如果早点看到这本书就好了！作为一名独立开发者，我时常需要一人身兼数职，包括UI设计。虽然我能实现功能，但在UI设计上总是感觉差那么点意思，用户反馈也经常提到“不够直观”、“不好用”。《移动应用UI设计模式》简直就是我的“及时雨”。它用非常清晰、易懂的语言，将很多复杂的设计概念分解开来，让我这个非科班出身的开发者也能轻松理解。 最让我惊喜的是，书中有很多关于“手势交互”的讲解。以前我总觉得只要按钮点得到就行，但这本书让我意识到，自然的手势，比如滑动、捏合、长按等，才是真正提升用户体验的关键。它详细讲解了不同手势的应用场景，以及如何设计直观的手势提示，让用户能够“心领神会”。我尝试着将书中的一些手势交互模式应用到我正在开发的一个小工具APP中，结果用户反馈立刻有了质的提升，很多人都表示“太顺手了！” 这种成就感是无与伦比的。

我是一名在校的学生，主修交互设计专业，对于学习和掌握各种设计理论和实践方法有着强烈的需求。《移动应用UI设计模式》这本书，无疑为我打开了一扇新的大门。书中的内容非常系统化，从基础的设计原则，到具体的UI组件和交互模式，都有着详尽的阐述。作者的写作风格严谨而不失趣味，阅读起来不会感到枯燥乏味。 我尤其对书中关于“信息架构”的章节印象深刻。它不仅仅是简单地介绍如何组织内容，更是引导我们思考如何构建一个让用户能够轻松找到所需信息的结构。书中列举的多种信息组织方式，以及每种方式的适用场景，让我对如何设计一个清晰、高效的信息层级有了更深刻的理解。在完成课程设计时，我运用了书中介绍的“卡片式布局”和“列表式布局”相结合的方式，不仅让信息展示更加有序，也极大地提升了用户浏览内容的效率，受到了老师的高度评价。

总结得很强，但只是给设计师看的模式总结，而且有点过时了

工具书，案例该更新了

用作入门了解是不错的，学到了很多知识。

用作入门了解是不错的，学到了很多知识。

真的只是一些 UI Pattern 而已。