小设计,大思维:移动应用界面的设计方法与实践
作者:杨焕,陈星海 著
出版时间:2015年版
内容简介
《小设计,大思维 移动应用界面的设计方法与实践》从设计学、心理学、美学、市场学等学科角度系统地介绍了移动应用界面设计的知识体系和方法原理。全书通过翔实的设计案例分析,从设计思考与设计实践两大视角介绍了BSUTIG设计方法模型,即商业模式(B)、设计策略(S)、用户及其任务模型(UT)、交互设计(I)与视觉设计(G)。本书适合从事移动互联网行业的相关人士研读,也适用于数字媒体设计专业的界面设计课程教学。希望本书对移动设计领域的专业人士、设计专业的教师与学生以及希望深入了解和学习用户体验与界面设计知识的读者们有所帮助与启发。
目录
推荐序一
推荐序二
推荐序三
前言
第1章 引言 1
1.1 从桌面互联网到移动互联网的转变 1
1.2 用户界面的发展历程 3
1.3 移动应用的分类与发展 5
1.4 BSUTIG移动应用界面设计方法 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.1 UCI的含义与流程 23
2.2.2 移动情境感知服务的内容 24
2.2.3 UCI与移动情境感知服务的融合 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.6 UT模型的构建 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