第1章 网站用户体验基础 1
1.1 用户体验的重要性 1
1.2 用户体验与网站 1
1.3 用户体验包含的内容 2
1.3.1 品牌 2
1.3.2 使用性 3
1.3.3 功能性 4
1.3.4 内容 5
1.4 网站的竞争优势 5
1.4.1 提升网站竞争优势 5
1.4.2 提升网站用户体验 5
1.5 以用户为中心设计 6
1.5.1 了解用户需要什么 6
1.5.2 遵循用户的习惯 7
1.5.3 颠覆用户的习惯 7
1.6 如何设计用户体验 8
1.6.1 用户体验的生命周期模型 8
1.6.2 用户体验需要满足的层次 9
1.7 网页用户体验的层面 10
1.7.1 用户体验的五个层面 10
1.7.2 如何实现好的用户体验 12
1.8 网页用户体验的原则 13
1.9 本章小结 16
第2章 了解用户体验的要素 17
2.1 网站的目标和用户需求 17
2.2 交互设计的内容和习惯 18
2.2.1 需要考虑的内容 19
2.2.2 需要遵循的习惯 19
2.3 网站信息的架构 20
2.4 网站的界面设计 21
2.4.1 什么是好的界面设计 21
2.4.2 应用技术与界面设计 21
2.4.3 关于界面元素 22
2.5 网站的导航设计 23
2.5.1 导航设计的目标 23
2.5.2 导航的分类 23
2.6 搞定信息设计 26
2.7 使用线框图 27
2.8 网站的视觉设计 29
2.8.1 网页设计中的对比 29
2.8.2 网页设计中的一致性 29
2.9 网站的配色方案 30
2.10 网页的排版方案 32
2.11 用户体验要素的应用 34
2.11.1 由现状决定的设计 34
2.11.2 由模仿决定的设计 34
2.11.3 由领导决定的设计 34
2.12 本章小结 35
第3章 网站建设的原则 36
3.1 为网站设计好的引导系统 36
3.1.1 了解当前位置 36
3.1.2 用户想要访问的地方 37
3.1.3 如何到达想要访问的地方 37
3.1.4 曾经搜索过的位置 37
3.2 让用户随时知道结果 38
3.2.1 让用户时刻掌控动作 38
3.2.2 提醒用户所处阶段 38
3.3 基于人体工程学设计 39
3.3.1 考虑用户操作的便捷 39
3.3.2 考虑用户视觉的体验 39
3.3.3 考虑用户听觉的体验 40
3.4 创建网站设计的标准 40
3.5 为用户提供纠错功能 41
3.6 帮助用户记忆 42
3.7 为不同水平的用户考虑 43
3.8 提供帮助文档 44
3.9 本章小结 44
第4章 网站色彩搭配 45
4.1 色彩基础 45
4.1.1 色彩学 45
4.1.2 色彩管理 46
4.2 色彩传达的意义 48
4.2.1 色彩的生理反应 48
4.2.2 色彩的象征 50
4.3 网页色彩搭配基础 51
4.3.1 色彩的面积和形状 51
4.3.2 色彩的位置 52
实例01+视频：设计图片网站 52
4.4 色彩搭配的原则 57
4.4.1 整体色调协调统一 58
4.4.2 把握配色的节奏 58
4.4.3 配色要有重点色 59
4.4.4 配色的平衡 59
实例02+视频：设计减肥网站 60
4.5 色彩联想作用与配色 65
4.5.1 红色 65
4.5.2 橙色 66
4.5.3 黄色 66
4.5.4 绿色 67
4.5.5 蓝色 67
4.5.6 紫色 67
4.5.7 黑色 68
4.5.8 白色 68
4.5.9 灰色 69
4.6 网页中色彩的特性 70
4.6.1 网页色彩的特性 70
4.6.2 网页色彩的表现原理 70
4.6.3 网页安全色 70
4.6.4 颜色模式 71
4.7 网页配色的基本方法 72
4.7.1 文本配色 72
4.7.2 网页配色关系 73
4.7.3 文本配色平衡 74
4.7.4 确定网页的主题色 74
4.8 本章小结 75
第5章 提高用户体验的要素 76
5.1 确定网页的尺寸 76
实例03+视频：设计一个家居网页 79
5.2 合理的页面布局 82
5.2.1 网站页面布局的要素 82
实例04+视频：设计美食类的网站页面 84
5.2.2 布局中文本的应用 88
实例05+视频：设计工作室页面 89
5.3 了解网页设计的视觉层次 93
5.3.1 控制层次的尺寸 94
5.3.2 丰富的层次色彩 95
5.3.3 对比的应用 95
5.3.4 对齐页面层次 96
5.3.5 重复分配元素 96
5.3.6 元素的分开与接近 97
5.3.7 页面密度和空白 97
5.3.8 巧用样式和纹理 98
实例06+视频：设计家居类网站 98
5.4 本章小结 103
第6章 网站导航设计 104
6.1 用户如何在网站中查找信息 104
6.1.1 有目的地查找 104
6.1.2 试探的查找 104
6.1.3 不清楚需要查找什么 104
6.1.4 重复查找 104
6.2 导航的分类 105
6.2.1 结构导航 105
6.2.2 关联导航 105
6.2.3 可用性导航 106
6.3 全局导航的设计 106
实例07+视频：设计一个全局导航 107
6.4 局部导航的设计 109
6.4.1 局部导航的位置 110
6.4.2 局部导航的层级 110
实例08+视频：设计环保网站局部导航 111
6.5 导航的访问模型 114
实例09+视频：设计旅游网站导航 115
6.6 想方设法留住用户 119
6.6.1 考虑“下一步” 120
6.6.2 安全网 120
实例10+视频：设计家具网站链接 121
6.6.3 关联导航的元数据 126
实例11+视频：设计博客关联导航 127
6.7 巧用可用性导航 130
实例12+视频：制作设计网站 131
6.8 导航设计的技巧 134
6.8.1 如何组织内容 135
6.8.2 满足用户的希望 135
6.8.3 希望用户做什么 136
6.9 导航多个页面 136
实例13+视频：设计博客导航页面 137
6.10 本章小结 143
第7章 合理规划网站页面结构 144
7.1 创建网站路径图 144
7.1.1 完成网站的原型设计 145
7.1.2 利用设计讲故事 145
7.1.3 如何创建角色 146
7.1.4 巧妙应用场景 148
7.1.5 创建任务分析 149
实例14+视频：设计科技通信网页 150
7.2 串链网站页面 154
实例15+视频：设计科技网站页面 156
7.3 了解页面的类型 161
7.3.1 导航页面 161
7.3.2 消费页面 162
7.3.3 交互页面 163
7.4 组合类似的任务 163
7.4.1 使用向导完成交互任务 164
7.4.2 使用控制面板完成交互任务 165
7.4.3 使用工具条完成交互任务 165
实例16+视频：设计理财投资网站 166
7.5 使用网站图 171
7.5.1 树图布局 171
7.5.2 梳状图布局 172
7.5.3 星状图布局 173
7.5.4 标签页图布局 174
实例17+视频：设计数码产品网站 175
7.6 页面分区与交互 180
7.6.1 页面分区 181
7.6.2 划分模块 181
实例18+视频：设计科技产品网站 182
7.7 本章小结 186