见微知著 Web用户体验解构PDF电子书下载

第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