移动应用UI设计模式

2013-1  

人民邮电出版社  

[美] Theresa Neil,Theresa Neil  

王军锋,郭　偎,武艳芳  

无  

　　译者序　　智能手机、平板电脑等移动终端的进一步风靡，使得移动应用设计成了一个热门行业。移动应用的设计质量影响着内容提供方的竞争力，虽然移动操作系统目前处于“战国”时代，但某些操作系统以其独特的竞争优势已初现霸势。不同的操作系统对移动应用的设计有不同的要求和约束，但总体来讲还是要符合“以人为本”的设计理念。那么，在移动应用设计行业内部，设计师们应该如何借鉴、参考其他终端的交互设计，开发出真正能吸引用户的移动应用呢？目前已有很多从不同角度介绍移动应用设计的书籍，本书从已有的案例出发，以丰富的图像和简炼的语言向读者介绍当前移动应用界面设计模式的不同类型。　　本书的作者Theresa Neil 从2001 年就开始从事于用户界面设计行业，在过去的十多年中，特丽莎主持了100 多项关于网站、桌面系统和移动应用设计的项目。她曾在Sabre 科技公司的航空解决方案子公司任可用性主管一职，之后建立了自己的用户体验设计咨询公司。她的客户包括各种类型的世界500 强企业和非营利组织。正是特丽莎如此丰富的行业经历保证了本书的专业性和权威性。　　要设计出优秀的移动应用，就要先了解目前不同操作系统下优秀的设计案例。本书介绍了当前所有移动操作系统下典型的设计模式，截取了这些系统下典型应用的界面设计，将其分为了以下10 大类。　　（1） 导航设计模式：主要导航和次要导航模式。　　（2） 表单设计：通过表单实现良好的布局和内容输入。　　（3） 表格和列表的设计：通过表格和表单简明扼要地显示最重要的信息。　　（4） 搜索、分类和过滤：通过这些功能的易用性增强用户的主动性。　　（5） 工具的设计：良好的工具设计能营造出直接交互的使用体验。　　（6） 图表设计模式：让用户拥有控制大量数据内容的能力。　　（7） 视觉吸引：吸引用户并促使其发现产品功能。　　（8） 控制与反馈：帮助用户执行操作，并及时提供反馈。　　（9） 帮助：真正为用户提供解决问题的方法，而不是告知用户问题是什么。　　（10） 反模式：移动应用设计中应该避免犯的错误。　　本书面向的读者是创建移动应用的产品经理、设计师和开发者。无论是针对某一移动操作系统设计一款简单的应用，还是开发应用于市场上所有操作系统的移动应用，本书都能为行业内的人员提供帮助。另外，本书还可以作为智能手机及其应用爱好者的参考读物，书中400 多张的应用设计截图能极大地开阔你的视野。　　译者对于移动应用界面设计具有浓厚的兴趣，也正在从事这方面的教学工作。在翻译本书的过程中，译者了解到了非常丰富的设计模式和界面类型，本书原作者关于设计模式的心得和体会读来也让译者受益颇丰。书中的内容能对译者的工作提供了非常大的帮助，在此感谢本书原作者Theresa 为我们带来了如此好的一本设计参考书。　　很多人为本书的翻译工作提供了帮助和支持，在此表示感谢。感谢我的同事平时对日常工作的分担，使得我有更多的时间投入到本书的翻译工作。感谢我的妻子平时对我无微不至的照顾，让我能有健康的身体投入工作。感谢我可爱的女儿，能让我在感到疲劳时重新燃起斗志。感谢人民邮电出版社图灵公司的编辑傅志红，她别具慧眼的选题使得本书的中文版得以面世，为本书的出版作出了不小的贡献。感谢所有为本书的翻译、出版工作提供了帮助的人们！在书籍翻译过程中，译者已及时对原著中出现的些许印刷错误作了订正，在此不再一一指出。由于译者的英文理解能力和中文表达能力有限，译文难免出现错误和纰漏，希望领域内的各位同行和专家予以批评指正。　　希望本书能对读者的工作和学习有所帮助！　　王军锋　　2012 年8 月

　　当你迫于压力，要制作出设计精良、易于使用的移动应用时，根本就没时间进行完全的创新。这本《移动应用UI设计模式》提供了70多种移动应用设计模式作为参考，包括了从当前iOS、Android、BlackBerry、WebOS、Windows Mobile以及Symbian平台中提取的超过400张的应用截图。　　用户体验设计大师Theresa Neil将向你介绍包括反模式在内的10种不同类型的设计模式。无论你正在设计一款简单的iPhone应用，还是开发适用于当前市场上所有流行移动操作系统的应用，这些设计模式都能助你一臂之力。　　《移动应用UI设计模式》包括以下设计模式：　　1.导航：主要导航和次要导航模式　　2.表单：改变全行业不良的表单设计习惯　　3.表格和列表：只显示最重要的信息　　4.搜索、分类和过滤：让这些功能易于使用　　5.工具：营造直接交互的体验　　6.图表：借鉴基本图表的经典设计理念　　7.视觉吸引：吸引用户并促使其发现产品功能　　8.控制与反馈：帮助用户执行操作并及时提供反馈　　9.帮助：把小型设计理念应用到帮助页面的设计中去　　

《移动应用UI设计模式》作者Theresa Neil，是德克萨斯州奥斯汀市的一名用户体验咨询师。Theresa Neil组建了一个用户体验设计小组，其中的设计师和开发人员都具有十分丰富的从业经验。Theresa Neil的设计小组与客户紧密协同，致力于创建能令人产生愉悦、提升工作效率和自信心的产品。她最新的项目是为餐馆设计一款桌面应用程序，让客户能在自己的餐桌前点餐。

第1章导航 1.1主要导航模式 1.1.1跳板式 1.1.2列表菜单式 1.1.3选项卡式 1.1.4陈列馆式 1.1.5仪表式 1.1.6隐喻式 1.1.7超级菜单式 1.2次级导航模式 1.2.1页面轮盘式 1.2.2图片轮盘式 1.2.3扩展列表式 第2章表单 2.1登录表单 2.2注册表单 2.3核对表单 2.4计算表单 2.5搜索表单 2.6多步骤表单 2.7长表单 第3章表格和列表 3.1基本表格 3.2无表头表格 3.3固定列表格的表格 3.4带有内容总览和数据的表格 3.5行分组表格 3.6级联式列表 3.7带有视觉指示器的表格 3.8可编辑表格 第4章搜索、分类和过滤 4.1搜索 4.1.1显性搜索 4.1.2自动补全搜索 4.1.3动态搜索 4.1.4范围搜索 4.1.5保存搜索记录并显示最近搜索内容 4.1.6搜索表单 4.1.7搜索结果／浏览结果 4.2分类 4.2.1屏内分类 4.2.2分类排序选择器 4.2.3分类表单 4.3过滤 4.3.1屏内过滤 4.3.2过滤容器 4.3.3过滤对话框 4.3.4过滤表单 第5章工具 5.1工具栏 5.2选项菜单 5.3调用动作按钮 5.4情境工具 5.5内联操作 5.6多状态按钮 5.7批量操作102 第6章图表 6.1带过滤器的图表 6.2带预览窗口的图表 6.3总览加数据式图表 6.4数据点细节图 6.5详细信息图 6.6缩放图表 6.7数据透视表 6.8火花谱线图 第7章视觉吸引 7.1对话框 7.2提示 7.3使用向导 7.4视频演示 7.5幻灯片133 7.6首次使用引导 7.7持续视觉吸引 7.8可发现的视觉吸引 第8章反馈与功能可见性 8.1反馈 8.2出错信息 8.3确认 8.4系统状态 8.5功能可见性 8.5.1触摸 8.5.2滑动 8.5.3拖曳 第9章帮助 9.1使用说明 9.2界面元素说明 9.3使用向导 第10章反模式 10.1标新立异 10.2隐喻错位 10.2.1控制错位 10.2.2图标错位 10.2.3心理模型错位 10.3愚蠢的对话框 10.4图表垃圾 10.5按钮海 附录 关于作者

版权页： 插图：

　　“这是一本能激发设计灵感的超级设计手册！”　　——Bill Scott，PayPal 网络开发部门的高级总监　　“精彩至极！”　　——Erin Malone，Tangible UX 公司总裁　　“千言万语都难以表达我对这本书的感激之情，它指导我改进了正在开发的应用！”　　——Agatha June，用户体验设计师

《移动应用UI设计模式》面向的读者是创建移动应用的产品经理、设计师和开发者。无论是针对某一移动操作系统设计一款简单的应用，还是开发应用于市场上所有操作系统的移动应用，《移动应用UI设计模式》都能为行业内的人员提供帮助。另外， 《移动应用UI设计模式》还可以作为智能手机及其应用爱好者的参考读物，书中400 多张的应用设计截图能极大地开阔你的视野。

“《移动应用UI设计模式》是一本能激发设计灵感的超级设计手册！”——Bill Scott，PayPal 网络开发部门的高级总监“《移动应用UI设计模式》精彩至极！”——Erin Malone，Tangible UX 公司总裁“千言万语都难以表达我对《移动应用UI设计模式》的感激之情，它指导我改进了正在开发的应用！”——Agatha June，用户体验设计师

无

移动应用UI设计模式 PDF格式下载

翻译错误百出。如果才学不够，也就罢了，明显没有用心，例如171页倒数第4行翻译的“设计的票务处理系统”，和下文完全对不上。估计这里票务的原文是ticket，译者可以不知道ticket还有其他意思，但是翻译出下面那样狗屁不通的中文，不知道查一下ticket什么意思吗？好意思直接出书？责编也不知道干什么去了。这里的ticket是这issue tracking system或ticket tracking system或者help desk里的ticket的意思，表示软件的用户遇到问题的时候，通过tracking系统向客服提交一个ticket，客服会回复这个ticket，以后浏览这个ticket可以看到来来回回的提问、交流、解答等等。

比较浅显，都是图片一些案例。可以学到一些UI布局的专业术语，但对于什么样的应用适合是什么样的交互方式却没有重点的阐述，对行内人不是特别有帮助。

在设计的时候经常会翻出来看看，总会有帮助。

通过andorid搜索搜索到的这本书，为什么书里面介绍的东西连android这两个字都少之又少，跟别提一些android的知识要点了。可能是自己太菜了，看不懂这本天书吧。一句话，肯跌的书。

还行·有帮助，就是有点out~

没什么实用价值，只是个UI风格的汇总，不值得购买，这本书是在砸图灵的牌子，希望图灵以后不要再辜负读者的希望

一共买了3本移动应用UI的设计书，虽然这本还没认真去看，但粗略看了下目录，感觉较适合初学者（有一定基础）的人看。

黑白的插图很多地方都看不清楚；书的排版也很有问题。很多地方配图在文字的反面

黑白的，印刷质量极差，感觉是盗版

书本还不错，要是彩色的就好了

很棒的书，能学到很多

内容一般般 里面的图片网上都有

如果都是彩色的就好了

可以作为快速翻阅参考。

老公瞎买的，买来也不看。。。装文艺青年！

看了一下目录，还不错，还没看。