本书系统介绍了信息交互产品设计相关的理论和方法。全书共6章,分别为信息交互设计概述、设计目标与需求分析、设计定义、信息架构设计、交互设计、界面设计。本书结合实际设计案例,采用浅显易懂的方式,对信息交互产品的基本概念、方法、设计要素和设计实践等进行了系统阐述。 本书依托前沿科研成果和发展趋势,结合两位作者在信息交互设计领域多年的科研、实践和教学经验,力图帮助有志于从事信息交互设计的学生和从业者掌握系统的理论和方法。本书可作为交互设计和信息科学领域本科生或研究生的教材,也可供从事交互设计工作的科研人员和从业人员参考。
吕菲,博士,北京邮电大学数字媒体与设计艺术学院副院长、副教授。现担任ACM SIGCHI中国执行委员会委员、中国计算机学会人机交互专业委员会执行委员、中国工业设计协会信息与交互设计专业委员会委员。研究领域为人机交互,在ACM CHI、International Journal of History and Cultural Studies(IJHCS)等学术会议/期刊上发表学术论文20余篇,出版学术专著1部。主持国家自然科学基金、北京市社会科学基金(优秀)等课题9项,获2019年ACM SIGCHI中国新星奖、2022年iF设计奖。承担Web交互设计、交互设计基础、网页设计基础、用户界面设计基础、设计符号学等多门本科生、研究生课程教学工作,指导学生获重要设计奖项90余项,其中一等奖10项。 秦宪刚,博士,北京邮电大学数字媒体与设计艺术学院讲师,欧盟委员会地平线2020计划玛丽?斯克沃多夫斯卡?居里学者(MARIE SK?ODOWSKA-CURIE Fellowship),中国科学院心理研究所博士,哥本哈根商学院数字化系博士后。曾在西门子中国研究院、中国移动通信集团有限公司研究院和联想移动通信科技有限公司从事设计与用户体验相关工作。现担任国际信息处理联合会IFIP人-工作交互设计组(13.6:HWID)副主席、中国人类工效学学会智能交互与体验委员会委员、中国心理学会工程心理学委员会委员。研究领域为人机交互与用户体验。主持国家自然科学基金、北京市社会科学基金(优秀)等课题9项,在IWC、IFIP INTERACT、《装饰》《人类工效学》等国内外重要会议、期刊上发表学术论文数篇,合作出版著作、译作4部,作为第一申请人授权发明专利3项。承担设计调研与分析、用户体验度量与评估、人机工程、数据统计与分析、设计管理等多门本科生、研究生课程教学工作。
第1章 信息交互设计概述 001
1.1 信息交互设计的概念 002
1.2 信息交互设计的发展 002
1.2.1 交互技术的发展 002
1.2.2 交互界面的发展 004
1.3 信息交互设计流程 011
1.3.1 设计目标与需求分析 011
1.3.2 设计定义 012
1.3.3 信息架构设计 013
1.3.4 交互设计 013
1.3.5 界面设计 014
第2章 设计目标与需求分析 015
2.1 信息交互设计目标 016
2.1.1 商业目标 016
2.1.2 公益目标 016
2.2 设计需求来源 018
2.2.1 利益相关方与目标用户 018
2.2.2 典型人物 019
2.3 设计需求收集 028
2.3.1 用户需求的分类 029
2.3.2 需求收集方法 031
2.4 数据分析方法 055
2.4.1 数据及数据类型 055
2.4.2 定性数据的分析方法 057
2.4.3 定量数据的分析方法 061
第3章 设计定义 073
3.1 从用户需求到设计定义 074
3.1.1 质量功能部署 076
3.1.2 设计方案选择的平衡计分卡 083
3.2 需求分类卡诺模型 084
3.2.1 卡诺模型的5个属性分类 085
3.2.2 卡诺属性的统计计算方法 088
3.2.3 卡诺属性的可视化 093
第4章 信息架构设计 094
4.1 信息组织 095
4.1.1 位置 095
4.1.2 字母表 096
4.1.3 时间 096
4.1.4 类别 098
4.1.5 层次 098
4.2 导航 099
4.2.1 全局导航 100
4.2.2 局部导航 101
4.2.3 情景导航 103
4.2.4 面包屑导航 104
4.2.5 站点地图 104
4.3 标签 106
4.3.1 概念 106
4.3.2 类型 107
4.3.3 设计原则 108
4.4 搜索 110
4.4.1 应用场景 110
4.4.2 视觉线索 111
4.4.3 输入特性 112
4.5 卡片分类法 113
4.5.1 主要类型 114
4.5.2 实施过程 115
第5章 交互设计 119
5.1 交互设计的目标 120
5.2 交互设计的原则 122
5.2.1 唐?诺曼的7个基本原则 122
5.2.2 交互设计的7大定律 126
5.3 交互元素 130
5.3.1 原子 131
5.3.2 分子 132
5.3.3 组织 132
5.3.4 模板 133
5.3.5 页面 133
5.4 交互布局 135
5.4.1 F式布局 135
5.4.2 Z式布局 136
5.4.3 卡片布局 137
5.4.4 网格布局 138
5.4.5 杂志布局 138
5.4.6 无框布局 139
5.4.7 对称布局 140
5.4.8 非对称布局 140
5.4.9 布局原则 142
5.4.10 栅格系统 146
5.5 交互原型 149
5.5.1 线框图 149
5.5.2 原型设计工具 151
第6章 界面设计 153
6.1 设计风格 154
6.1.1 拟物风格 154
6.1.2 极简风格 155
6.1.3 新拟物风格 156
6.1.4 其他风格 157
6.2 色彩 159
6.2.1 基础知识 159
6.2.2 色彩功能 163
6.2.3 色彩对比 165
6.3 图标 168
6.3.1 Logo 168
6.3.2 Icon 174
6.4 文字 179
6.4.1 基本知识 179
6.4.2 字体风格 181
6.4.3 文字设置 184
6.4.4 文字色彩 186
6.5 视觉吸引 187
6.5.1 弹出框 187
6.5.2 交互引导 187
6.5.3 提示 188
6.5.4 微动效 188
6.6 设计规范 190
6.6.1 组件库 191
6.6.2 字体库 192
6.6.3 色彩库 194
6.7 设计原则 194
6.7.1 Robin Williams设计原则 195
6.7.2 Material Design设计原则 198
6.7.3 iOS 设计原则 199
参考文献 201