第1章 内容!内容!内容! 1
1.1人们为了内容而来 1
1.2内容=对话 1
1.3 Web=电话,而不是文件柜 3
1.4用户在网上通常快速浏览 3
1.5用户偶尔也会阅读 4
1.6用户不会阅读太多内容 4
1.7编写好的内容=建立成功的对话 5
回答用户的问题 5
允许用户汲取信息,不断前进 5
鼓励继续使用 5
面对用户做好营销 6
提升搜索引擎优化 6
优化站内搜索 6
对所有人都可达 7
1.8案例分析1-1成功的文字对话 7
1.9案例分析1-2成功的非文对话 10
1.10案例分析1-3修订网页的文字 11
1.11小结 12
第2章 规划:目标、用户、对话 13
2.1了解你要达成的目标 13
聚焦在你希望用户做的事情上 13
具体明确 13
考虑SEO 14
考虑普遍的可用性 14
了解你设计的每个内容的目标 14
2.2谁是你的用户,对话是什么 14
用户会按自己的经验来理解读到的内容 15
如何深入了解用户 15
收集用户信息 16
列出用户类型 17
对每类用户列出主要特征 18
理解用户希望进行的对话 22
2.3用人物角色给数据带来生命活力 22
什么是人物角色 22
人物角色包括什么 23
需要多少人物角色 25
人物角色如何帮助设计团队 25
2.4用场景给数据带来生命活力 26
场景要多长,多少个场景 26
谁的场景 26
场景如何与内容联系 27
2.5小结 28
插文1 内容战略 29
为什么内容战略如此重要 29
什么是内容战略 29
内容战略包括什么 31
谁来制定内容战略 32
制定内容战略的7个步骤 32
第3章 为易用而设计 35
3.1谁应该阅读本章 35
3.2在设计之初,就整合内容与设计 36
同时回答内容与设计两方面的问题 36
在设计过程中使用实际内容 36
3.3建构灵活性以达成普遍可用性 37
突显文本大小调节功能 37
让所有的文字都可调整 37
允许其他调整——对比度、键盘、声音等 38
在检查色彩使用时考虑色盲用户 39
考虑颜色的文化含意 40
3.4配色 40
与品牌配色一致 40
在深色背景中使用浅色文字时要谨慎 41
保持背景干净 41
使用高对比度的背景和文字 42
3.5留白 42
建立一致的模式 42
按照网格对齐内容 43
在内容中使用专门的留白 43
不要造成“页面已到底”的假象 45
不要让标题“漂浮”在两段文字之间 45
文本内容不要居中对齐 47
3.6排版 48
选择一种易读的无衬线字体作为默认字体 48
默认字号要够大 50
行的默认长度要适中 50
不要用全大写的方式编写内容 51
除了链接,不要在其他文字中使用下划线 52
谨慎使用斜体 52
3.7案例分析3-1修改某一设计不当的网页 53
3.8小结 57
第4章 好的开始:主页 58
4.1主页——内容丰富,文字简洁 58
4.2可以通过搜索引擎被找到 59
你的关键词必须与用户搜索用的关键词匹配 59
重要的是要有精彩内容 59
4.3明确网站的标识 60
4.4设定网站的基调和个性 60
4.5帮助人们了解网站的主题 62
4.6快速进行对话 63
4.7案例分析4-1关注人物角色和任务 63
让用户在主页上就开始主要任务 65
表单一定要位于页面上方 67
不要把不必要的表单放在最前面 67
4.8为每个用户指明正确的路径 68
把搜索框放在上方 68
在链接中使用用户的语言 69
在移动网页中,直接切入要害 69
4.9小结 71
第5章 向目标行进:浏览路径页面 72
5.1网站用户只是“猎取”——查找信息 73
5.2用户不希望在查找过程中阅读 73
5.3案例分析5-1路径页面上的链接要清晰 73
人们在该页面上都做了些什么 74
我们该如何修改这个页面 74
修改后的样子 75
我们从案例中学到了什么 76
5.4路径页面就像是书的目录 76
5.5案例分析5-2让用户快速找到链接 76
5.6有时,简短的描述很有帮助 78
谨慎使用术语 79
不要假设有图片就够了 79
使用文字片段 80
5.7“只需三次点击”是个神话 80
不要让用户思考 81
让用户不需要后退按钮 81
5.8很多用户会选择第一个选项 81
5.9小结 82
第6章 划分和组织内容 83
6.1思考“信息”而不是“文档” 83
需求:适当信息,适当的量 83
困境:小纸片很容易丢失 84
解决方案:在网站上,“索引卡片”很有效 84
6.2划分内容之前考虑周全 85
按用户提出的问题划分 85
按任务或主题划分 86
按产品类型划分 87
按信息类型划分 87
按用户划分 89
按生活事件划分 92
按时间或先后顺序划分 92
6.3考虑一个页面中应放多少内容 92
用户想要什么 93
这个页面有多长 95
页面加载的时间是多长 95
用户想打印多少内容 96
针对小屏幕和社交媒体应该怎么处理 97
6.4谨慎使用PDF文档,如果要用,一定要有充分的理由 98
绝不说“绝不” 98
什么时候应该使用PDF文档 99
有时候,最好同时使用PDF和HTML 99
什么时候不应该使用PDF文档 99
如何不使用PDF文档 101
6.5小结 101
第7章 聚焦对话和关键信息 102
7.1聚焦对话和关键信息的7条原则 102
7.2只提供用户需要的内容 103
修订已有的内容 103
撰写新的内容 104
7.3案例分析7-1使用人物角色和对话来规划内容 104
7.4我删!我删!我删删删! 107
7.5“小酌、快餐、大餐” 109
7.6从关键信息开始 110
从关键信息开始=“倒金字塔模式” 111
眼动跟踪研究说明需要从关键信息开始 112
7.7对信息分层 114
用层叠窗口的方式分层 114
逐步展开的方式分层 115
7.8案例分析7-2在同一网页中展开内容层 116
目标、人物角色、对话 116
限制条件 116
解决方案 116
7.9拆分“文字墙” 118
7.10案例分析7-3拆分文字墙令网站大有改观 119
他们做了哪些尝试 119
他们做了哪些度量 120
他们发现了什么 120
7.11计划通过社交媒体分享和吸引用户 121
7.12小结 121
插文2 把握推销时机 122
网络营销不同于传统营销:是“拉”不是“推” 122
参与用户的对话 123
抓住正确的推销时机 124
不要错过好的推销时机 125
不要停止对话 125
第8章 用清晰的标题栏明示主题 127
8.1设计有效标题栏的7条原则 128
8.2使用用户的语言 128
8.3要清晰,不要卖萌 128
8.4考虑全球的用户 129
8.5长度适当(8个单词左右) 129
8.6使用陈述句、疑问句或者祈使句 130
8.7使用组合标签(名词),可以包含更多信息 131
8.8必要时,加上简短的描述 131
8.9小结 132
第9章 使用有效的标题 133
9.1好的标题从很多方面帮助用户 133
9.2构思标题的过程对作者也有所帮助 133
9.3帮助你编写有用标题的11条原则 135
9.4不要用标题来迁就原有的内容 135
9.5从列出大纲开始 136
9.6选择好的标题风格:问题式、陈述式、动词短语 136
问题式的标题 137
9.7案例分析9-1回答用户的问题 138
陈述式的标题 141
动词短语作为标题 141
9.8谨慎使用名词和名词短语 142
有时候,用主题词(名词)就够了 143
名词经常表达不明确 143
9.9案例分析9-2把名词标题改为更好的形式 144
9.10在标题中使用用户的语言 145
9.11充分利用排比的效果 146
9.12只使用少量的层级 146
9.13清晰区分标题和内容 147
9.14每级标题都要清晰 148
9.15 帮助用户在同一网页中跳转内容 148
把同页链接放在标题栏下方第一位 149
不要把页间链接放在标题栏下方第一位 149
不要把同页链接放在左侧导航栏 149
9.16评估标题 150
9.17小结 151
插文3 新闻稿的新生 152
古老的新闻稿形式 152
如今的新闻稿 152
人们如何在网络中使用新闻稿 153
我们该怎么做 154
是否会带来变化 156
第10章 调整语句 158
10.1调整语句的十大原则 158
10.2与网站用户对话——使用“你” 159
用祈使语句来编写操作指南 159
始终使用“你” 159
10.3案例分析10-1直接称呼读者 160
考虑环境 160
挑剔原版设计 161
修改后的效果 161
使用“你”保持性别中立 162
对特定人群使用恰当的性别指称 163
即使对严肃的话题也可采用直接的对话形式 163
10.4使用“我”或者“我们” 163
在使用“我”、“你”和“我们”的时候保持一致 163
在博客和社会媒体中可以使用“我” 165
对于你自己的作品可以使用“我” 165
作为公司,可以使用“我们” 166
10.5尽量使用主动语态 166
10.6案例分析10-2使用主动语态 167
10.7用简单、短小的语句 169
非常短的句子也可以 170
不完整语句也可能很有效 170
忙碌的用户需要清晰的内容 171
10.8去掉不必要的词语 172
10.9将句子中多余的信息放到合适的位置 172
10.10案例10-3理清一个复杂的语句 172
找出潜在的句子 172
改写句子 173
考虑人物角色、对话 173
从本案例分析中学到的 174
10.11保持段落简短 174
可以一句话作为一段 174
列表和表格的形式可能更好 175
10.12从上下文背景信息开始 175
10.13案例分析10-4先介绍背景信息——主题 175
调整顺序 175
进一步简化 176
从此案例分析中学到的 177
10.14用动词来表达行为 177
10.15 使用网站用户的语言 178
为你的用户编写内容 178
了解用户 178
尽量使用通俗的语言 179
10.16小结 180
第11章 使用列表和表格 182
11.1编写出有用列表的6条原则 182
11.2对于条目或者选项等内容使用项目符号列表 182
11.3列表应匹配网站风格 183
11.4使用编号列表来呈现操作指南 185
把段落转换成列表 185
使用表格来呈现分支步骤 187
不仅要叙述,还要展示 188
在操作指南之外谨慎使用编号列表 188
11.5案例分析11-1使用项目符号列表和编号列表 189
11.6确保大多数列表简短 190
对于不熟悉的列表,最好保持简短(5~10项) 190
对于熟悉的列表,长一点也可以 190
11.7尽量让列表项有相同的开头 191
11.8将列表排列整齐 192
减少介绍与列表之间的留白 192
在较长的列表项之间留白 192
换行要以文字的起始位置为准,而不是以项目符号为准 193
如果需要说明结果,就让结果独立成行 193
11.9列表和表格的区别是什么 194
11.10编写出有用表格的6条原则 194
11.11用表格来表达一系列的“如果……那么……”句式 194
11.12用表格来对比数字 195
11.13考虑:表格=回答问题 196
11.14仔细考虑第一列的内容 196
11.15案例分析11-2了解什么时候使用表格 197
11.16保持表格简洁 198
多少列? 198
多少行? 199
11.17将表格排列整齐 200
减少线条:帮助用户关注信息 200
按列对齐:不要将表格中的文字居中对齐 200
11.18小结 201
插文4 法律法规信息可以很清晰 202
准确、充分、清晰——你可以一石三鸟 202
避免使用陈旧的法律语言 202
避免使用专业术语 204
在标题中使用用户的语言 204
参照本书的其他原则 204
案例分析汇总 205
第12章 编写有意义的链接 207
12.1帮助你编写有意义链接的7条原则 207
12.2不要把新项目或者新产品的名字单独作为链接 207
12.3预先想好:让链接的名称与其指向的页面标题一致 208
12.4用动词作为动作型链接的开头 209
12.5让链接有意义,不要只用“点击这里”或者“更多”这样的链接 210
“点击这里”没有必要 210
只是“更多”和“了解更多”不够清楚 210
说出“更多”是什么 212
12.6大多数内容中不要嵌入链接 212
如果用户是在浏览,嵌入链接也可以 213
把链接放在文章的结尾处、底部或者旁边 213
12.7把列表变成链接 214
12.8明确区分已点击的链接和未点击的链接 215
链接要使用单独的颜色 215
点击过的链接要改变颜色 215
12.9小结 216
第13章 有效利用图示 217
13.1图示的5个作用 218
具体物品展示:用户希望看到什么 218
自助服务:怎样帮助用户自助操作 219
流程:图示是否让文字容易记忆 221
图表、图解、地图:是否帮助用户理解我的信息 221
情绪:哪张图片支持对话 223
13.2有效使用图示的7条原则 224
13.3不要让人们猜测图示的内容以及呈现的原因 224
13.4选择合适的尺寸 225
不要让大图片把内容挤到网页底部 225
小图片一定要清晰 225
13.5保持多样性 226
考虑网站用户的广泛性 226
展示用户的多样性,但要真实 226
测试!测试!测试! 226
13.6不要让内容看上去像广告 227
13.7不要使用闪烁的、滚动的、飘动的、游走的文字或者图片干扰用户 228
13.8只在需要的地方使用动画 229
13.9让图示有良好的可达性 229
替换文字要有意义 229
13.10小结 230
第14章 从草稿到终版 231
14.1阅读、编辑、修订、校对你自己的内容 231
把写作过程当作修订过程 231
阅读自己写作的内容 232
检查你的链接 232
检查内容的准确性 233
暂停一段时间 234
大声朗读 235
使用词典、手册和风格指南 235
使用拼写检查,但不能只依靠拼写检查 235
校对 235
14.2与同事分享草稿 236
接受并在过程中学习 236
与同事合作来配合内容战略 236
分享局部的草稿 236
请人大声朗读 237
询问你的关键信息是什么 237
关注评论 237
愉快地收敛你的“个性” 237
14.3带着人物角色来检查对话 237
14.4让编辑帮忙 238
在微观上得到帮助 238
在宏观上得到帮助 238
14.5与审核者(和编辑)成功协商 239
设置有效的审核 239
从审核者那里得到有用的信息 240
用好审核 241
14.6小结 242
插文5 创建有机的风格指南 243
用风格指南来达成一致性 243
用风格指南来提醒人们 244
不要重新创建风格指南 244
指定一个负责人 245
获得管理支持 245
风格指南要易于创建、查找和使用 245
第15章 测试!测试!测试! 246
15.1为什么需要可用性测试 246
15.2可用性测试需要什么 247
15.3可用性测试不需要什么 247
15.4可用性测试做什么 249
大多数人怎么做 249
更快的做法“每月一晨” 249
15.5我们可以采用哪些变式 250
有主持人的远程测试 250
无主持人的远程测试 250
全球测试 250
小组测试 251
实际方案对比测试(A/B组测试) 251
15.6为什么不能仅用焦点小组 251
焦点小组需要什么 252
为什么焦点小组不是最好的办法 252
是否可以整合可用性测试和焦点小组 252
15.7测试内容 253
参考资源 254