第1章 内容！内容！内容！

1.1人们为了内容而来

1.2内容=对话

1.3 Web=电话，而不是文件柜

1.4用户在网上通常快速浏览

1.5用户偶尔也会阅读

1.6用户不会阅读太多内容

1.7编写好的内容=建立成功的对话

回答用户的问题

允许用户汲取信息，不断前进

鼓励继续使用

面对用户做好营销

提升搜索引擎优化

优化站内搜索

对所有人都可达

1.8案例分析1-1成功的文字对话

1.9案例分析1-2成功的非文对话

1.10案例分析1-3修订网页的文字

1.11小结

第2章 规划：目标、用户、对话

2.1了解你要达成的目标

聚焦在你希望用户做的事情上

具体明确

考虑SEO

考虑普遍的可用性

了解你设计的每个内容的目标

2.2谁是你的用户，对话是什么

用户会按自己的经验来理解读到的内容

如何深入了解用户

收集用户信息

列出用户类型

对每类用户列出主要特征

理解用户希望进行的对话

2.3用人物角色给数据带来生命活力

什么是人物角色

人物角色包括什么

需要多少人物角色

人物角色如何帮助设计团队

2.4用场景给数据带来生命活力

场景要多长，多少个场景

谁的场景

场景如何与内容联系

2.5小结

插文1 内容战略

为什么内容战略如此重要

什么是内容战略

内容战略包括什么

谁来制定内容战略

制定内容战略的7个步骤

第3章 为易用而设计

3.1谁应该阅读本章

3.2在设计之初，就整合内容与设计

同时回答内容与设计两方面的问题

在设计过程中使用实际内容

3.3建构灵活性以达成普遍可用性

突显文本大小调节功能

让所有的文字都可调整

允许其他调整——对比度、键盘、声音等

在检查色彩使用时考虑色盲用户

考虑颜色的文化含意

3.4配色

与品牌配色一致

在深色背景中使用浅色文字时要谨慎

保持背景干净

使用高对比度的背景和文字

3.5留白

建立一致的模式

按照网格对齐内容

在内容中使用专门的留白

不要造成“页面已到底”的假象

不要让标题“漂浮”在两段文字之间

文本内容不要居中对齐

3.6排版

选择一种易读的无衬线字体作为默认字体

默认字号要够大

行的默认长度要适中

不要用全大写的方式编写内容

除了链接，不要在其他文字中使用下划线

谨慎使用斜体

3.7案例分析3-1修改某一设计不当的网页

3.8小结

第4章 好的开始：主页

4.1主页——内容丰富，文字简洁

4.2可以通过搜索引擎被找到

你的关键词必须与用户搜索用的关键词匹配

重要的是要有精彩内容

4.3明确网站的标识

4.4设定网站的基调和个性

4.5帮助人们了解网站的主题

4.6快速进行对话

4.7案例分析4-1关注人物角色和任务

让用户在主页上就开始主要任务

表单一定要位于页面上方

不要把不必要的表单放在最前面

4.8为每个用户指明正确的路径

把搜索框放在上方

在链接中使用用户的语言

在移动网页中，直接切入要害

4.9小结

第5章 向目标行进：浏览路径页面

5.1网站用户只是“猎取”——查找信息

5.2用户不希望在查找过程中阅读

5.3案例分析5-1路径页面上的链接要清晰

人们在该页面上都做了些什么

我们该如何修改这个页面

修改后的样子

我们从案例中学到了什么

5.4路径页面就像是书的目录

5.5案例分析5-2让用户快速找到链接

5.6有时，简短的描述很有帮助

谨慎使用术语

不要假设有图片就够了

使用文字片段

5.7“只需三次点击”是个神话

不要让用户思考

让用户不需要后退按钮

5.8很多用户会选择第一个选项

5.9小结

第6章 划分和组织内容

6.1思考“信息”而不是“文档”

需求：适当信息，适当的量

困境：小纸片很容易丢失

解决方案：在网站上，“索引卡片”很有效

6.2划分内容之前考虑周全

按用户提出的问题划分

按任务或主题划分

按产品类型划分

按信息类型划分

按用户划分

按生活事件划分

按时间或先后顺序划分

6.3考虑一个页面中应放多少内容

用户想要什么

这个页面有多长

页面加载的时间是多长

用户想打印多少内容

针对小屏幕和社交媒体应该怎么处理

6.4谨慎使用PDF文档，如果要用，一定要有充分的理由

绝不说“绝不”

什么时候应该使用PDF文档

有时候，最好同时使用PDF和HTML

什么时候不应该使用PDF文档

如何不使用PDF文档

6.5小结

第7章 聚焦对话和关键信息

7.1聚焦对话和关键信息的7条原则

7.2只提供用户需要的内容

修订已有的内容

撰写新的内容

7.3案例分析7-1使用人物角色和对话来规划内容

7.4我删！我删！我删删删！

7.5“小酌、快餐、大餐”

7.6从关键信息开始

从关键信息开始=“倒金字塔模式”

眼动跟踪研究说明需要从关键信息开始

7.7对信息分层

用层叠窗口的方式分层

逐步展开的方式分层

7.8案例分析7-2在同一网页中展开内容层

目标、人物角色、对话

限制条件

解决方案

7.9拆分“文字墙”

7.10案例分析7-3拆分文字墙令网站大有改观

他们做了哪些尝试

他们做了哪些度量

他们发现了什么

7.11计划通过社交媒体分享和吸引用户

7.12小结

插文2 把握推销时机

网络营销不同于传统营销：是“拉”不是“推”

参与用户的对话

抓住正确的推销时机

不要错过好的推销时机

不要停止对话

第8章 用清晰的标题栏明示主题

8.1设计有效标题栏的7条原则

8.2使用用户的语言

8.3要清晰，不要卖萌

8.4考虑全球的用户

8.5长度适当（8个单词左右）

8.6使用陈述句、疑问句或者祈使句

8.7使用组合标签（名词），可以包含更多信息

8.8必要时，加上简短的描述

8.9小结

第9章 使用有效的标题

9.1好的标题从很多方面帮助用户

9.2构思标题的过程对作者也有所帮助

9.3帮助你编写有用标题的11条原则

9.4不要用标题来迁就原有的内容

9.5从列出大纲开始

9.6选择好的标题风格：问题式、陈述式、动词短语

问题式的标题

9.7案例分析9-1回答用户的问题

陈述式的标题

动词短语作为标题

9.8谨慎使用名词和名词短语

有时候，用主题词（名词）就够了

名词经常表达不明确

9.9案例分析9-2把名词标题改为更好的形式

9.10在标题中使用用户的语言

9.11充分利用排比的效果

9.12只使用少量的层级

9.13清晰区分标题和内容

9.14每级标题都要清晰

9.15 帮助用户在同一网页中跳转内容

把同页链接放在标题栏下方第一位

不要把页间链接放在标题栏下方第一位

不要把同页链接放在左侧导航栏

9.16评估标题

9.17小结

插文3 新闻稿的新生

古老的新闻稿形式

如今的新闻稿

人们如何在网络中使用新闻稿

我们该怎么做

是否会带来变化

第10章 调整语句

10.1调整语句的十大原则

10.2与网站用户对话——使用“你”

用祈使语句来编写操作指南

始终使用“你”

10.3案例分析10-1直接称呼读者

考虑环境

挑剔原版设计

修改后的效果

使用“你”保持性别中立

对特定人群使用恰当的性别指称

即使对严肃的话题也可采用直接的对话形式

10.4使用“我”或者“我们”

在使用“我”、“你”和“我们”的时候保持一致

在博客和社会媒体中可以使用“我”

对于你自己的作品可以使用“我”

作为公司，可以使用“我们”

10.5尽量使用主动语态

10.6案例分析10-2使用主动语态

10.7用简单、短小的语句

非常短的句子也可以

不完整语句也可能很有效

忙碌的用户需要清晰的内容

10.8去掉不必要的词语

10.9将句子中多余的信息放到合适的位置

10.10案例10-3理清一个复杂的语句

找出潜在的句子

改写句子

考虑人物角色、对话

从本案例分析中学到的

10.11保持段落简短

可以一句话作为一段

列表和表格的形式可能更好

10.12从上下文背景信息开始

10.13案例分析10-4先介绍背景信息——主题

调整顺序

进一步简化

从此案例分析中学到的

10.14用动词来表达行为

10.15 使用网站用户的语言

为你的用户编写内容

了解用户

尽量使用通俗的语言

10.16小结

第11章 使用列表和表格

11.1编写出有用列表的6条原则

11.2对于条目或者选项等内容使用项目符号列表

11.3列表应匹配网站风格

11.4使用编号列表来呈现操作指南

把段落转换成列表

使用表格来呈现分支步骤

不仅要叙述，还要展示

在操作指南之外谨慎使用编号列表

11.5案例分析11-1使用项目符号列表和编号列表

11.6确保大多数列表简短

对于不熟悉的列表，最好保持简短（5～10项）

对于熟悉的列表，长一点也可以

11.7尽量让列表项有相同的开头

11.8将列表排列整齐

减少介绍与列表之间的留白

在较长的列表项之间留白

换行要以文字的起始位置为准，而不是以项目符号为准

如果需要说明结果，就让结果独立成行

11.9列表和表格的区别是什么

11.10编写出有用表格的6条原则

11.11用表格来表达一系列的“如果……那么……”句式

11.12用表格来对比数字

11.13考虑：表格=回答问题

11.14仔细考虑第一列的内容

11.15案例分析11-2了解什么时候使用表格

11.16保持表格简洁

多少列？

多少行？

11.17将表格排列整齐

减少线条：帮助用户关注信息

按列对齐：不要将表格中的文字居中对齐

11.18小结

插文4 法律法规信息可以很清晰

准确、充分、清晰——你可以一石三鸟

避免使用陈旧的法律语言

避免使用专业术语

在标题中使用用户的语言

参照本书的其他原则

案例分析汇总

第12章 编写有意义的链接

12.1帮助你编写有意义链接的7条原则

12.2不要把新项目或者新产品的名字单独作为链接

12.3预先想好：让链接的名称与其指向的页面标题一致

12.4用动词作为动作型链接的开头

12.5让链接有意义，不要只用“点击这里”或者“更多”这样的链接

“点击这里”没有必要

只是“更多”和“了解更多”不够清楚

说出“更多”是什么

12.6大多数内容中不要嵌入链接

如果用户是在浏览，嵌入链接也可以

把链接放在文章的结尾处、底部或者旁边

12.7把列表变成链接

12.8明确区分已点击的链接和未点击的链接

链接要使用单独的颜色

点击过的链接要改变颜色

12.9小结

第13章 有效利用图示

13.1图示的5个作用

具体物品展示：用户希望看到什么

自助服务：怎样帮助用户自助操作

流程：图示是否让文字容易记忆

图表、图解、地图：是否帮助用户理解我的信息

情绪：哪张图片支持对话

13.2有效使用图示的7条原则

13.3不要让人们猜测图示的内容以及呈现的原因

13.4选择合适的尺寸

不要让大图片把内容挤到网页底部

小图片一定要清晰

13.5保持多样性

考虑网站用户的广泛性

展示用户的多样性，但要真实

测试！测试！测试！

13.6不要让内容看上去像广告

13.7不要使用闪烁的、滚动的、飘动的、游走的文字或者图片干扰用户

13.8只在需要的地方使用动画

13.9让图示有良好的可达性

替换文字要有意义

13.10小结

第14章 从草稿到终版

14.1阅读、编辑、修订、校对你自己的内容

把写作过程当作修订过程

阅读自己写作的内容

检查你的链接

检查内容的准确性

暂停一段时间

大声朗读

使用词典、手册和风格指南

使用拼写检查，但不能只依靠拼写检查

校对

14.2与同事分享草稿

接受并在过程中学习

与同事合作来配合内容战略

分享局部的草稿

请人大声朗读

询问你的关键信息是什么

关注评论

愉快地收敛你的“个性”

14.3带着人物角色来检查对话

14.4让编辑帮忙

在微观上得到帮助

在宏观上得到帮助

14.5与审核者（和编辑）成功协商

设置有效的审核

从审核者那里得到有用的信息

用好审核

14.6小结

插文5 创建有机的风格指南

用风格指南来达成一致性

用风格指南来提醒人们

不要重新创建风格指南

指定一个负责人

获得管理支持

风格指南要易于创建、查找和使用

第15章 测试！测试！测试！

15.1为什么需要可用性测试

15.2可用性测试需要什么

15.3可用性测试不需要什么

15.4可用性测试做什么

大多数人怎么做

更快的做法“每月一晨”

15.5我们可以采用哪些变式

有主持人的远程测试

无主持人的远程测试

全球测试

小组测试

实际方案对比测试（A/B组测试）

15.6为什么不能仅用焦点小组

焦点小组需要什么

为什么焦点小组不是最好的办法

是否可以整合可用性测试和焦点小组

15.7测试内容

参考资源