第1章 用户体验设计基础 2
1.1 关于用户体验设计 2
1.1.1 用户体验概述 2
1.1.2 用户体验设计的发展 2
1.1.3 用户体验设计相关术语 3
1.2 网站与用户体验设计 3
1.2.1 网站结构 3
1.2.2 网站页面的构成元素 4
1.2.3 网站页面的视觉层次 6
1.2.4 基于用户体验的网站设计原则 10
1.3 用户体验设计范畴及其特点 13
1.3.1 6种基础体验 13
1.3.2 用户体验设计范畴 15
1.3.3 用户体验设计特点 16
1.3.4 用户体验设计的5个着手点 17
1.4 用户体验设计的原则 18
1.4.1 快速引导用户找到需要的内容 18
1.4.2 设置期望并提供反馈 20
1.4.3 基于人类工程学设计 21
1.4.4 页面设计的一致性 21
1.4.5 及时提供错误提示 21
1.4.6 帮助用户记忆 22
1.4.7 考虑用户的操作水平 22
1.4.8 为用户提供实用的帮助 22
1.5 用户体验设计的一般流程 23
1.6 本章小结 24
第2章 用户体验设计要素 26
2.1 用户体验分类 26
2.1.1 信息架构 26
2.1.2 交互设计 30
2.1.3 视觉形象设计 31
2.2 用户体验的要素模型 32
2.2.1 用户体验的5个层面 33
2.2.2 用户体验要素模型 35
2.3 战略层 36
2.3.1 确定产品定位 36
2.3.2 了解用户需求 37
2.4 范围层 37
2.4.1 获得需求 38
2.4.2 对需求进行分析筛选 38
2.4.3 确定需求优先级 39
2.5 结构层 39
2.5.1 交互设计 39
2.5.2 信息架构 40
2.6 框架层 41
2.6.1 界面设计 41
2.6.2 导航设计 41
2.6.3 信息设计 42
2.6.4 线框图 43
2.6.5 实战分析:设计企业宣传网站页面 44
2.7 表现层 46
2.7.1 评估网站的视觉设计 46
2.7.2 对比 47
2.7.3 一致性 47
2.7.4 配色方案 48
2.7.5 字体选择 49
2.7.6 实战分析:设计运动服饰促销页面 50
2.8 本章小结 52
第3章 视觉体验要素 54
3.1 网站图标 54
3.1.1 图标的应用 54
3.1.2 图标的设计原则 55
3.2 网站Logo 56
3.2.1 网站常见Logo表现形式 57
3.2.2 设计网站Logo的一般流程 58
3.3 网站导航 60
3.3.1 网站导航的作用 60
3.3.2 网站中常见的导航形式 61
3.3.3 交互导航的优势与劣势 63
3.4 网站广告 64
3.4.1 网站常见广告形式 64
3.4.2 广告应该放置在页面中哪些位置 66
3.4.3 需要什么样式的广告 67
3.4.4 做网页广告需要注意的问题 68
3.5 多媒体元素 69
3.5.1 网页动画的应用类型 69
3.5.2 网页动画的用户体验原则 71
3.5.3 音频元素的应用 72
3.5.4 视频元素的应用 73
3.5.5 实战分析:设计网店促销活动页面 73
3.6 网站页面的布局 75
3.6.1 符合用户的浏览习惯 76
3.6.2 常见的网页布局形式 76
3.6.3 网页布局的要点 80
3.6.4 实战分析:设计儿童网站 81
3.7 网站常见的设计风格 83
3.8 本章小结 87
第4章 交互体验要素 89
4.1 可用性设计 89
4.1.1 什么是可用性 89
4.1.2 可用性的表现 89
4.2 表单的交互体验设计 90
4.2.1 表单设计元素 90
4.2.2 登录表单细节 90
4.2.3 注册表单细节 93
4.2.4 登录/注册页面需要注意的常见问题 94
4.2.5 提交表单按钮的视觉层次 97
4.2.6 提高表单可用性 98
4.2.7 实战分析:设计简约登录页面 101
4.3 网站搜索的交互体验设计 103
4.3.1 创建完美的搜索功能 103
4.3.2 用户需求的起点——搜索入口 103
4.3.3 满足用户潜在需求——搜索提示 105
4.3.4 用户操作便捷化与简洁化——搜索过程 108
4.3.5 用户的终极目标——搜索结果 109
4.4 文字交互体验设计 109
4.4.1 关于文字交互 110
4.4.2 常见文字交互方式 110
4.4.3 超链接文字交互 112
4.5 按钮交互体验设计 113
4.5.1 网页按钮的功能与表现 113
4.5.2 关于幽灵按钮 114
4.5.3 如何设计出色的交互按钮 115
4.5.4 实战分析:设计手机宣传网站 119
4.6 网站页面中其他交互体验细节 121
4.6.1 在线咨询 121
4.6.2 意见反馈 123
4.6.3 面包屑路径 124
4.6.4 页面刷新 126
4.7 本章小结 127
第5章 内容体验要素 129
5.1 网站结构与栏目规划 129
5.1.1 网站结构对用户体验的影响 129
5.1.2 网站的物理结构与逻辑结构 129
5.1.3 常规网站栏目设置存在的问题 131
5.1.4 如何设置“诱惑”的网站栏目 132
5.2 网站内容 134
5.2.1 内容分类名称简单明了 134
5.2.2 不同类型网站的内容分类 134
5.2.3 网站内容的丰富性和原创性 135
5.2.4 网站内容的更新 136
5.3 文字内容排版 138
5.3.1 网页文字的5个重要属性 138
5.3.2 网页文字使用规范 141
5.3.3 最佳易读性规范 142
5.3.4 在文字排版中应用设计4原则 144
5.4 图片排版技巧 146
5.4.1 图片展示方式 147
5.4.2 图片展示技巧 149
5.5 网站内容编排技巧 150
5.5.1 突出文章标题 151
5.5.2 合理使用导读 151
5.5.3 使用数字加深用户印象 152
5.5.4 图文并茂的表现技巧 152
5.5.5 网站内容编写的其他技巧 153
5.5.6 实战分析:设计手机促销页面 154
5.6 本章小结 156
第6章 情感体验要素 158
6.1 用户认知心理 158
6.1.1 设计心理学 158
6.1.2 基于设计心理学的原则 160
6.2 心流体验 163
6.2.1 什么是心流体验 163
6.2.2 两种不同的心流体验类型 164
6.2.3 心流体验设计方法 164
6.2.4 用户体验的经验设计 168
6.3 沉浸感设计 168
6.3.1 什么是沉浸感 168
6.3.2 沉浸感设计原则 169
6.3.3 沉浸感在游戏网站中的应用 171
6.3.4 实战分析:设计休闲游戏网站 172
6.4 情感化设计 174
6.4.1 什么是情感化设计 174
6.4.2 网站情感化设计的3个层次 174
6.4.3 网站情感化设计方法 176
6.5 美感设计 178
6.5.1 什么是美感设计 178
6.5.2 交互设计中的美感体验 178
6.6 善用色彩情感 179
6.6.1 色彩属性 179
6.6.2 网页的基本配色方法 180
6.6.3 色彩的情感意义 182
6.6.4 色彩情感在网站设计中的应用 185
6.6.5 网页配色的常见问题 188
6.6.6 实战分析:设计数码产品宣传网站 191
6.7 本章小结 192
第7章 移动端用户体验 194
7.1 了解移动端用户体验 194
7.1.1 移动端与PC端的区别 194
7.1.2 常见移动设备尺寸标准 195
7.1.3 移动端与PC端不同的交互方式 198
7.1.4 移动端用户体验发展趋势 198
7.1.5 移动端设计流程 199
7.2 移动端用户体验设计 201
7.2.1 移动端用户体验设计的要点 201
7.2.2 如何提升移动端应用的用户体验 203
7.2.3 实战分析:设计移动端应用登录界面 205
7.3 移动端界面配色 207
7.3.1 色彩在移动端界面设计中的作用 207
7.3.2 移动端界面配色原则 208
7.4 移动端界面设计 210
7.4.1 视觉设计 210
7.4.2 版式设计 211
7.4.3 界面元素设计 213
7.4.4 实战分析:设计移动端音乐App界面 221
7.5 移动端界面设计原则 222
7.5.1 实用性 222
7.5.2 统一的色彩与风格 223
7.5.3 合理的配色 223
7.5.4 规范的操作流程 224
7.5.5 视觉元素规范 224
7.6 本章小结 224