内容简介
在当今互联网和信息技术快速发展的时代,人们的生活经历着各种梦幻般的变化。随着互联网长大的一代正在成为社会的主流,并以他们特有的视角和思考问题的方式影响着社会的发展,形成了所谓的 互联网文化 ,在用户体验发展中展示出独特的一面。本书针对网站用户体验的概念和设计要点进行了深入的介绍和分析。全书共分为6章,从当前互联网经济中的用户体验相关理论和互联网产品设计的基础开始,逐步讲解了用户体验设计的核心、用户体验设计的要素、用户体验中的交互设计、网站的用户体验以及移动端的用户体验等专业知识。通过知点点的讲解与商业应用案例分析相结合的方式,使用户能够更轻松地理解和应用,培养读者在网站用户体验设计方面分析问题和解决问题的能力。本书结构清晰、内容翔实、文字阐述通俗易懂,与案例分析结合进行讲解说明,具有很强的实用性,是一本用户体验设计的宝典。作者简介:
李晓斌,资深UI设计师,有丰富的UI设计经验,先后从事电商设计,软件界面、网站界面和游戏界面的设计工作,先后出版多本设计图书。目 录:
Chapter 01 网络交互与用户体验1.1 关于用户体验 2
1.1.1 什么是用户体验 2
1.1.2 用户体验设计的历史与现状 2
1.1.3 6种基础体验 3
1.1.4 用户体验相关术语 5
1.2 用户体验设计范畴及其特点 6
1.2.1 用户体验设计范畴 6
1.2.2 用户体验设计的特点 7
1.2.3 用户体验设计的5个着手点 9
1.3 网站与用户体验 10
1.3.1 用户体验所包含的内容 10
1.3.2 用户体验对于网站的重要性 13
1.3.3 网站设计如何寻求突破 13
1.3.4 提升网站用户体验 14
1.4 交互设计的内容和习惯 16
1.4.1 什么是交互设计 16
1.4.2 需要考虑的内容 16
1.4.3 需要遵循的习惯 17
1.4.4 用户体验与交互设计 18
1.5 用户体验设计的原则 18
1.5.1 快速引导用户找到需要的内容 19
1.5.2 设置期望并提供反馈 21
1.5.3 基于人类工程学设计 21
1.5.4 与标准保持一致 22
1.5.5 提供纠错支持 22
1.5.6 靠辨识而非记忆 23
1.5.7 考虑到不同水平的用户 23
1.5.8 提供上下文帮助和文档 24
1.6 用户体验要素的应用 24
1.6.1 由现状决定的设计 24
1.6.2 由模仿决定的设计 25
1.6.3 由领导决定的设计 25
1.7 拓展阅读 用户体验设计师 25
1.8 本章小结 26
Chapter 02 认识用户
2.1 用户的感官特征 28
2.1.1 视觉 28
2.1.2 听觉 29
2.1.3 触觉 31
2.2 用户认知心理 31
2.2.1 设计心理学 31
2.2.2 设计心理学的设计原则 35
2.3 用户的心理需求 38
2.3.1 人的需求层次理论 38
2.3.2 用户体验的需求层次 39
2.3.3 用户体验的生命周期模型 42
2.4 以用户为中心设计 43
2.4.1 了解用户需要什么 43
2.4.2 遵循用户的习惯 44
2.4.3 颠覆用户的习惯 45
2.5 网站的目标与用户需求 46
2.6 用户激励机制 49
2.6.1 用户激励的方式 49
2.6.2 等级与积分激励方式的表现 49
2.6.3 网站常用的具体激励方法 51
2.7 拓展阅读 用户行为分析 54
2.8 本章小结 55
Chapter 03 用户体验要素
3.1 用户体验的分类 58
3.1.1 信息架构 58
3.1.2 交互设计 63
3.1.3 视觉形象设计 65
3.2 用户体验的要素模型 66
3.2.1 5个层面 66
3.2.2 要素模型 70
3.3 战略层详解 72
3.3.1 确定产品定位 72
3.3.2 了解用户需求 74
3.4 范围层详解 76
3.4.1 从哪里获得需求 76
3.4.2 对需求进行分析筛选 77
3.4.3 确定需求优先级 78
3.5 结构层详解 79
3.5.1 交互设计 80
3.5.2 信息架构 81
3.6 框架层详解 82
3.6.1 界面设计 82
3.6.2 导航设计 83
3.6.3 信息设计 87
3.6.4 线框图 88
3.7 表现层详解 90
3.7.1 如何评估网站的视觉设计 90
3.7.2 对比 91
3.7.3 一致性 92
3.7.4 配色方案 93
3.7.5 字体选择 94
3.8 拓展阅读 用户体验的一般设计流程 95
3.9 本章小结 97
Chapter 04 关注用户体验的交互设计
4.1 可用性设计 100
4.1.1 什么是可用性 100
4.1.2 可用性的表现 100
4.2 可用性设计原则 101
4.2.1 简洁性 101
4.2.2 易于学习 106
4.2.3 减少用户记忆 108
4.2.4 一致性 111
4.2.5 提供反馈 112
4.2.6 错误提示及避免错误的发生 114
4.2.7 高效率 115
4.3 心流体验 115
4.3.1 什么是心流体验 116
4.3.2 两种不同的心流体验类型 116
4.3.3 心流体验设计的要点 118
4.3.4 用户体验的经验设计 122
4.4 沉浸感设计 126
4.4.1 什么是沉浸感 126
4.4.2 沉浸感设计原则 126
4.4.3 沉浸感在游戏网站中的应用 129
4.5 情感化设计 131
4.5.1 什么是情感化设计 131
4.5.2 互联网产品设计的3层次 131
4.5.3 互联网产品的情感化设计 133
4.6 美感设计 135
4.6.1 什么是美感设计 135
4.6.2 交互设计中的美感体验 136
4.7 用户体验差异设计 137
4.7.1 可访问性设计 137
4.7.2 文化差异设计 139
4.7.3 经验水平差异设计 144
4.8 用户体验与前端设计 145
4.8.1 认识前端设计 146
4.8.2 前端设计优化与用户体验 150
4.9 拓展阅读 网站信息架构 151
4.10 本章小结 152
Chapter 05 Web产品用户体验
5.1 Web产品解构 154
5.1.1 网站解构 154
5.1.2 网站页面的构成元素 154
5.1.3 网站页面的视觉层次 157
5.1.4 基于用户体验的网站设计原则 161
5.2 网站界面设计的基本原则 165
5.2.1 对比突出 165
5.2.2 条理清晰 167
5.2.3 整齐平衡 168
5.2.4 简洁一致 169
5.3 Web用户体验设计 170
5.3.1 清晰的网站结构 170
5.3.2 合理的页面功能布局 173
5.3.3 优化网站内容 180
5.4 网站配色 182
5.4.1 色彩属性 183
5.4.2 网页配色的方法 184
5.4.3 网页文本配色 188
5.4.4 网页元素的色彩搭配 190
5.4.5 色彩情感在网页设计中的应用 192
5.5 网站用户体验设计细节 197
5.5.1 网站图标设计 197
5.5.2 网站按钮设计 200
5.5.3 网站Logo设计 206
5.5.4 网站导航设计 211
5.6 拓展阅读 创建网站
设计的标准 219
5.7 本章小结 220
Chapter 06 移动端用户体验
6.1 了解移动端用户体验 222
6.1.2 移动端与PC端的区别 222
6.1.3 移动设备用户体验发展趋势 224
6.1.4 移动设备的交互设计 225
6.1.5 移动端应用的用户体验设计 226
6.2 移动端设计流程及视觉设计 230
6.2.1 移动端设计流程 230
6.2.2 视觉设计 231
6.2.3 如何提升移动端应用的用户体验 232
6.3 移动端界面设计内容 234
6.3.1 视听元素设计 235
6.3.2 版式设计 244
6.4 移动端界面色彩搭配 247
6.4.1 色彩在移动端界面设计中的作用 247
6.4.2 移动端界面配色原则 249
6.5 移动端界面设计原则 251
6.5.1 实用性 251
6.5.2 统一的色彩与风格 252
6.5.3 合理的配色 252
6.5.4 规范的操作流程 253
6.5.5 视觉元素规范 253
6.6 拓展阅读 常见移动设备
尺寸标准 254
6.7 本章小结 256