移动设计

淘宝移动设计专家潜心力作，倾情分享数年移动交互设计经验。中国用户体验专业组织、IxDC交互设计专业委员会、中国欧盟可用性研究中心等机构专家联合力荐。
全彩实例讲解，结合大量实际项目移动设计案例，从特征、原则、框架、细节、动效、适配、创新、工具几个角度出发，同时引入“流”的概念，对移动设备用户体验进行了全新解读。
配有线上主页，书中案例可供下载，线上线下完美互动。

海报：

移动应用的交互设计对于移动产品的体验来说有着决定性的作用。作者首先从人-机-环的角度出发来阐述移动应用的设计，并建立了移动应用设计的基本原则；其次，根据移动端的情境、移动设备的特征，以及触摸的交互方式，作者总结了移动导航和移动框架设计的主要形式，并给出了移动导航设计的原则和思路。为了能帮助设计师们做出一个生动有趣的移动应用，《移动设计》还详细介绍了移动动画的设计方法，以及基于移动特性的细节和创新设计，为设计师们提供了一个很好的参考。同时，根据作者的移动应用设计经验，介绍了一些常用设计工具，希望对新入行的设计师们有所帮助。最后，本书作者提出了一个关于“流”的交互设计方法，丰富了移动应用的设计方法。
《移动设计》适合对移动设计感兴趣、想进入此领域的设计师们做入门指引，亦可给正在移动产品领域从事设计的设计师们以借鉴。

傅小贞，浙大心理系毕业，03年起在UT斯达康，中国移动研究院，淘宝网等多家公司从事移动交互设计和用户研究工作，曾组建过淘宝移动设计团队，领导淘宝移动主站和主客户端的设计；现负责斯凯UXC部门，推动冒泡系列产品设计。

胡甲超，交互设计师，来自阿里UX团队。06年加入阿里巴巴，从事过网站、桌面软件、无线客户端的交互设计，参与了阿里软件、淘宝Android客户端、阿里旺旺等产品的设计。在移动领域拥有多平台的设计经验，关注跨界设计和移动体验创新。

郑元拢，无线领域设计专家，一线实战经验丰富。目前任职于淘宝，从事无线方面的创意产品设计，负责过淘宝系列产品移动端的交互设计。

★移动设计包含了用户、场景、功能、架构、交互、手势、视觉、动态等诸多方面。小贞和他的淘宝同事们将他们的理念、方法和经验进行了系统地整理和分析后，给移动设计师、产品经理和互联网创业者带来了这本移动设计的实践佳作！
——黄峰中国用户体验专业组织主席、唐硕用户体验设计咨询CEO

★本书全面总结了移动应用设计的原则和经验，结合大量实践案例娓娓道来，彻底展现了移动应用设计的智慧，体现了作者独到和深刻的理解，值得称赞。本书是目前移动应用设计领域最出色的书籍之一，已经收录到我的设计书库，作者是亚洲具影响力的交互体验峰会“中国交互设计体验周”的资深主讲人，我向业界同行隆重推荐这本书。
——胡晓IxDC交互设计专业委员会秘书长

★《移动设计》一书的作者们基于多年的实践经验，针对移动产品交互设计的具体问题，对以用户为中心的设计理念进行了很好地阐释和解读，可以帮助更多新入行的从业者们尽快掌握移动交互设计的门道。
——刘正捷中国欧盟可用性研究中心

01 概述
让用户一见钟情的移动应用
移动应用的生命周期
转变交互设计思维

02 特征
应用的使用情景特征
移动网络的特性
设备的物理特性
触摸手势交互特性

03 原则
主流移动操作系统的基本原则
移动设计八原则

04 框架
框架的深度和广度
移动应用导航的设计模式
模式之外的因素

05 细节
让人机交互更多样
将界面可视化
用隐喻引导用户
声音的互动

06 动效
小细节、大作用
适合动效的应用场景
如何描述一段动态效果
动效设计方法

07 适配
客户端产品的适配设计
多设备的响应式设计

08 创新
移动设计中的创新机遇
创新技法详解
评估创新的价值
09 工具
适合移动设计的工具
一份好的移动交互原型
可以触摸的交互文档
将设计输出到实机上体验
建立移动产品组件库
高效的纸面原型
附录 :案例及资源下载
番外篇 流
目光和手指的循迹
目光和手指循环而成的流系统
把握用户的视觉焦点
手指的触点区域
视觉焦点到触点的引导流
触点到视觉焦点的反馈流
运用流设计方法对搜索进行重设计

iOS作为新一代智能手机平台的鼻祖，强调直接的交互操作，鼓励设计师们使用隐喻和拟物化的设计手法，在图标和界面上使用高质感的特性，以此给用户带来了全新的体验。Android在全平台的统一上做了很多努力，每一版的设计都在追求系统操作的流畅性、界面的简洁性，并且在视觉上进一步突出了与其他平台的差异。Windows Phone则独辟蹊径地用了Metro的视觉风格，配以简洁、流畅的用户界面，给用户留下了深刻的印象。以至于Windows Phone在没有推出手机时，已经让用户充分了解了其特点，让用户能清楚地知道什么是Windows Phone手机。
各个系统在版本更新和演进的过程中，也在相互借鉴其他系统的设计优点，因此系统之间也会趋于融合。但是为了使一个操作系统区别于其他系统，几大系统背后的公司都花了很多心思来增强各自的差异性，而且针对UI规范上的差异又是最具直觉、有效的。很明显，各个系统的基本UI规范也都是为了更好地让设计师们遵循系统本身的特性来开发。这不是单纯移动设计原则，并且有很多规范对设计进行了限制，这也由各个公司的商业目的来决定。
因此，在进行跨平台应用开发时，更需要注意研究每个平台的设计原则，并挖掘应用的典型交互和视觉特征，尽可能地保留能传达应用品牌的设计特征，使应用在符合各个平台的基本操作特征的基础上，将应用的品牌形
象传递给用户。
移动设计八原则
近几年，交互设计专业也有了蓬勃发展，Alan Cooper、Donald Norman等人为交互设计提供了许多理论上的支持，Ben Shneiderman提出的交互设计"黄金八法"和Nielsen的"启发式评估10条原则"为交互设计的评估提供了标准，所有这些理论和原则在移动应用的设计上依然是通用的。但移动应用有其特殊性，在设备和情景上都与普通的设计不同。因此，我们在考虑其他原则的基础上，整理了八条移动应用设计的针对性原则。
内容优先
对于手机而言，屏幕空间资源显得非常珍贵。为了提升屏幕空间的利用率，界面布局应以内容为核心，而提供符合用户期望的内容是移动应用获得成功的关键。如何设计和组织内容，使用户能快速理解移动应用所提供的内容，使内容真正有意义，这是非常重要的。

……

序一
或许是春天的到来，万物兴盛，身边的同学们个个都总结了一下过去一段时间在自己专业领域里所沉淀下来的经验和想法。这本书也是无明和他团队里的同学们在忙碌的工作中一点一滴攒下来，然后以系统的方式整理出来的结果。花了很长的时间，好不容易腾出了一点空，以读闲书的心情仔细地看了一遍书稿，第一印象觉得这本书好像没那么偏重实物操作和技术，反而有那么一点高度。静下心来思考了一番，呀！这会不会是我从微软搬回亚洲，从而给这个团队带来的一些影响——不再是天天接需求埋首干业务，而是随时关注交互设计的正确观念和整体交互模型的观点。
夜深了，心里倒还有些许悸动，还是有些同学听了入耳，进而付诸于行动，把许多关于交互设计的想法都融了进这本书。前年刚搬到杭州，下了番功夫，观察了一淘UX的同学们生活中的点点滴滴，也和小区里打工的年轻朋友们泡了一段时间的网吧，非常直觉地认为，做设计的同学们急切需要的是更多更丰富的好的工具和技巧，才能使淘宝产品覆盖到除了中产阶级以外的一些用户。渐渐地，在每天工作里仔细聆听了每个人对设计工作的感想以及所提出的问题，越发觉得每位同学都是聪明绝顶，对于外来事物的接受度也非常高。但是（注意，这但是来了……）很多深入产品制作的同学常常忽略掉了理论上和细节上的东西，把产品做得非常自我，可是市场的接受度却七上八下没个准。最后的结论是，同学们对自己产品的用户以及他们的心理模型和行为特质了解得还不够全面。
所以从今年以来，我的首要工作方向是帮助一些同学们加深理论的吸收，同时明确基于理论而来的设计方向。例如这本书中提到的流畅度，这个流畅度可能在桌机世界中不会成为不是太大的阻碍，大家都知道自己的电脑性能，慢了卡了，忍一下就过了，趁闲还可以喝口茶。但是换了一个场景，当你在公交上颠簸时读着一本自己心仪的小说，但是因为自己的大拇指短，连翻页都无法一次翻过去的时候，爽度立刻就下降了许多，用户无法达到流畅翻页的期望。可是，既然我们谈交互，在如此小的触屏条件下，如何让用户在期盼阅读下一页内容时能快速地达成动作目标（翻一页），又能在这个翻页的动作上展现这个阅读器是足够人性化的知道你要做的事，而不是用机械化地用i++蒙混过关？这中间的细节，牵扯到了很多交互设计与心理学和行为学接轨的地方。要实现用户利用机械操作目标的期望，提高设备执行的流畅度和灵敏度，提高产品人格特质在用户期望中留下的印象，等等。 这些看似琐碎的细节常常被急于赚钱或是圈市场占有率的产品团队所忽略。我想大家对Path那几颗弹出来的小豆豆还记忆犹新，那几颗小豆豆弹跳速度的曲线，我想是设计团队经过长时间的测试和模拟所调校出来的、最令人心动愉悦的结果。同样的交互行为转到其他的设计团队，大家会不会花心思花时间去研究这么点小事呢？
我期望这本书里提到的每一个细节，都能为在中国交互设计领域里奋斗的同学们铺下一些足够深入研究的主题，进而在自己每天的工作里，实践得淋漓尽致，让每个APP都有自己的个性，并在用户心里找到一个位置。
左梓佑
谨职于淘宝／阿里巴巴集团
2013年6月

序 二
变革中成长
设计是决定产品成败的重要因素之一，只有更注重移动产品的用户体验，才能更好地满足人们对高质量移动产品日益增加的需求！互联网对人类生产及生活产生了历史性的影响，而移动互联网的影响范围之广、程度之深堪称具有革命性。目前，对于以用户体验为核心的产品设计理念，虽然被很多从业者认同，但具体怎么去实施，很多人都还没有准备好。
移动应用随时、随地、随心的特征决定了它不同于PC产品的设计理念，移动应用的从业者需要从全新的视角来思考设计。APP Store上每月都会涌现出无数的应用，但高质量的产品还不够多，如何帮助开发者提升应用的设计品质，这需要所有移动从业者的共同努力。
本书的作者们是移动产品领域内的一批优秀设计师，他们从自身的移动设计经验出发，结合沉淀多年的移动设计基础知识，深入浅出地剖析了移动设计的方方面面，相信能给移动互联网的从业者带去一些帮助，是一本值得阅读的好书。我相信，未来移动互联网的蓬勃发展仍然会持续改变人们的生活，移动应用作为移动互联网的载体，其体验的提升定会让人们进一步享受移动互联网带来的便利！
宋涛
斯凯网络CEO