图解交互设计 UI设计师的必修课 陈根 编 专业科技 文轩网

第1章 从“恼人的交互设计”说起001
1.1淋浴花洒和水龙头之间的切换003
1.2洗手间的标志004
1.3开关的一致性005
1.4智能手机的接听按钮位置007
1.5“确定”按钮008
第2章 交互设计理论概述011
2.1交互设计的“初心”012
2.1.1交互设计的前世012
2.1.2交互设计的今生015
2.2与交互设计相关的一些基本概念017
2.2.1交互设计的概念017
2.2.2交互设计体系018
2.2.3UE——用户体验设计019
2.2.4interaction——交互设计020
2.2.5HCI——人机交互021
2.2.6UI——用户界面022
2.3交互系统的5个要素024
2.3.1用户025
2.3.2行为和目标025
2.3.3媒介026
2.3.4场景026
第3章 交互设计的理念与方法027
3.1前田约翰（John Maeda）的10个精简定律028
3.1.1缩减028
3.1.2组织与安排029
3.1.3差异029
3.1.4感情030
3.1.5信任031
3.1.6时间031
3.1.7学习032
3.1.8失败033
3.1.9脉络033
3.1.10专享033
3.2本·施耐德（Ben Shneiderman）界面交互设计的8大黄金法则034
3.2.1一致性034
3.2.2常用用户使用快捷操作034
3.2.3“完结”设计034
3.2.4提供有用信息的反馈035
3.2.5提供简单的错误操作的解决方案035
3.2.6允许撤销操作035
3.2.7给用户掌控感035
3.2.8减少短时记忆负担035
3.2.9本·施耐德的8大黄金法则在苹果产品设计中的应用036
3.3交互设计的8大策略支柱039
3.3.1制约040
3.3.2反馈042
3.3.3关联对应044
3.3.4能见度046
3.3.5惯例048
3.3.6一致性050
3.3.7个性化051
3.3.8脆弱环节053
3.4成功的交互设计要缜密考量的5个“W”因子053
3.4.1Who——给谁用054
3.4.2Why——为何用055
3.4.3Where——在哪里用056
3.4.4When——何时使用057
3.4.5What——如何用058
第4章 用户体验设计061
4.1用户体验设计的概念062
4.2用户体验设计的4个基础062
4.2.1独特性063
4.2.2可实现性066
4.2.3关联066
4.2.4空间066
4.3用户体验设计的5个层面067
4.3.1用户体验设计的5个层面067
4.3.25个层面的关系069
4.3.3需求和问题管理的3个要点071
4.3.4案例知乎App用户体验设计层次分析071
4.4用户体验的衡量指标078
4.4.1行为忠诚派079
4.4.2态度忠诚派079
4.4.3综合派081
第5章 交互设计的心理学083
5.1交互设计的5个认知因素084
5.1.1感知因素084
5.1.2视觉因素085
5.1.3注意因素086
5.1.4记忆因素087
5.1.5思维因素088
5.2记忆与交互设计089
5.2.1记忆的基本类型089
5.2.22个记忆定律091
5.2.3记忆特点与交互设计原则093
5.2.4心智模型096
5.2.5创造利于记忆的用户体验的7种诀窍099
5.3affordance——交互设计界最夯的字103
5.4产品体验设计的3大心理效应105
5.4.1鸟笼效应105
5.4.2福格行为模型106
5.4.3心流理论108
5.4.4沉浸感119
5.5巴莱特的图式理论124
5.5.1图式理论124
5.5.2图式理论的要点125
5.5.3图式理论有助于提升游戏的趣味性126
5.6普拉切克的情绪心理进化论129
5.7评估交互设计三个“E”指标131
5.7.1Effective131
5.7.2Easy134
5.7.3Enjoyable140
5.8障碍设计的4种方法142
5.8.1可以有效组织用户思考的障碍143
5.8.2帮助用户更好地学习技能的障碍143
5.8.3能让用户感觉更好的障碍144
5.8.4对质量有提升的障碍145
第6章 用户需求研究147
6.1用户148
6.1.1用户研究的目的148
6.1.2用户分类148
6.1.3用户特征150
6.2获取用户信息的18个有效方法151
6.2.1用户观察151
6.2.2问卷153
6.2.3面谈155
6.2.4实地调查156
6.2.5知觉地图156
6.2.6焦点小组158
6.2.7亲和图159
6.2.8拼贴161
6.2.9关键事件法163
6.2.10文化探测164
6.2.11用户模型165
6.2.12场景描述170
6.2.13故事板171
6.2.14情绪板172
6.2.15期望值测试173
6.2.16卡片分类法175
6.2.17眼动追踪177
6.2.18应用型用户故事地图178
第7章 交互设计的视觉界面设计183
7.1视觉界面设计概述185
7.1.1视觉设计的过程185
7.1.2符号学相关知识187
7.1.3视觉界面设计的7个组成要素190
7.1.4视觉设计元素的整合194
7.2版面编排197
7.2.1版面编排的设计要点197
7.2.2视觉界面排版设计4大原则204
7.2.3案例Facebook改版前后的视觉界面设计对比206
7.3文案211
7.3.1交互文案设计的3个原则212
7.3.2微文案的设计要点214
7.4字体218
7.4.1常用的几种字体219
7.4.2具有戏剧效果的5种字体222
7.4.3常用的字号226
7.4.4常用的字体颜色229
7.4.5字体细节设计策略229
7.5色彩233
7.5.1色彩在交互中的作用233
7.5.2交互设计中的色彩印象237
7.5.3用户界面交互设计的配色243
7.6图片262
7.6.1图片的位置262
7.6.2图片的数量262
7.6.3图片的面积264
7.6.4图片的组合265
7.6.5图片与文字的组合267
7.7信息图形设计268
7.7.1信息图形设计概述268
7.7.2信息图形设计的原因269
7.7.3信息图形的分类271
7.7.4好的信息图形设计的特点274
7.8动效设计277
7.8.1动效的概述277
7.8.2动效的功能277
7.8.3动效体验的12条原则282
7.8.4动效设计的四种趋势294
7.9隐喻300
7.9.1隐喻的概述300
7.9.2文案中的隐喻300
7.9.3设计中的隐喻301
7.9.4隐喻如何应用301
7.9.5隐喻的学习303
7.10应用在视觉界面设计中的10个用户心理学原理304
7.10.180/20规则304
7.10.23秒原则307
7.10.3防错原则307
7.10.4费兹定律309
7.10.5操纵定律312
7.10.6泰思勒定律315
7.10.7奥卡姆剃刀原理317
7.10.8冯·雷斯托夫效应320
7.10.9系列位置效应320
7.10.10认知负荷原理321
7.11视错觉在交互设计中的应用322
7.11.1视错觉的概念322
7.11.2经典视错觉与交互设计322
7.11.3视错觉在版面设计中的应用336
7.11.4格式塔理论338
第8章 网站UI交互设计355
8.1网页基本概念356
8.2网站UI设计原则356
8.2.1以用户为中心356
8.2.2视觉美观357
8.2.3主题明确357
8.2.4内容与形式统一361
8.2.5有机的整体362
8.3网站UI版式设计的形式美363
8.3.1主次关系363
8.3.2虚实对比364
8.3.3比例尺度365
8.3.4对称与均衡365
8.3.5对比与调和366
8.3.6节奏和韵律367
8.3.7量感369
8.3.8空间感370
8.3.9尺度感371
8.4网站UI交互细节设计372
8.4.1登录页372
8.4.2“关于我们”375
8.4.3弹窗376
8.4.4404页面384
第9章 移动端交互设计387
9.1移动UI388
9.2从桌面端到移动端的内容迁移时用户体验的优化388
9.2.1每屏只完成一项任务388
9.2.2精简并优化导航体系389
9.2.3基于搜索引擎的设计模式389
9.2.4更大的字体390
9.2.5意义清晰的微文案390
9.2.6去掉不必要的特效391
9.2.7尺寸适配391
9.3App的UI交互设计392
9.3.1App的UI版式设计393
9.3.2App交互细节设计案例404
第10章 交互设计团队407
10.1交互设计师的工作职责408
10.1.1需求分析阶段409
10.1.2交互设计阶段410
10.1.3视觉设计阶段411
10.1.4开发与测试验收阶段412
10.1.5搜集用户反馈阶段412
10.2交互设计师推荐素质412
10.2.1能力素质要求412
10.2.2设计体验感412
10.2.3专注与激情413
10.2.4团队协作415
10.2.5利用新技术415
10.3设计记录415
10.4交互设计师要知道的问题清单417
10.4.1召集开局会议时417
10.4.2对利益关系人访谈时418
10.4.3用户调研时418
10.4.4用户测试时419
10.4.5设计评审时420
10.4.6接受利益关系人的反馈时421
参考文献422