网站设计成功的关键是什么？
　　是沟通！——网站设计师和项目委托人之间的有效沟通，设计团队内部成员间的有效沟通！
　　沟通的关键是什么？
　　是文档！——最常见的交付件有10种，即设计“江湖”中广为流传的“沟通十器”：

　　第1器 人物角色，能锁定用户
　　第2器 可用性测试计划，能搜集反馈
　　第3器 可用性报告，能提炼信息
　　第4器 竞品分析，能知己知彼
　　第5器 概念模型，能澄清思路
　　第6器 内容详单，能理清细节
　　第7器 站点地图，能完善结构
　　第8器 流程图，能优化过程
　　第9器 线框图，能合成原型
　　第10器 屏幕设计图，能呈现外观

　　本书将“十器”分为3类：一类描写站点的用户需求，一类描述用户所看到的站点是什么样子，还有一类勾勒团队的策略及方案。书中对每一交付件都做了定义和描述，并给出了与方法论无关的操作建议。这些建议有利于创建、推介文档，进而可以有效促进团队的协作。
　　在弄线框图？在绘制流程？在创建内容详单？你需要这本《设计沟通十器》
　　有此十器，设计何愁？
　　一书在手，沟通无忧！

　　本书的配套网站www.communicatingdesign.com提供更多资料和信息。

无

一言以蔽之，本书是讲文档（documentation）的。是不是听上去很乏味？文档是在项目进展过程中准备的一系列文件的集合，在许多情形下，它们都是网站设计的薄弱环节。毕竟，文件经常以纸面形式呈现，束之高阁后便无人问津。—寒呐！
但是，干过网站设计的人都知道：“成也文档，败也文档”，文档不仅捕捉了设计理念，推进了项目进程，而且有助于项目组成员彼此间的交流。网站设计文档（有时候称之为“交付件”）也可以作为里程碑，用以标记项目进展，否则该过程看起来永无终结。它们是“历史”的见证，项目后期参与进来的人员，就可以在先前项目组所做决定的基础上快速起步了。
简而言之，一个文档记录了一个创意。对于网站设计来说，这可能有点偏向存在主义了，但实事求是地讲，如果连创意的传达都不到位就想按它创建一个网站，这简直是痴人说梦！
好的文档资料其价值是毋庸置疑的，但是网站设计方面的书籍对它的讨论都很少。这并不是说交付件从未被提到过。随便找一个设计师或者信息架构人员的博客，你都能看到这样的文章：“如何有效地勾勒线框图”或“画流程图所需的形状”，但是从来没有人更全面地讨论过是什么使设计文档真正发挥作用。
从表面上来看，这本书将有助于提高文档的质量。关于如何制定交付件计划以及在会议和项目中怎样有效地利用它们，本书也提供了相应的建议。在介绍这些内容的同时，本书也试图找出文档成败的因素，并帮助你区分文档好坏和想法好坏之间的不同。
关于本书
未包含所有的交付件。书中探讨了10种最常见的交付件，只要你在网站设计这行混饭吃，你就不可能避开它们。这些都是用户体验相关的交付件，所以，如果想了解如何创建E-R图（实体关系图）或UML图（Unified Modeling Language，统一建模语言），请你另觅高见。本书本可以囊括不计其数的用户体验文档，但是，它们中有许多都不是通用的，或者受版权所限，或者在别处已有所讨论。欲了解网站设计中各类文档的更多信息，请访问本书的配套网站，www.communicatingdesign.com。
与方法论无关。方法变来变去，但文档却变化不大。本书的一个重要假设就是：不论采用什么样的方法论，大家都能够使用本书。话虽如此，但没有任何时机选择和依存关系也很难撰写文档资料，所以我会在方法论上做一些假设，这将会在后面的内容中详细阐述。这些假设确定了全书的行文结构，但这并不意味着你采用另一种不同的方法后它就不再奏效。
这是一本介绍方法的指导书，而非一本软件说明书。本书可以帮你生成更优质的交付件；并帮你将它们更好地呈现给你的客户和团队成员；它也将帮你预见交付件创建和分享时的风险。但它并没有告诉你如何使用应用软件生成那些交付件。不同的人喜欢不同的工具，但是工具的选择对于文档资料创建的目的及其所要传达的信息应该没有多大影响。
这是一本“烹饪大全”。针对不同的文档，每章给出了一个秘方，有了它之后，你对该道“菜”的成败就有分寸了。请尽情地在页边空白处写下自己的心得体会。你甚至会发现，针对某文档所描述的技巧也适用于其他文档。虽然本书尽量使各章自成体系，但你也可以在其他章节中找到该交付件的灵感。
本书所面向的读者
本书的读者主要有：交付件的创建者、使用者和审批者。
创建者：不论你是网站设计的新人还是久经沙场的老手，如果你要创建交付件，本书将帮助你呈现你的劳动成果。它向你介绍策划、展示交付件的新技巧。如果你上次刚刚生搬硬套过一大堆线框图的话，本书定会令你耳目一新。
使用者：站点地图可能不是由你负责创建的，但是，在接下来的时日里，你需要参照它将内容从现有网站转移到新的结构中。抑或你是开发人员，得参照线框图编写网站的代码。你也可能是客户，正面临一场攻坚战：在公司内兜售新的设计理念，那些人物角色迟早派得上用场，但你想弄清它们是否真的无懈可击。本书将帮你想清楚自己想要什么，并且为你同团队的用户体验设计师间的对话做准备。
审批者：当推诿到你这里时，你希望一切都钉铆各是。作为客户或重要涉众（即出钱的人），你将极度依赖这些文档。它们对于项目的推进，判断你所花的钱到底值不值，以及保障设计团队忠于原有路线都非常必要。本书可以帮你明确你对团队的交付件的期望。
本书的延续
自从我2002年为Boxes and Arrows杂志（一本致力于信息架构的在线杂志）撰稿以来，交付件已经发生了很大的变化，且经历了20世纪90年代初网络兴起时的重大变革。本书是讨论文档资料的一个开端，我们将在www.communicatingdesign.com网站继续该话题，在那里你可以找到以下内容：
可下载的样例，有本书上的，也有读者投稿的。
创建各种文档的辅导手册。
创建交付件的模板和工具。
对用户体验专业人士的建议，包括如何推介你的文档以及如何与团队成员合作。
未在本书中提到的许多关于交付件的内容。
致谢
感谢Marjorie Baer、 Michael Nolan以及在New Riders的整个项目组，如果没有他们，这本书很可能还只是漂浮于脑海中的一堆杂念。
感谢Stephen Anderson、Ashley Cook、Jesse James Garrett、Bryce Glass、MAYA设计公司的Paul Gould、James Melzer、Sarah Rice和Todd Warfel，他们都是卓越的用户体验专业人士，并且都深知创意的交流和创意的产生同样重要。本书借用了他们不少的作品，感谢他们提供了这么好的例子。
感谢Thomas Vander Wal帮我联系上了New Riders，感谢Geoff Shott，当我将想法抛给他时，他说：“我肯定会买这本书！”
感谢Netflix（一家DVD在线租赁网站）的Steve Swasey 和Gary McMath，他们很爽快地答应我可以拷贝电影页面的设计图，并将其用于第10章的图例中。
感谢Kateryna Andryushchenko以及Computer Systems Odessa的每位朋友，是他们免费向我赠送了Concept Draw5，那时，我正为示例演示的形式急得团团转呢。
我还要感谢Erin Malone和Christina Wodtke，他们认为弄一个关于交付件的定期专栏不错。同时也感谢Boxes and Arrows的各位编辑，他们将我文章中的奇思怪想变成了有用的辅导教程。
Lou Rosenfeld、Peter Morville和Jesse James Garrett，他们都知道写本书得费不少心血，但他们依然认定我能完稿。非常感谢他们的鼓励。
有两个网上社区，每位体验设计人士都应加入。Information Architecture Institute的会员邮件列表和AIGA的体验设计邮件列表，这两个资源可用于收集文档模板和验证想法，它们既值得信赖又很有见地。
每位来过华盛顿并和我们的IA（Information Architecture，信息架构）社团打过交道的人都会这样说：“你们那里聚了一帮牛人！”DCIA是我们本地的IA组织，由华盛顿大区的300多人组成。聚会活动的人气很高，且该社团提供的服务热情而周到。这个讨论组（特别是两位创建者Marcy Jacobs和Stacy Surla）为我提供了源源不断的灵感和鼓励。在用户体验方面，我想不到比这里更好的地方了。
无利不起早，本书作者也未能免俗。我答应自己在完成本书后给自己买一把曼陀林琴。那是把Collings MT（琴的型号）曼陀林琴。感谢Collings公司造出这样的“鬼斧神琴”。同时，也感谢波士顿的那家乐器行，特别是销售高级琴格乐器的那伙计，Adam Dardeck。
精美的乐器：Collings MT
每当紧要关头，我都会向James Melzer讨教一下，不管是某一点、一整章，还是内容目录。我与James在Baltimore的2002 IA峰会邂逅，我们俩人趣味相投的地方远不止IA。此后我们便成为心腹之交。不论我什么时候向James请教，他都能给出简洁的建议，且构思巧妙。没有他，就不会有本书的竞品分析这一章。（在感谢James的同时，我不得不提一下他的妻子，Becky，是她给出了许多专业用语。）
我的父母、妹妹和朋友都会关切地问我“书写的怎么样了？”，让我欣慰的是他们从不计较我的回答是什么。
我的编辑Amy Standen，虽然距我整整7个时区，但她包容了我对交稿期限的拖延及我不爱断句的癖好。我再也挑不出比她更好的编辑了，我很赞赏她扎实的学识和对我脆弱内心的耐性。
　　我的妻子Sarah Holden，她对我不规律的作息时间和写作习惯给予了积极配合。在过去的九个月里，我在为线框图和人物角色绞尽脑汁，而Sarah怀上了我们的第一个孩子。她在此过程中坚定不移的支持和信任，正是初次写作者（也是初为人父者）所需要的。

网站设计成功的关键是什么？ 是沟通！——网站设计师和项目委托人之间的有效沟通，设计团队内部成员间的有效沟通！ 沟通的关键是什么？ 是文档！——最常见的交付件有10种，即设计“江湖”中广为流传的“沟通十器”： 第1器 人物角色，能锁定用户 第2器 可用性测试计划，能搜集反馈 第3器 可用性报告，能提炼信息 第4器 竞品分析，能知己知彼 第5器 概念模型，能澄清思路 第6器 内容详单，能理清细节 第7器 站点地图，能完善结构 第8器 流程图，能优化过程 第9器 线框图，能合成原型 第10器 屏幕设计图，能呈现外观 本书将“十器”分为3类：一类描写站点的用户需求，一类描述用户所看到的站点是什么样子，还有一类勾勒团队的策略及方案。书中对每一交付件都做了定义和描述，并给出了与方法论无关的操作建议。这些建议有利于创建、推介文档，进而可以有效促进团队的协作。 在弄线框图？在绘制流程？在创建内容详单？你需要这本《设计沟通十器》 有此十器，设计何愁？ 一书在手，沟通无忧！ 本书的配套网站www.communicatingdesign.com提供更多资料和信息。

Daniel M. Brown：Daniel M. Brown: 网站设计顾问，1994年开始从事信息架构和用户体验设计。他为许多机构做过咨询，在用户体验界非常活跃，经常演讲、写作，话题涵盖信息架构、可用性、内容管理。他目前是信息架构协会的顾问委员。

樊旺斌：暂无简介

作为阅读的先行者，我向各位同行强力推荐本书！
　　就目前国内引进的“用户体验”相关书籍来看，本书是继《用户体验的要素》之后的又一“醍醐灌顶”之作，这也正是我乐意将其翻译并与各位分享的原因。
口述无痕，文档为凭。本书讲解了网站在规划、设计过程中最重要的十种交付件。关于本书，作者Dan Brown已经在“序”及第一章“绪论”中做了详尽的介绍，我不再赘述。对我来说，该书有三大看点，乐与众位分享。
　　1. 创建、推介并有效地运用文档。
　　Dan Brown不仅教会了我们如何创建文档（文档的创建），如何改变“开会就是浪费时间”的现实（文档的推介），也让我们知道了如何避免汗牛充栋的文档被束之高阁、无人问津（文档的运用）。此外，他还是位Visio高手，你可以在Boxes and Arrows杂志上（http://www.boxesandarrows.com）阅读他的系列文章，向他学习更多的作图技巧。
　　2. 结构化的行文风格及思考方式。
　　“相互独立，完全穷尽”（MECE，mutually exclusive and collectively exhaustive）是本书的又一大亮点。MECE是著名管理咨询公司麦肯锡处理问题时惯用的思维方式，它用最高的条理化和最大的完善度理清了解决问题时的思路。Dan Brown将企业管理咨询的这一思维套路成功地运用到了网站设计咨询中：本书在行文结构上始终都遵循着MECE，并在多处作了强调。
　　3. 第22条军规。
　　“如果你能证明自己发疯，那就说明你没疯。”这是著名的第22条军规。在构建网站时，我们常常会处于某种自相矛盾的尴尬中：为了使网站更加完善，在设计过程中，我们需要试用一下网站；然而，在没有设计完善之前，我们是无法试用、验证网站的。做好阅读的准备，Dan Brown将会告诉你如何应对“鸡生蛋蛋生鸡”的悖论。
　　一个篱笆三个桩，不是好汉，但我也有众人来帮：
　　没有陈媛博士的鼎力相助，我就不可能如期完成该书的翻译工作。她的专注与敬业，也许就是互联网江湖中盛传的、难得一见的“过硬人品”。向过硬的人品致敬！
　　张宁博士，简直就是《恐龙特急克赛号》中的“人箭大炮”，每当我遇到“疑难杂句”时，她就会喊“时间，停止！”，然后把翻译中的拦路虎一一帮我灭掉。感谢克赛！
　　范晓燕女士，不辞劳苦地审校了所有译稿内容（甚至占用了十一的假期），她的宝贵意见，帮助我避免了一些尴尬的错误和疏漏。在此致以衷心的感谢！
此外，涂小霞、焦玉霞、佟爽、王冬妮、董明华、柳客新和齐雅琼也为本书做了大量的翻译、校对工作，在此向各位表示感谢。
　　人人都会写字，但并不都能成为书法家；同样，我能翻译，并不一定是合格的译者。敬候“板砖”，E-mail/MSN：oleboy@qq.com。
　　樊旺斌
　　“暂”于和谐北京
　　前于08奥运

译者序
作者简介
译者简介
前言
第1章　 绪论　1
1.1　 十大交付件　2
1.2　 尤如蛋糕的文档层次　2
1.3　 一些假设　3
1.4　 图表创建的大体过程　5
1.5　 交付件推介的一般技巧　6
第一部分　 用户需求文档
第2章　 人物角色　10
2.1　 初识人物角色　10
2.2　 创建人物角色　13
2.3　 推介人物角色　27
2.4　 人物角色在实际中的运用　31
第3章　 可用性测试计划　36
3.1　 初识测试计划　36
3.2　 创建测试计划　38
3.3　 推介测试计划　47
3.4　 测试计划在实际中的运用　49
第4章　 可用性报告　52
4.1　 初识可用性报告　52
4.2　 创建可用性报告　54
4.3　 推介可用性报告　70
4.4　 可用性报告在实际中的运用　73
第二部分　 策略文档
第5章　 竞品分析　78
5.1　 初识竞品分析　78
5.2　 创建竞品分析文档　82
5.3　 推介竞品分析文档　93
5.4　 竞品分析在实际中的运用　96
第6章　 概念模型　99
6.1　 初识概念模型　100
6.2　 创建概念模型　103
6.3　 推介概念模型　115
6.4　 概念模型在实际中的运用　119
第7章　 内容详单　123
7.1　 初识内容详单　123
7.2　 创建内容详单　126
7.3　 推介内容详单　141
7.4　 内容详单在实际中的运用　144
第三部分　 设计文档
第8章　 站点地图　150
8.1　 初识站点地图　150
8.2　 创建站点地图　153
8.3　 推介站点地图　165
8.4　 站点地图在实际中的运用　170
第9章　 流程图　175
9.1　 初识流程图　175
9.2　 创建用户流程　176
9.3　 推介流程图　189
9.4　 流程图在实际中的运用　194
第10章　 线框图　201
10.1　 初识线框图　201
10.2　 创建线框图　206
10.3　 推介线框图　224
10.4　 线框图在实际中的运用　231
第11章　 屏幕设计图　235
11.1　 初识屏幕设计图　235
11.2　 创建屏幕设计图　238
11.3　 推介屏幕设计图　246
11.4　 屏幕设计图在实际中的运用　254