小设计大思维

本书从设计学、心理学、美学、市场学等学科角度系统地介绍了移动应用界面设计的知识体系和方法原理。全书通过翔实的设计案例分析，从设计思考与设计实践两大视角介绍了BSUTIG设计方法模型，即商业模式（B）、设计策略（S）、用户及其任务模型（UT）、交互设计（I）与视觉设计（G）。本书适合从事移动互联网行业的相关人士研读，也适用于数字媒体设计专业的界面设计课程教学。希望本书对移动设计领域的专业人士、设计专业的教师与学生以及希望深入了解和学习用户体验与界面设计知识的读者们有所帮助与启发。

杨焕
博士，杭州师范大学美术学院艺术设计系教师，新媒体艺术设计系列课程负责人，杭州市属高校产学对接技能名师工作室—数字媒体与交互设计专家工作室负责人。2008年毕业于湖南大学设计艺术学院，获得学士学位。2013年毕业于武汉理工大学艺术与设计学院，获得博士学位，致力于交互设计、数字媒体设计、移动端用户体验设计等领域的研究。作品曾多次获得红点、芙蓉杯、Intel创新奖等国内外重要设计奖项。在国内外核心期刊发表学术论文十余篇。曾在腾讯、虹软等多家知名企业从事交互设计工作。
陈星海
浙江工业大学艺术学院教师。2005年毕业于湖南大学设计艺术学院，获得学士学位。2005～2008年在湖南大学传播设计实验室攻读并获得硕士学位。2010年在湖南大学攻读设计学博士学位，致力于服务设计、商业模式创新、界面设计等领域的研究。设计作品曾多次获得红点、芙蓉杯等十余项国内外重要设计奖项。多件作品被法国、意大利、捷克、日本、德国艺术设计机构展出并收藏。在国内外核心期刊发表学术论文十余篇，曾在腾讯等国内外知名企业从事交互设计工作。

推荐序一
推荐序二
推荐序三
前言
第1章引言1
1.1从桌面互联网到移动互联网的转变1
1.2用户界面的发展历程3
1.3移动应用的分类与发展5
1.4BSUTIG移动应用界面设计方法10
第1部分设计思考
第2章价值与创新——商业模式（B）16
2.1设计思维模式下的商业模式创新体系16
2.1.1设计思维与商业模式创新方法16
2.1.2以设计思维为导向的MIUI商业模式分析18
2.1.3设计思维驱动商业模式创新体系的研究与探索21
2.2将UCI融入移动情境感知服务商业模式设计的方法23
2.2.1UCI的含义与流程23
2.2.2移动情境感知服务的内容24
2.2.3UCI与移动情境感知服务的融合25
2.2.4基于UCI的移动情境感知服务商业模式设计方法28
2.3小结30
第3章目标与蓝图——设计策略（S）31
3.1设计策略的概念31
3.2基于问题的设计策略33
3.2.1提出问题——设计触发点34
3.2.2寻找答案——设计切入点37
3.2.3解决问题——设计概念42
3.2.4检验——设计验证44
3.3基于用户体验的设计策略47
3.4不同生命周期的设计策略54
3.5小结55
第4章核心与情感——用户及其任务模型（UT）57
4.1移动用户的需求层次57
4.2移动用户模型59
4.2.1认知模型62
4.2.2行为模型66
4.2.3情感模型70
4.3用户模型的具体表现：人物角色模型73
4.3.1人物角色模型及其分类73
4.3.2人物角色模型创建的步骤与方法76
4.3.3案例：中文学习应用的人物角色模型80
4.4为移动用户设计的核心要素82
4.4.1情境的影响因素82
4.4.2做减法、做简法与组织85
4.5任务模型的构建89
4.5.1任务模型及其类型89
4.5.2现有任务模型构建方法的比较分析90
4.5.3任务模型的构建步骤和要点92
4.5.4案例分析：中文学习应用的任务模型93
4.6UT模型的构建95
4.7小结95
第2部分设计实践
第5章框架与行为——交互设计（I）98
5.1交互设计基础100
5.1.1用户与界面的交互方式100
5.1.2交互设计的维度109
5.1.3移动交互设计原则115
5.2内容与要点121
5.2.1整体框架——信息架构121
5.2.2行为体验——流程图125
5.2.3交互式导航的构建129
5.2.4主流智能系统平台设计方法的比较分析142
5.3提升交互体验的要点与设计方法146
5.3.1手指点击146
5.3.2输入设计148
5.3.3控件设计151
5.3.4动效设计156
5.4设计的验证164
5.4.1原型输出164
5.4.2设计的评估：可用性测试169
5.5小结172
第6章秩序与细节——视觉设计（G）173
6.1影响移动应用界面视觉设计的原理173
6.1.1移动应用界面视觉设计美学与效率173
6.1.2基于效率的移动应用界面视觉设计美学发展174
6.1.3符号的应用180
6.1.4格式塔心理学的启示184
6.2原则与流程187
6.2.1原则187
6.2.2流程192
6.3提升视觉体验的要点与设计方法194
6.3.1主题与色彩194
6.3.2导航与布局197
6.3.3图标设计200
6.3.4阅读体验208
6.3.5入场界面213
6.4小结216
第7章案例217
7.1数字烟花服务设计平台217
7.2个人掌上车管应用232
7.3个人服装搭配助理平台240
后记246
参考文献248

前言 移动互联网时代给人们的生活和工作带来了许多机会和挑战，在这样一个虚拟、丰富、智能、全球化的平台之上，世界趋于扁平、机会变得平等。正如《失控》的作者凯文·凯利（Kevin Kelly）所言：“历史上从未有过这样开放的平台，超低的门槛，海量的机会，极高的收益风险比”。他认为这是人类历史上开拓进取最好的时代，最酷、最炫的东西还没有发明出来。 欣欣向荣的移动互联网生态系统拥有一个完全开放的边界：信息飞速传播，人与人、人与物、人与环境之间的沟通变得更加个性化、智能化。移动互联网技术及其应用的发展重新定义了物的连接、人的连接、商业与人的连接，这极大地改善了人们的生活和工作方式，降低了信息沟通的成本，提高了社会生产的效率，丰富了社会生活的内容，并为促进智慧家庭到智慧城市的发展提供了更多具有开创性的移动应用与服务。 对于设计师来说，移动互联网时代充满了机会和挑战。如今，在硅谷的互联网企业中，设计师文化正在崛起，用户体验的份量正在不断增加。其倡导的设计思维是希望将设计思维的理念、模式和创新的精神带入整个产品与服务的设计过程中。将设计看作企业的DNA，融入企业组织的文化和管理，并指导企业从商业与服务模式到具体产品设计的各个方面。正因为如此，设计专业的界限也正变得越发模糊，设计师除了掌握基本的设计技能外，还需了解更多市场、管理和技术方面的知识，这样才能全面、系统地设计移动应用界面，并与研发团队形成良好的互动与合作。 如今大量的互联网及移动互联网企业、创业公司与团队纷纷加入到移动应用的开发队伍中，移动应用的海洋早已从“蓝色”变成“红色”。这使得产品同质化现象日趋严重。如何在海量的移动应用与服务的竞争中脱颖而出，给社会和用户带来更好的体验和价值，这需要设计师发挥智慧和才干赋予产品与服务独特的设计附加值，最终形成自身强大的品牌效益。 因此，在遵循移动应用设计规范的前提下，合理有序地开展其设计活动并形成良好的用户体验是设计师的重要任务。 本书以作者的博士论文为研究基础，将移动应用及其界面作为研究对象，在介绍现有移动应用设计领域相关知识、技术的基础上，综合运用市场学、认知心理学、设计艺术学、美学等学科的理论，通过设计实践探索其设计方法。BSUTIG模型是本书的研究框架，它涵盖了商业模式（B）、设计策略（S）、用户及其任务模型（UT）、交互设计（I）与视觉设计（G）5项内容，分属于设计思考与设计实践两大部分。 本书可以作为从事移动互联网行业的相关人士的参考书，也可以作为用户体验设计的教学与研究用书。希望本书对从事移动设计与设计教育行业的读者以及广大设计专业的学生都能有所帮助和启发！ 杨 焕 陈星海 2015年2月于京杭大运河畔