网站以其独特的信息传播特点和美学特征,为交互带来了新的视野。网站彻底改变了传统媒体的艺术创作及传播模式,将用户作为参与主体引入到网络艺术的创作和传播过程中,从而使网站设计在考虑传统美学特征和传播特点的同时,还应该符合用户的心理感受,即用户体验。
随着数字技术的发展和交互设计研究的日趋成熟,网站设计早期对技术至上和功能至上的追求逐渐被关注用户体验的设计理念所替代。用户体验成为网站设计的基础和核心。
本书通过5个方面对网站的用户体验进行全面的分析讲解,分别是:感官体验要素、交互体验要素、浏览体验要素、情感体验要素和信任体验要素。通过这5个方面系统地阐述了用户体验设计中的各种要素,只要从这5个方面着手,一定能够有效提升所设计网站的用户体验。
本书结构清晰、内容翔实、文字阐述通俗易懂,与案例分析结合进行讲解说明,具有很强的实用性,是一本用户体验设计的宝典。
感官体验要素、交互体验要素、浏览体验要素、情感体验要素和信任体验要素这5个方面系统地阐述了用户体验设计中的要素,跟着本书学习从这5个方面着手,有效提升所设计网站的用户体验。
什么是用户体验?用户究竟在乎什么样的使用体验?用户体验是心理需求还是功能需求?我想这些问题一定困扰着很多网站设计人员。用户体验从某种意义上来讲,解决的是产品的黏性问题。
对于网站设计来说,不仅仅表现在精美的视觉效果上,还包括出色的交互设计、便捷流畅的使用方式,以及给用户一种安全和信任感,使用户感觉到亲切。一个好的网站除了内容精彩、定位准确以外,还要方便用户浏览,使用户可以方便快速地在网站中找到自己感兴趣的内容。本书针对网站设计中的用户体验细节要素进行了全面的详细分析和介绍,并通过案例的分析使读者更容易理解。本书内容本书在借鉴国内外用户体验设计的前沿理念和实践成果的基础上,对网站用户体验进行了全面而详细的讲解,力图以清晰、有条理的语言和生动翔实的案例向读者系统地介绍用户体验设计中的各方面重要因素。
第1 章 感官体验要素。感官体验是呈现给用户视听上的体验,强调的是用户使用网站的舒适性。本章将向读者详细介绍影响用户感官体验的相关要素,包括网站的风格、尺寸、布局、色彩、导航等多个方面,使读者能够从不同的方面体会到感官体验设计的方法和技巧。
第2 章 交互体验要素。交互体验是呈现给用户操作上的体验,强调网站的可用性和易用性。本章将向读者详细介绍影响用户交互体验的相关要素,以及如何对这些交互要素进行设计处理,包括网站会员注册机制、填写表单、错误提示、在线咨询、意见反馈、在线搜索等多个方面,通过这些方面的交互体验设计,提升网站的易用性。
第3 章 浏览体验要素。浏览体验从某种意义上来说与感官体验有点相似,但是并不完全相同,在浏览体验中强调的是如何使网站内容的层次更加清晰、明确,用户在浏览网站的过程中更加流畅,强调的是如何使网站中的内容更加具有吸引力。
第4 章 情感体验要素。情感体验是偏向于呈现给用户心理上的体验,强调网站的友好度问题。本章将向读者详细介绍影响用户情感体验的相关要素,包括心流体验、沉浸感、情感化设计、用户分类、会员激励、色彩情感等多个方面的内容,通过情感化体验要素的设计使网站能够真正打动用户的心,使网站与用户成为朋友。
第5 章 信任体验要素。任何产品,信任才是基础,网站也不例外。对于互联网来说,要建立真正的信任,是需要突破很多心理障碍的,在网站体验中,信任体验应该是最好的目标之一。本章向读者介绍了有关安全性、给用户被保护感、信任度和网站信任体验细节等相关的内容,从而帮助大家提高网站的信任体验。
本书特点要真正做好用户体验设计,除了掌握本书中介绍的基础要点和技巧外,如何拿捏用户不同时段的需求,也是我们必须要思考的过程,当然这也是一个熟能生巧的过程。
◎ 紧扣主题本书通过5 个方面全面细致地讲解了用户体验设计的相关要素和重点,将每一个用户体验要素都拆分为多个细节进行讲解,使读者能够更加容易理解和接受。
◎ 易学易用在对用户体验的每个细节要素进行分析讲解的过程中,基础知识与案例分析相结合,图文并茂的讲解方式,使读者能够更好地理解,使学习的成果达到最大化。
胡卫军,艺术学博士,中国语言文学博士后,吉林大学艺术学院设计系副教授,主要从事视觉传达设计与产品设计研究。主持国家社科基金艺术学项目1项东北少数民族萨满教造物艺术研究(项目编号:12CG095),发表论文30余篇,其中6篇发表在CSSSCI核心期刊,出版图书多部
1 感官体验要素
设计风格 4
知识点分析 4
网站常见设计风格 4
观点总结 11
尺寸 12
知识点分析 12
影响网页尺寸的主要因素 12
安全的网页宽度与首屏高度 13
观点总结 15
关于Logo 16
知识点分析 16
网站常见Logo 表现形式 17
设计网站Logo 的一般流程 18
观点总结 21
网站打开速度 22
知识点分析 22
对用户的心理影响 22
提高网站页面打开速度,改善用户体验 23
观点总结 25
合理布局 25
知识点分析 25
符合用户的浏览习惯 26
网页布局的操作流程 27
常见的网页布局形式 27
网页布局的原则 33
观点总结 34
色彩 34
知识点分析 35
色彩常识 35
网页的基本配色方法 36
网页元素的色彩搭配 38
网页配色的常见问题 43
观点总结 47
动画 47
知识点分析 47
网页动画的发展 48
网页动画的应用类型 50
网页动画的用户体验原则 53
观点总结 54
导航 55
知识点分析 55
网站导航的作用 55
导航在网页中的布局形式 57
交互导航的优势与劣势 62
观点总结 63
图片展示 63
知识点分析 63
图片展示的形式 63
图片展示技巧 68
观点总结 70
图标 70
知识点分析 71
图标的应用 71
图标的设计原则 73
观点总结 74
广告位 75
知识点分析 75
网站常见广告形式 75
广告应该放置在页面中哪些位置 77
需要什么样式的广告 78
网页广告需要注意的问题 80
观点总结 81
声音与视频 81
知识点分析 82
音频元素的应用 82
视频元素的应用 83
观点总结 85
2 交互体验要素
关于会员 88
知识点分析 88
如何吸引用户成为网站会员 88
提升用户体验的会员登录细节 90
观点总结 93
注册 93
知识点分析 93
如何提升注册表单的用户体验 93
登录/ 注册页面需要注意的常见问题 95
观点总结 99
填写表单 99
知识点分析 99
提高表单可用性 100
表单设计元素 100
观点总结 106
提交表单 106
知识点分析 107
提交表单按钮的视觉层次 107
区分一级动作和二级动作 108
观点总结 109
提示错误 109
知识点分析 110
如何预防错误的发生 110
表单的错误提示 111
其他错误提示信息 114
观点总结 115
按钮 115
知识点分析 116
网页按钮的功能与表现 116
关于幽灵按钮 118
如何设计出色的交互按钮 121
观点总结 126
文字点击提示 126
知识点分析 126
关于文字交互 127
常见的文字交互方式 127
超链接文字交互 130
观点总结 131
在线咨询 132
知识点分析 132
在线咨询的形式 132
在线咨询对提高网站交互性的作用 134
观点总结 135
意见反馈 135
知识点分析 135
如何设计合理的意见反馈功能 136
意见反馈的作用 136
观点总结 140
在线调查 140
知识点分析 140
如何设计在线调查 140
提高用户参与的积极性 142
观点总结 144
在线搜索 144
知识点分析 144
创建完美的搜索功能 144
用户需求的起点搜索入口 145
满足用户潜在需求搜索提示 147
用户操作便捷化与简洁化搜索过程 152
用户的终极目标搜索结果 153
观点总结 154
页面刷新 155
知识点分析 155
页面刷新的常见方式 155
使用Ajax 带来不一样的用户体验 156
观点总结 158
是否打开新窗口 158
知识点分析 158
常用的3 种打开方式 159
如何选择打开新页面的方式 160
观点总结 162
面包屑路径 163
知识点分析 163
面包屑路径的作用 163
面包屑路径的表现形式 164
面包屑路径设计技巧 166
观点总结 169
3 浏览体验要素
网站层次结构 172
知识点分析 172
网站结构对用户浏览体验的影响 172
物理结构与逻辑结构 173
网站结构不仅仅影响用户体验 175
观点总结 176
网站栏目规划 176
知识点分析 176
常规网站栏目设置存在的问题 176
导航的诱惑 177
信息传递的诱惑 179
栏目位置带来的诱惑 180
观点总结 182
内容分类 182
知识点分析 182
内容分类名称简单明了 182
不同类型网站的内容分类 183
在网站中使用二级栏目分类 185
观点总结 185
内容的丰富性与原创性 186
知识点分析 186
网站原创内容的重要性 186
如何做好网站的原创内容 187
网站内容伪原创技巧 188
观点总结 189
网站内容更新 189
知识点分析 189
网站内容更新的7 种策略 190
网站内容的更新频率 192
观点总结 193
个性化促进用户浏览 193
知识点分析 194
保持内容形式的统一 194
提供多种切换模式 194
改变字体大小 195
多媒体的应用 196
观点总结 196
网站内容的编写 196
知识点分析 197
突出文章标题 197
合理使用导读 198
使用数字加深用户印象 198
内容中不同类型文字的区别表现 199
网站内容编写的其他技巧 199
观点总结 201
使网站内容图文并茂 201
知识点分析 201
图文并茂的优势 201
网站内容图文并茂的表现技巧 202
观点总结 203
网站内容推荐 204
知识点分析 204
为什么要进行网站内容推荐 204
简单有效的内容推荐方法 205
给用户傻瓜式的浏览 206
观点总结 207
网站内部搜索 208
知识点分析 208
站内搜索的意义 208
站内搜索的重要性 209
优化站内搜索 210
观点总结 211
网页中的文字 211
知识点分析 211
网页文字的5 个重要属性 211
网页文字使用规范 217
观点总结 219
网页文字排版 219
知识点分析 219
最佳易读性规范 220
在文字排版中应用设计4 原则 223
观点总结 226
网页文字图形化 227
知识点分析 227
网页文字设计要求 227
文字图形化处理方式 229
观点总结 232
主题文字表现 232
知识点分析 232
对比 233
统一与协调 236
平衡 236
节奏与韵律 237
视觉诱导 238
观点总结 239
4 情感体验要素
心流体验 242
知识点分析 242
什么是心流体验 242
网站中的心流体验 243
心流体验设计原则 244
观点总结 248
沉浸感 248
知识点分析 249
什么是沉浸感 249
沉浸感设计原则 249
沉浸感在游戏网页设计中的应用 252
观点总结 253
情感化设计 254
知识点分析 254
什么是情感化设计 254
网站的情感化设计 255
网站情感体验的3 个层次 256
网站中形式要素的情感化设计 259
观点总结 261
网站用户分类 261
知识点分析 261
用户分类 261
用户分析的3 大重点指标 262
观点总结 263
会员激励 263
知识点分析 263
网站的积分与会员体系 265
网站会员激励的具体方式 267
观点总结 271
提升用户满意度 271
知识点分析 271
如何提升用户满意度 272
用户满意度的影响因素 272
提高用户满意度的具体方法 273
观点总结 275
友好的情感体验 275
知识点分析 275
快速响应是友好的基础 275
让页面奔跑起来 277
观点总结 278
善用色彩情感 278
知识点分析 278
色彩的情感意义 279
色彩情感在网站设计中的运用 284
根据商品销售阶段选择颜色 288
观点总结 290
网站帮助 290
知识点分析 290
为用户即时提供帮助 290
电商网站帮助中心设计思路 292
观点总结 294
网站地图 294
知识点分析 294
什么是网站地图 295
网站地图注意事项 296
网站地图的作用 296
观点总结 298
5 信任体验要素
安全性 302
知识点分析 302
关于马斯洛理论 302
营造安全的网站环境 303
提高用户认知 305
观点总结 307
给用户被保护感 307
知识点分析 307
预防风险 308
重视用户隐私 310
观点总结 310
信任度 311
知识点分析 311
如何打造让用户信任的网站页面 311
提升电商网站信任体验 315
观点总结 317
网站信任体验的细节 317
知识点分析 318
信息传递如何让用户信任 318
规范的内容呈现让用户相信网站的正规 321
观点总结 322