胜于言传-Web内容创作与设计的艺术-(原书第2版)

内容简介

本书是Web内容创作与设计领域的标杆之作，，被誉为该领域“要的一本书”和“价值的网页设计书”，由用户体验领域的大师级人物撰写，数位专家联袂。本书系统总结了Web内容创作与设计的原则、方法和技巧，同时结合的设计潮流和移动互联网的应用对大量成功案例和失败案例进行了分析，颇具启发性。全书有大量案例，内容轻松活泼，阅读体验好。
　　全书一共15章和5篇插文，主要包括：内容即对话、规划目标及用户、为易用而设计、主页的设计、路径页面的设计、划分和组织内容、聚焦对话和关键信息、目标栏的设计、有效的标题形式、如何调整语句、如何使用列表和表格、编写有意义的链接、有效利用图示、从草稿到终稿的修改过程、可用性测试。插文内容包括：内容战略、把握推销时机、新闻稿的新生、法律法规信息可以很清晰、创建有机的风格指南。

目录

译者序
序言
前言
第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 “只需三次点击”是个神话
不要让用

摘要与插图

第1章　内容!内容!内容!
　　本书的主题是：内容即对话。我的目标是帮助大家与用户进行良好的对话，无论是通过网页、移动应用、社交媒体，还是通过任何未来可能出现的、需要与用户互动的新形式。
　　1.1   人们为了内容而来
　　人们使用网页、移动应用和社交媒体不是为了享受导航或者搜索的乐趣，也不是为了欣赏设计，或者为了关注技术。他们来是希望得到想找的内容。
　　人们来获取那些能够回答他们问题，或者能够帮助他们完成任务的信息。他们希望信息是易于查找、易于理解、准确的、的和可信的。
　　1.2   内容=对话
　　用户每一次使用网页或者移动应用，都是发起一次对话。不论你的网页或者应用是为谁设计的，不论电子商务的、非盈利组织的、政府机构的、学校的，或者县、市、省（州）、系统，甚至你的个人博客和网站，都是一样的。
　　昨天，我上网做了以下事情：
　　为了一个健康问题在３个不同的网站上搜寻答案，以确保我得到的答案是可信的；
　　为我女儿买了一本书；
　　为给办公室买新打印机对比价格；
　　浏览了很多宾馆信息，计划我和丈夫的旅行；
　　通过网络服务发送了一个巨大的文档。
　　在所有这些事件中，成效的方式都是通过对话的形式来完成的。
　　我们通过说和写来进行对话。尽管有时候写的多于说的，但这仍然是在进行“对话”。
　　昨天，我还上网做了以下事情：
　　在Twitter上发布了我的下一次工作坊；
　　在Twitter上查看了别人都在说些什么；
　　在linkedIn上遇到了一位前同事；
　　通过Skype参加了一次委员会会议；
　　阅读了我喜欢的一些博客。
　　社会化媒体不也都是“对话”吗？当你与网页或者移动应用进行对话时，你都应对自如吗？我正是如此。如图1-1所示，我离开Twitter的时候没有关闭应用，结果在我返回工作时，我得到了这样的消息。
　　图1-1   我阅读和发布Twitter之后，网站提供的对话消息，www.hootsuite.com
　　1.3   Web=电话，而不是文件柜
　　很多网站至今仍然像一个虚拟的文件柜，对用户说：“你尽管翻箱倒柜好了，因为我们认为你是来找文件的。”如果真的把网页当做“文件柜”就错了。
　　Web=电话（无论你是用声音还是用文字）。网页是让用户自己完成他们的目标，而不是打电话或者写信请你帮忙。
　　文件柜是用来存储文档的，电话则是用来对话的。人们访问网站不是为了查找文档，而是来查找信息。他们访问网站是因为他们遇到了问题，如果网站能够回答这些问题，他们是兴的。
　　要创建的网页内容，你必须做到以下几点：
　　理解你的网页/应用的用户希望进行的对话；
　　满足这些对话需求；
　　鼓励用户继续在你的网页/应用中进行对话，鼓励他们再次来访；
　　达成你的业务目标（无论你的目标是卖东西，成为你的主题上的信息中心，还是为你的组织吸引更多的成员）。
　　1.4   用户在网上通常快速浏览
　　大多数网站的用户都很匆忙，他们带着自己的目的访问你的网站，只希望读到那些能够实现他的目标的内容。
　　研究发现：人们在主页上所停留的平均时间为30秒。（Nielsen，Loranger，Prioritizing Web
Usability，2006）
　　用户从主页迅速跳转到路径页面（登录页面、画廊页面、导航页面），尽可能少地阅读。在搜索结果页面中，用户直接跳转到第一个结果链接。甚至在信息页面，用户也经常是快速浏览，寻找他们想要的内容。（主页—参见第4章。路径页面—参见第5章。）
　　为什么