网站用户体验设计全程揭秘

    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.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.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.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.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.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.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

    本书针对网站用户体验设计的概念和设计要点进行了深入讲解和分析，并以实例的形式对每一个重要的知识点进行演示。本书共分7章，从网站用户体验基础开始，逐步讲解了用户体验的要素、网站创建的原则、网站色彩搭配、网站设计的基本知识点、网站导航设计和合理规划网站页面结构，并通过实例深入剖析了网站色彩搭配、网站导航和规划网站的方法，也对不同分类网站的设计要点进行了分析。同时也对Photoshop制作网页的方法和技