《胜于言传 Web内容创作与设计的艺术 原书第2版》PDF下载

  • 购买积分:11 如何计算积分?
  • 作  者:罗晓著
  • 出 版 社:北京:机械工业出版社
  • 出版年份:2013
  • ISBN:7111434986
  • 页数:258 页
图书介绍:本书是网站建设与用户体验领域里的经典著作,作者是用户体验设计大师级人物,上版著作以平易近人、深入浅出而广受读者欢迎。在这一版中,作者全面更新了内容和所有案例,覆盖了内容战略、移动网络、搜索引擎优化、社交媒体、可达性设计等新内容,可帮助你聚焦和提升网页内容,建设有吸引力的网站、社交媒体、移动应用等内容。本书第2版更加强调“对话式”的内容形式,展示了大量的改进案例、成功案例、失败案例等,还精心编制了对各种细节进行设计的指导原则。无论你编写什么内容,对你都有帮助。主要内容包括:内容与形式的全局规划,首页、路径页面、内容页面的设计;内容的具体组织,标题栏、标题与内容的关系与编写,列表和表格、链接、图示等的使用方法;从草稿到终稿的创建与修改过程,建立有机的风格指南,评估设计方案等。

第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