《见微知著：Web用户体验解构》用解构分析的方法，系统全面地介绍了Web页面设计的相关知识和要素。《见微知著：Web用户体验解构》从整体到局部地对网站的元素进行解构，包括网站整体布局、整体配色方案，到网站各个功能区域，如登录区、内容区、广告区等，最后到按钮、反馈、验证码、字体、文字语气等多个细节元素。《见微知著：Web用户体验解构》通过解构这些元素来讲述如何对用户体验设计进行优化，如何进行搜索引擎优化。
　　《见微知著：Web用户体验解构》适用于网站交互设计师、视觉设计师、产品经理、网站设计人员、网页设计爱好者。

　　用户体验良好的网站，应该从用户第一眼看到网站的时候，就给用户留下良好的第一印象。从网站整体上来看，给用户留下第一印象的就是页面的布局、内容和视觉设计等。在社会心理学中，有一个知名的效应称为首因效应，指的是第一印象的形成导致的在总体印象形成上最初获得的信息比后来获得的信息影响更大。因此我们应该利用首因效应，着重设计好给用户留下第一印象的整体布局、内容和视觉设计等，这些也是网站最核心的部分。正如第1章中讲过的，内容优劣很大程度上取决于网站编辑的选取和审核，这里主要讲界面布局和配色方案。界面布局指页面的结构分布，可以按照分栏方式等不同的维度进行划分。合理的布局，应该符合用户的浏览习惯，合理地引导用户的视线流；清晰有效的布局能够让用户对网站内容一目了然，快速了解内容的组织逻辑，大大提升网站的可阅读性和整体视觉效果。配色方案包括网站的主色调、辅助色、背景色等，适当的配色方案能够引起用户的共鸣，从情感上提升用户体验。

前言
第1章 网站解构入门 1
1.1 为什么要网站解构 2
1.2 网站解构的思路和纬度 4
1.2.1 整体界面布局及配色方案 4
1.2.2 主要功能区 4
1.2.3 页面元素 4
1.2.4 其他细节 4

第2章 整体界面布局及配色方案 5
2.1 界面布局 6
2.1.1 一栏式布局 6
2.1.2 两栏式布局 9
2.1.3 三栏式布局 11
2.1.4 设计要点 13
2.2 网站整体配色方案 15
2.2.1 不同颜色会产生不同的主观感受 16
2.2.2 网站特色 17

第3章 主要功能区域 25
3.1 头部 26
3.1.1 头部类型 26
3.1.2 头部的元素设计 27
3.2 页尾设计 29
3.2.1 需要规避的细节问题 29
3.2.2 设计新趋势 30
3.3 导航区 30
3.3.1 Tab导航 31
3.3.2 树状导航 36
3.3.3 鱼眼导航 38
3.3.4 面包屑导航 39
3.3.5 网站地图 42
3.3.6 推荐式导航 43
3.3.7 引导性导航 44
3.3.8 知名网站导航设计 44
3.4 搜索区 48
3.4.1 搜索的分类 48
3.4.2 设计要点 50
3.5 登录注册区 54
3.5.1 告诉用户注册的好处 57
3.5.2 用邮箱取代用户名，作为登录网站的唯一身份识别 57
3.5.3 不要忘记“记住登录状态”和“忘记密码”等细节 58
3.5.4 不必要的情况下尽量不要使用验证码 58
3.5.5 注册表单的优化 58
3.5.6 友好的提示信息 59
3.5.7 设计醒目的登录、注册按钮 59
3.6 信息内容展示区 59
3.6.1 首页 60
3.6.2 列表页 66
3.6.3 具体页面 69
3.7 广告区 71
3.7.1 广告类型 71
3.7.2 设计要点 76

第4章 页面元素 81
4.1 表单概述 82
4.1.1 表单布局设计 82
4.1.2 设计要点 85
4.1.3 知名网站表单设计 88
4.2 标签 91
4.2.1 什么时候使用模块标签 91
4.2.2 设计要点 92
4.2.3 知名网站标签设计 97
4.3 翻页 98
4.3.1 第一页 99
4.3.2 最后一页 99
4.3.3 上一页和下一页 100
4.3.4 页码显示的数量 100
4.3.5 翻页区域的醒目度 101
4.3.6 增大可点击区域 101
4.3.7 页码的间距 101
4.3.8 当前页码和总页码 101
4.3.9 快速跳转 102
4.4 链接 102
4.4.1 链接的颜色 102
4.4.2 链接的可点击范围 102
4.4.3 链接的下划线 103
4.4.4 链接颜色的变化 104
4.4.5 区分内部链接和外部链接 104
4.4.6 链接的交互方式 104
4.5 按钮 105
4.5.1 什么是按钮 105
4.5.2 如何增加按钮的点击率 105
4.5.3 按钮的主次关系 108
4.5.4 按钮摆放的位置 109
4.5.5 减少用户定位时间 111
4.5.6 相关性设计，增加按钮的可理解性 111
4.5.7 优化视觉效果，增加按钮的吸引力 113
4.5.8 操作的反馈 113
4.6 操作反馈 114
4.6.1 什么是反馈，为什么要反馈 114
4.6.2 反馈的种类 114
4.7 验证码 119
4.7.1 什么是验证码 119
4.7.2 为什么需要验证码 120
4.7.3 验证码带来的困惑 120
4.7.4 其他方式 122

第5章 其他 125
5.1 文字设计 126
5.1.1 字体类型 126
5.1.2 字号 127
5.1.3 字体颜色 130
5.1.4 字体的样式 132
5.1.5 设计要点 132
5.2 网站文字的语气 133
5.2.1 网站应该懂得基本的礼貌 133
5.2.2 网站应该是谦逊、亲切的 133
5.2.3 不要使用责怪用户的语气 134
5.2.4 网站有时也可以表现出幽默的一面 135
5.3 图片质感 135
5.4 文字标题 136
附录1 常用的设计原则 139
附录2 Nielsen可用性原则 143
附录3 延伸阅读（推荐网站） 145