网站用户体验设计全程揭秘PDF|Epub|txt|kindle电子书版本网盘下载

网站用户体验设计全程揭秘PDF格式电子书版下载

注意：本站所有压缩包均有解压码： 点击下载压缩包解压工具

第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