常成，体验设计及设计管理资深人士。前清华同方E人E本副总裁兼首席产品官；前万达网络科技集团UED设计中心总经理、首席设计师；联想集团UCD用户体验设计中心创始成员；设计师的咖啡馆联合创始人；中国互联网大会-海峡两岸数字内容设计大赛专业总评委；IXDC中国交互设计专业委员会主讲人；UXPA中国用户体验专业委员会特约撰稿人；清华大学美术学院信息设计系特约授课专家；2008北京奥运会火炬“祥云”创作团队核心成员、祥云图案主设计师、人机交互主设计师。

目录

Contents

001 第1章　建立体验设计观

001 1.1　从人造物的四个层次说起

006 1.2　从“以产品为中心”到“以用户体验为中心”的设计理念

006 1.2.1　商品经济时代的设计理念特征

006 1.2.2　体验经济时代的设计理念特征

008 1.3　“商品经济时代”与“体验经济时代”

011 1.4　体验经济的构成要素

011 1.4.1　价值认同

012 1.4.2　需求重建

014 1.4.3　过程参与

015 1.4.4　智能服务

016 1.5　产品的体验层次构成—“骨骼+皮肤”

016 1.5.1　骨骼与皮肤

017 1.5.2　产品的体验层次构成

033 1.5.3　体验层次与岗位职责

034 1.6　企业中的UED设计流程

035 1.6.1　项目启动阶段Kick-off Phase

035 1.6.2　产品规划阶段Product Planning Phase

036 1.6.3　产品设计阶段Product Design Phase

037 1.6.4　测试阶段Testing Phase

039 第2章　用户的任务流程

039 2.1　什么是流程

041 2.2　流程的三要素

041 2.2.1　节点

VIII

041 2.2.2　路径

042 2.2.3　任务

043 2.3　发现生活中的流程—任务流程

043 2.3.1　一只蚊子引发的流程

044 2.3.2　任务流程

045 2.3.3　任务流程图

048 2.4　任务流程与交互流程的关系

049 2.5　UI的本质是流程，是实现用户利益的流程

051 2.6　产品机会的蓝图—体验地图

055 2.7　交互设计的提纲—任务列表

056 2.7.1　从功能列表转化为MENU TREE功能菜单

057 2.7.2　从MENU TREE功能菜单转化为任务列表

059 第3章　交互设计的黄金标尺

059 3.1　体验标准（Experience Standard）

060 3.1.1　Level-1有用Useful

060 3.1.2　Level-2可用Usability

061 3.1.3　Level-3易用Easy to Use

061 3.1.4　Level-4爱用Joy to Use

063 3.2　可用性设计原则（Usability Design Philosophy）

064 3.2.1　一致性

065 3.2.2　可逆性

066 3.2.3　可察性

066 3.2.4　操作信息完备性

067 3.2.5　反馈信息完备性

068 3.2.6　连续性

068 3.2.7　效率性

069 3.2.8　易学习性

069 3.2.9　易记忆性

070 3.2.10　容错性

070 3.2.11　清晰的导航

070 3.2.12　用户的语言

目录

IX

073 第4章　交互设计的必要知识

073 4.1　操作与反馈

074 4.2　技术逻辑与使用逻辑

074 4.3　用户的直接利益与间接利益

074 4.4　流程

075 4.5　任务流程

075 4.6　时间轴

075 4.7　大、小交互流程

075 4.8　用户角色Persona

076 4.9　用户界面

077 4.10　交互模式

077 4.10.1　1尺交互模式

078 4.10.2　2尺交互模式（坐姿）

079 4.10.3　2尺交互模式（立姿）

081 4.10.4　10尺交互模式

082 4.10.5　0尺交互模式

082 4.10.6　手眼交互—鼠标交互模式

083 4.10.7　手眼交互—触屏交互模式

083 4.10.8　口耳交互—语音交互模式

085 4.10.9　复杂交互模式

089 第5章　交互流程设计-1：页面

090 5.1　交互流程的四要素

091 5.2　页面的构成

091 5.2.1　页面架构—托盘

092 5.2.2　控件—筷子和勺子

096 5.2.3　信息—饭和菜

102 5.3　UI系统架构

103 5.3.1　浅宽式UI架构

104 5.3.2　窄深式UI架构

107 5.4　交互流程图中的页面—UI原型页面

111 第6章　交互流程设计-2：路径

112 6.1　初识路径

112 6.1.1　路径的绘制方法

112 6.1.2　路径的基本使用方法

120 6.1.3　交互流程图的动脉和静脉

120 6.2　推进路径

121 6.2.1　层进路径

123 6.2.2　快进路径

124 6.2.3　执行路径

126 6.2.4　完成路径

127 6.3　返回路径

128 6.3.1　层退路径（BACK）

132 6.3.2　首页返回路径（BACK）

134 6.3.3　退出路径（CLOSE/EXIT）

135 6.3.4　返回主页路径（HOME）

137 6.3.5　取消路径（取消、再想想、以后再说）

141 6.4　路径设计的一次实战

159 6.5　跳转路径

160 6.5.1　应用跳转路径

163 6.5.2　流程跳转路径

167 第7章　交互流程设计-3：操作方式

167 7.1　单击

170 7.2　双击

172 7.3　长按

174 7.4　横拨、纵拨

178 7.5　自由移动

178 7.6　双指缩放

180 7.7　手写

180 7.8　操作方式的图法表达

182 7.9　操作方式的定义与设计

目录

185 第8章　交互流程设计-4：逻辑判断

185 8.1　判断的基本概念和图法表达

186 8.2　使用逻辑判断

187 8.3　技术逻辑判断

188 8.4　业务逻辑判断

189 8.5　判断一下自己是否掌握了判断

195 第9章　交互流程设计-5：复杂交互流程

195 9.1　双任务交互流程

201 9.2　双用户交互流程

203 9.3　硬件交互流程

211 第10章　交互设计师

211 10.1　什么是设计师？

213 10.2　什么是交互设计师？

214 10.2.1　交互设计师的专业价值

215 10.2.2　交互设计师的工作区间

215 10.2.3　交互设计师的工作职责

218 10.3　交互设计师的自我修养

220 10.4　交互设计师的职业发展

223 第11章　人工智能时代的交互设计

224 11.1　从“有趣”到“有爱”

226 11.2　AI人工智能产品的三个“进化特征”

227 11.2.1　Level-1智能识别—“看得懂、听得懂”

228 11.2.2　Level-2智能学习—“记得住、学得会”

228 11.2.3　Level-3智能创造—“想得出、做得到”

229 11.3　一个关于“入睡”的智能应用场景

233 11.4　对话式交互流程的设计

242 11.5　智能化设计理念

243 11.6　手写也智能

246 11.7　AI智能产品的人机交互发展趋势

251 第12章　交互设计的艺术

252 12.1　点石成金的艺术—激活潜在的用户界面

259 12.2　系统重构的艺术—O2O逛街平台

284 12.3　导航的艺术—“我的花园”

290 12.4　行为引导的艺术—不用培训和惩罚销售人员

296 12.5　硬件交互的艺术—第一项发明专利

310 12.6　东方文化的艺术—奥运火炬“祥云”

343 尾声：前辈的嘱托

345 结束语

346 致谢