创新引擎：交互设计实践方法

　　本书主要内容包括交互设计基础概述，需求的研究和获取方法，交互设计工作方法，视觉、听觉平台上的交互设计方法，以及设计质量控制方法。编者利用十几年设计工作中积累的设计实践经验，将从需求获取开始，一直到测试完成并交付的整个设计工作流程和细节以实际案例的方式一一进行细致的讲述。本书适合作为高等职业院校交互设计/计算机技术类相关专业的教材，和高校理论教材形成充分互补；也可供交互设计人员、产品设计人员、项目经理、用户研究工程师、可用性测试工程师、视觉设计师进行阅读和参考。为方便教学，本书附带电子课件等教学资料，请登录华信教育资源网（http：//www.hxedu.com.cn）注册后免费下载。

　　冯世博，本科及研究生均毕业于西安交通大学，师从德国设计学博士第一人李乐山先生，学习用户体验，人机交互专业。拥有8年设计公司创业经历，12年交互设计工作经历。曾经就职于微软，百度用户体验部门，并创立用户体验设计公司VIPUI.Design，致力于提升各行业的产品体验品质。拥有60余项交互设计项目主导经验，100余项设计项目参与经验。获得美国项目管理协会（Project Management Institute）的PMP项目管理专业资格认证。拥有协调团队内部各个角色协同工作的丰富经验。清晰各个工作职能在产品设计循环中的定位和详细要求。进行过近50次校企培训。面向对象有在校学生，企业员工，专业设计师等，对于推动用户体验知识和经验的普及，设计规范的建立，UCD设计思想的合理使用拥有丰富的经验。服务过的行业包括：金融，电商，计算机系统，汽车，医疗，教育，电视，互联网安全，航空，体育，招聘，企业管理，公共安全，搜索，气象等行业。工作平台包括PC， web， ios， android， linux， win8， 车载，小程序，语音等。明晰各个平台的交互设计标准，并针对跨平台的系统和产品设计有深入的研究。服务过的客户包括：微软，三星，英特尔，德勤，奥迪，联想，海尔，长虹，360，腾讯，小米，乐视，新浪，搜狗，中华英才，中国航信等企业。

第一章
交互设计基础概述
1．1?什么是交互设计\t1
1．2?交互设计学科涵盖的知识体系\t1
1．3?交互设计师工作范围\t2
1．4?高级交互设计师应具备的能力\t3
第二章
通过用户研究来分析产品需求
2．1?选取用户研究方法\t5
2．1．1?定性研究方法\t5
2．1．2?定量研究方法 \t7
2．2?保障用户调研效度\t8
2．2．1?预测效度\t8
2．2．2?结构效度\t9
2．2．3?内容效度\t9
2．2．4?交流效度\t9
2．2．5?分析效度\t10
2．3?确定调研用户维度\t10
2．4?完成用户抽样及邀约\t11
2．4．1?概率抽样 \t11
2．4．2?非概率抽样 \t12
2．4．3?电话邀约举例及注意事项\t12
2．5?执行用户调研过程\t13
2．5．1?调研安排\t13
2．5．2?调研物料\t13
2．5．3?调研技巧\t14
2．5．4?部分特定调研过程的注意事项\t14
2．6?分析调研数据\t15
2．6．1?定性调研数据分析及输出\t15
2．6．2?定量调研数据分析及输出\t15
2．7?应用调研结论\t16
2．7．1?用户模型\t16
2．7．2?产品使用情景分析\t17
2．7．3?Persona\t17
2．7．4?需求权重表\t18
第三章
理解产品并确立需求
3．1?竞品分析\t19
3．1．1?竞品分析的意义\t19
3．1．2?竞品选择\t20
3．1．3?竞品分析维度\t21
3．1．4?竞品分析过程\t21
3．1．5?竞品分析产出\t26
3．1．6?竞品分析报告撰写要求\t27
3．2?主要干系人调研\t27
3．3?行业专家调研\t28
3．4?需求管理\t29
3．4．1?定义需求范围\t29
3．4．2?细化需求文档的撰写\t29
3．4．3?需求跟踪\t30
3．4．4?需求控制\t30
第四章
信息架构设计方法
4．1?需求及其他资料的使用\t31
4．1．1?产品需求中需要关注的内容\t31
4．1．2?其他资料中需要关注的内容\t32
4．2?草图设计阶段\t32
4．2．1?草图的作用\t33
4．2．2?草图展现形式\t33
4．3?线框图框架设计阶段\t34
4．3．1?标准界面类型信息架构设计\t34
4．3．2?非标准界面类型信息架构设计\t35
4．3．3?信息组设计及继承\t36
4．4?信息架构细化设计阶段\t37
4．4．1?信息架构设计中视觉要素的表达\t37
4．4．2?文案优化\t39
4．4．3?根据用户模型进行设计细化\t40
4．4．4?根据商业需求进行设计细化\t41
4．4．5?非正常状态界面设计\t42
4．5?设计评审\t44
4．5．1?信息架构设计文档撰写\t44
4．5．2?信息架构设计阐述\t44
4．5．3?设计评审要素\t45
第五章
交互流程设计方法
5．1?需求及其他资料的使用\t46
5．1．1?产品需求中需要关注的内容\t46
5．1．2?其他资料中需要关注的内容\t47
5．2?业务逻辑图设计\t47
5．2．1?业务逻辑图的构成\t48
5．2．2?业务逻辑图的绘制\t48
5．3?交互流程图设计\t50
5．3．1?交互流程图的构成\t50
5．3．2?交互流程图的绘制\t50
5．3．3?交互流程图中的细节设计\t51
5．4?可交互原型制作\t52
5．4．1?大屏设备可交互原型制作\t52
5．4．2?移动设备可交互原型制作\t52
5．5?设计评审\t54
5．5．1?交互设计说明书撰写\t54
5．5．2?交互设计阐述\t54
5．5．3?设计评审要素\t55
第六章
可视系统平台交互设计方法综述
6．1?手机端App交互设计流程及方法\t56
6．1．1?App导航信息架构设计方法\t57
6．1．2?App单页面信息流设计方法\t63
6．1．3?App搜索设计方法\t69
6．1．4?App控件设计方法\t78
6．2?小程序交互设计方法\t81
6．3?Watch交互设计方法\t83
6．3．1?手表等极小屏幕交互设计基本原则\t83
6．3．2?Apple Watch设计指南\t83
6．4?PC Web端交互设计方法\t86
6．4．1?PC Web界面信息架构设计方法\t86
6．4．2?PC Web界面中的图表设计方法\t88
6．4．3?PC Web界面中的表格设计方法\t100
6．4．4?提示的信息架构类型及设计方法\t105
6．4．5?PC Web控件设计方法\t106
6．5?PC客户端软件交互设计方法\t109
6．5．1?PC客户端软件交互特性\t109
6．5．2?独占软件设计方法\t110
6．5．3?暂态软件设计方法\t112
6．6?PAD端App交互设计方法\t113
6．6．1?PAD端App交互设计发展趋势\t113
6．6．2?PAD端App主界面架构设计方法\t114
6．6．3?PAD端App控件设计方法\t118
6．6．4?PAD端App子页面设计方法\t120
6．7?车载系统交互设计方法\t120
6．7．1?车载系统交互设计发展趋势\t120
6．7．2?中控系统设计方法\t121
6．7．3?其他系统设计方法\t123
6．8?智能电视界面交互设计方法\t123
6．8．1?遥控器控制的智能电视界面交互设计方法\t123
6．8．2?智能电视的交互控制方式\t126
6．9?VR系统交互设计方法\t127
6．9．1?VR系统菜单设计方法\t127
6．9．2?VR系统界面信息架构设计方法\t127
6．10?跨平台产品交互设计方法\t127
6．10．1?适配型跨平台产品交互设计方法\t128
6．10．2?互补型跨平台产品交互设计方法\t131
第七章
语音系统交互设计
7．1?语音交互背景技术\t132
7．1．1?自动语音识别技术\t132
7．1．2?自然语言理解技术\t133
7．2?语音交互界面（VUI）介绍\t133
7．2．1?VUI\t133
7．2．2?语音人机交互设计关键因素\t133
7．2．3?设计思考方向\t134
7．3?语音交互界面设计方法\t134
7．3．1?情景设计\t134
7．3．2?语音系统的拟人化设计\t135
7．3．3?撰写对话脚本\t135
7．3．4?根据对话脚本扩展对话流\t136
7．3．5?视觉图形化辅助设计\t138
7．3．6?细节设计\t139
8．1?可用性测试\t141
8．1．1?可用性定义\t141
第八章
交互设计质量控制工具
8．1．2?可用性指标\t142
8．1．3?常用可用性测试方法\t142
8．1．4?可用性测试流程\t143
8．1．5?数据分析\t143
8．2?专家评审\t144
8．2．1?专家评审的特点\t144
8．2．2?评估原则\t144
8．3?协同设计\t145
8．3．1?设计标准化\t145
8．3．2?协同工具\t145
8．3．3?设计讨论\t145
参考文献\t146