标题：网站交互设计模式:第2版
图书信息
作　者： （美）杜月（Duyne,D.K.），（美）蓝帝（Landay,J.A.），（美）宏（Hong,J.I.）著   孙昕 等译
出 版 社： 电子工业出版社   
  　　出版时间： 2009-9-1
页　数：652页
开　本： 16开
I S B N ：978-7-121-09204-6
定价：108.00元
内 容 简 介
设计一个网站并不难，但要设计出一个让用户能够乐在其中，并且从中很快找到所需内容的网站并不是一件容易的事情。本书适合网站设计工程技术人员阅读，对高等院校计算机相关专业的教师和学生也有很好的参考价值。
关于作者
Douglas K. van Duyne是一位企业家和发明家，是Naviscent（一家网站研究和设计公司）和Dune Design Group（一家战略数字产品设计公司）的创办人和负责人之一，也是NetRaker有限公司的共同创办人和CEO。该公司是在线可用性和市场调研方面的先锋，其团队已经为包括MBNA、Yahoo、Intel、Safeway、Agilent和其他全球2 000多家公司开发了多种创新产品。带着在GO Corporation和KidSoft的公司中积累的产品设计和开发方面的20多年的工作经验，他已成为在线购物、电子商务、软件与多媒体开发方面的一位改革者，并且拥有加州大学伯克利分校的计算机科学学位，目前他住在旧金山、纽约和伦敦。
James A. Landay是华盛顿大学的一名教授，先前是英特尔公司西雅图研究中心的一位总监，主要从事新兴的ubiquitous computing领域的研究，他还曾是NetRaker的首席技术官和共同创办人，以及加州大学伯克利分校的副教授。他于1990年获得了伯克利分校的电子工程和计算机科学的学士学位，并且分别于1993年和1996年在卡内基梅隆大学获得硕士和博士学位。其博士论文第1个论证了用户界面设计工具的草图作用，并且已经在人机交互领域发表了大量的文章，包括用户界面设计和评估工具、网站设计、姿态识别、笔式用户界面、移动计算、ubiquitous computing，以及视觉语言等方面的文章。他还是许多硅谷公司的顾问，目前与其妻子Eileen、儿子Andrew和Timothy及其爱犬住在西雅图。
Jason I. Hong是卡内基梅隆大学人机交互系的计算机科学教授，在乔治亚技术学院获得学士学位，并且在伯克利获得博士学位，其论文研究了在ubiquitous computing环境中的秘密。Jason曾在IBM、Fuji Xeox Palo Alto实验室和Xerox从事研究工作，在那里他研究了许多课题。例如，协作的Java应用程序、纸式用户界面和在手机中观看和导航网页的技术。他当前正在从事使用隐私和安全，以及防止诈骗和定位服务的研究。Jason喜欢从Internet、印刷物、电视、电影及音乐媒体中获得大量的信息咨询，其主要的兴趣在世界历史、科技、科技的社会影响，以及超自然的因素，他与其妻子住在宾州。
推荐序
——Irene Au
Google用户体验主管
Yahoo！用户体验与设计前副总裁
在1979年，Christopher Alexander发表了重要著作《模式语言》。这本书介绍了一种用于架构、构建和计划的创新且实用的语言，自此本书中所描述的观点也被实际用于从计算机科学到用户界面设计的多个领域。这个最开始被作为建筑学领域的概念已经被扩展到其他领域，并且直到今天仍然有实用价值，这个事实足以证明其价值和正确性。简单地说，设计模式是一个在通常情况下对于软件、建筑、景观或者Web设计领域中不断重复问题的普遍性解决方案。
设计模式在Web设计中
由于设计模式直接关系到设计对象的可用性，因此对Web设计来说，设计模式与其明显相关。构建一个有用产品的原则之一，就是要实现用户头脑中对一件事情应该如何实现而产生的思维模型。产品的一致性有助于加强和帮助构建可以为用户提供使用指导的易用产品，以及完成任务的思维模型。设计模式能够捕捉到这些最佳实践，并且提供一个以一致方式实现这些实践的解决方案。
设计模式也有助于帮助一个组织在成长过程中进行调整，作为Yahoo！的用户体验与设计组的前副总裁，我需要用有限的预算和人力资源来实现范围越来越大的产品及服务。在这个过程中，我需要不断面对为这些工作创造有效的设计的挑战。伴随团队的快速成长和组织不断分离产品线，设计者越来越彼此独立地开展工作，而且我越来越发现需要解决很多同样的设计问题。获得和实现最佳实践对于Yahoo!越来越关键，只有这样才能高效且一致地提供高质量的设计。而且随着Web设计模式的建立，身在前线的工程师们能够创建可重用且模块化的代码。从而提高质量和开发效率，缩短开发及设计时间。
本书在Yahoo！中的应用
本书的作者经常会在例子中提到Yahoo！，这些设计基于广泛的用途和民族研究，并且包含了可识别的最佳实践。由于Yahoo!的产品泛围很广，其团队几乎面对每一种主要消费者的产品和界面课题。你可以把本书作为一本参考书，即使没有相似规模和能力的设计及研究团队，也可以学习那些与Yahoo！相类似公司的实践经验并应用到你的网站上而从中获益。
Web上的用户交互都具有不固定性和无缝性，只要简单地按动一次鼠标，用户就可以到达一个完全不同的可能会具有独特外观、感觉和交互模型的网站，因此设计团队理解、应用并参与到Web设计模式的开发中非常重要。对用户而言，应用到Web设计中的设计模式越相似，Web就越容易，这对于每一个人来说都是一件好事。
毫无疑问，对于需要仔细分析应用的约束条件和内容的缜密设计来说，设计模式是无可替代的。但是设计模式应该作为任何人设计网站的起点，并且在任何可能的情况下都应该遵循。设计者能够从那些已知的事情开始工作，并且根据需要修改或优化，从减少重复性的工作中节省的时间，把精力集中在产品特有的问题和创新上。本书提出了如何考虑设计问题的基础，它可以作为设计者之间的共同语言来思考问题、提供解决方案并共享思想。
在Internet覆盖的广大范围中，Web设计问题也在不同的层次上不断重复。例如，在架构层面，如果一个Web网站提供内容服务、社区服务、交友服务或商务服务，设计模式能够帮助设计者标识问题点，并且确定成功而完整地执行产品策略的关键点；在用户界面层面，设计模式有助于建立交互模式的一致性以完成业务，并因此提高易用性。
对本书的推荐
本书的作者Van Dugne、Landay和Hong认为设计模式可以应用在各个层面上，他们已经捕捉到了Web设计相关模式的宽广范围，并且写到了本书中。这些模式可以前后参照，很多模式都和其他模式结合使用。每一个模式都通过来自多种多样的知名网站的例子描述，书中清晰地描述了这些例子的基本原理、适当的应用和缺陷。由于Web设计语言仍然处于发展阶段，因此与第1版对比，本版更新了一些反映Web设计飞速化的模式。由于移动设备的迅速普及和广泛使用，作者也追加了一个独立的新章节来描述移动设计模式。对于Web设计的专业人员来说，这本独一无二、全面和经过仔细组织的书是无价的资源。
译者序
Internet的发展在最近几年仍然保持一个很高的增长速度，而随着网络的成熟和发展，网站的设计也开始从以技术为中心。即以追求技术的新颖性和技巧性的网站设计思想逐渐发展为以用户为中心的设计思想，网站的可用性及易用性等逐渐成为网站能否吸引访客的要点。实际上，设计一个网站并不难，但是要设计一个让目标客户能够乐在其中，并且能够从网站上很容易地找到自己希望寻找的内容的网站，则是一门学问。因此如何能够提供一个良好的交互界面，并且让网站的目标客户能够很好地认同网站的价值，是网站设计的最终目标。
本书提供了107种成功的网站设计模式，网站设计者可以根据不同特点的用户群选择不同的设计模式。从而有针对性地选择有效的设计模式，设计出符合客户需求的网站。
本书主要针对网站规划和设计人员，其内容并不在于描述网站开发中所需要的技术细节，而是论述如何利用已经在诸多知名网站上验证得出的良好的设计原则，并采取标准的开发流程设计出以用户为中心的成功网站。
本书的特点如下。
（1）所列的设计模式均在诸多知名网站上得到有效的实证。
（2）论述的设计模式从针对网站整体的模式到网站上具体某个展现方式的模式均有涵盖，非常全面。
（3）在各个设计模式的论述中专门开辟一个小节论述与本模式相关的其他模式，具有很好的参考价值。
本书分为3个部分，第1部分论述了以用户为中心的设计模式的基本概念、基本规则和流程；第2部分将设计模式分成13个模式组（共107种模式）分别进行论述。
第2部分中根据设计的过程顺序，首先讨论了网站整体的流派，以及如何为网站建立导航框架并建立有效和可信任的内容。然后讨论了电子商务网站的相关问题，进而讨论链接和导航栏、检索和提高网站访问速度的相关问题，最后讨论了如何为手机设计网站的问题。
第3部分为附录，其中提供了在网站设计时十分有用的大量资源。
由于译者的水平有限，所以翻译中的不妥或错误之处在所难免，敬请广大读者批评指正。
译  者     
2009年6月于北京
前  言
4年前，我们在本书开始写到一个人发现了一条会说话的狗的故事。当问到那条狗说了什么时，那个人回答：“谁关心这个？它是一条会说话的狗啊！”在这件事情发生几年后，即20世纪90年代早期，Web就是那条会说话的狗。其存在是那么令人着迷，商务人士发现可以通过Web来销售，而不需要支付巨大的用于平面媒体和电视广告等产品和分销的费用。Web网站几乎在一夜之间变成了商业的投机对象，与此同时这种新的媒体迎来了一个快速变革的时代。随着Web的发展，开发人员所面临的问题与其他任何行业成熟时所面临的一样。即人们越来越关心价值、便利性和易用性等因素，而不是技术本身是否新颖。由此产生了一个新的说法，即“以用户为中心的设计”来应对这种变化的尝试。
对我们这几个作者来说，以用户为中心的设计对电子商务并不是一个热门话题。8年前，当我们还分别是一个具有软件设计背景的企业家、一位加州（伯克利）大学的计算机科学教授和一位博士研究生时，我们就为开发Web这个新媒体的商务应用的人们提供了客户需求广泛性的观点。虽然这些观点最终带来了Web开发产业的繁荣和本书的诞生，我们仍然在这个领域存在很多疑问。我们研究的一部分在于分析大多数Web网站没有达到客户期望的原因，因此对两个问题很感兴趣，一是典型的设计机构如何开展自己的工作；二是为什么公司会雇用公司外的Web网站设计公司来设计Web网站，而不是自己亲自设计。
为了帮助回答这些问题，我们派了一些研究人员直接与Web设计人员及其客户沟通。我们认识到那些被公司雇用来设计网站的代理公司曾有建立知名品牌网站的成功经验。然而在那时，是通过界面的美观性，而不是通过衡量为客户带来多大的成功来区分Web设计者的水平的。但是当我们了解到绝大多数Web设计者在转行之前工作在印刷、电影或者电视等所有非交互性媒体等行业之后才不觉得奇怪，并且只有很少的工具能够用来帮助设计者理解Web用户的体验。事实上，当研究一个新的客户网站时我们能够认识到网站对生意有所影响，现在我们知道这是因为初始的设计者完全无视网站的交互性设计且秉承外观重于功能的传统观念来完成网站设计。
这个想法在我们的日常工作中变得越来越清晰，我们遇到了很多困难的网站设计问题并且解决了。我们看到很多客户虽然在设计网站时的所有要点都是正确的，但是网站设计仍然失败了。在一个这样的失败项目中我们测试了一个客户的大型电子商务网站，要求典型的网站访问者查找一种指定的产品。我们的客户已经在其内部进行了网站设计，并且设计者也知道如何从网站上找到各种产品，因此自信其顾客也能够找到。然而经过测试，我们发现产品的定义很模糊，导航控制并不清晰。而且在很多网页中都有要查找的产品，顾客需要自己判断哪个页面是自己需要的。当测试完成时，绝大多数测试人员都报告测试成功，但是实际上只有极少数人找到了所要的产品。这样一个对于设计者很清晰的网站设计，对于顾客来说是那么令人困惑，以至于他们甚至不知道自己根本没有找到所要的产品。经过我们的努力，客户终于明白了这个网站的设计没有达到预期效果。只有通过反复设计和严格测试，我们才能够创建出一个既美观，又有实用价值的网站。
在早些年我们曾发现一件很有意思的事情，即以用户为中心的设计在网站设计思想中的地位已经逐步上升到最重要的位置。在这段时间里，我们使用查询工具和方法论按照自己的视角开发了多个世界著名并有最好管理制度的公司的网站。我们企业的法人和软件设计者Douglas K.Van Dugne是Naviscent公司的创始人和负责人，这个公司从事从事网站研究和设计；James A.Landay是华盛顿大学的计算机科学教授，在这之前是Intel西雅图研究室的主管，这个研究室主要研究无处不在的计算机世界；Jason I.Hong是卡内基梅隆大学人机交互系的计算机科学教授。
在我们各自的经历中都遇到过上百个管理人员，并与其讨论其商务模式和市场策略，当然也包括网站开发计划。我们发现由于网站商务已经成熟，因此各个公司都认识到把注意力集中在提升用户体验的需要上。事实上，我们发现在这些管理人员中，地位越高的人越清楚地认识到以用户为中心的设计思想的重要性。
我们的经验并不仅仅局限于以用户为中心的设计思想，最近电子商务分析师在评估设计公司时已经越来越少地关注这些公司的商标设计工作，而是更多地关注其在网站用户体验方面的经验和成效。虽然关注点发生了变化，在分析最优秀的设计公司之后，分析师们仍然得到了令人惊讶的结果。虽然很多最大的网站代理公司许诺在网站设计服务中包含用户测试，但是通过分析仍然发现其设计实际并没有始终如一地提供更好的用户体验 ，其中仍然有很多工作要做。
当今的公司对以用户为中心的设计知识、经验、方法论和工作实践有最迫切的需要，本书目的在于通过我们这些年在Navisent、UC（加州大学伯克利分校）、华盛顿大学和卡内基梅隆大学的研究实践，以及对超过300个客户的网站研究和设计项目的分析来满足读者的需要。我们希望通过保持对以用户为中心的网站现状的研究，可以让我们的工作紧跟当前发展的趋势。
第2版中的新内容
在第1版出版以后，我们与很多读者和教师讨论了他们阅读本书后的感受。有两个相关联的原因使我们产生了写作第2版的想法，其中一个是虽然读者都赞扬第1版选题广泛，但是看起来我们还是忽略了一些重要的模式。读者建议增加一些第1版没有包括的模式，如进度条模式。
另一个想法是两个主要的Web新技术的产生，即基于AJAX（异步Javascript和XML）的界面和移动Web。由于有了AJAX，所以以前只能用于桌面应用软件的互动技术，如直接处理现在也可以应用于设计增强的Web网站和应用，从而拓宽了设计者的选择范围。而随着手机用途的不断扩展，手机浏览器技术也在不断发展。移动Web创造了大量的商务机会和对设计的挑战，在本版中我们将介绍多个适用于移动Web领域的新模式。
除增加了多个新模式以外，在这一版中还更新了其他一些模式，以适应技术的发展。对于其他一些模式，也提出了我们在这一段时间研究的新成果。事实上，在第2版中超过三分之一的内容是新的或者更新过的。
为什么使用这本书
读者可能会对本书和其他大量的Web设计书籍有何不同感到好奇，本书并不关注编程或者任何特定的技术，也不会为设计者及其团队在网站开发中遇到的问题提供快速的解决方案。其实没有一本书可以独立地做到这一点，本书提供的是帮助设计者成功开发以用户为中心的网站的规则、过程和模式。通过本书的帮助，设计者可以开发易于理解并易于使用的网站，而这些正是以用户为中心思想的核心。
创建一个Web网站很容易，而创建一个成功的Web网站，从而为目标用户提供成功的体验则完全不同，而这也正是本书所要阐述的内容。阅读本书后，它还可以作为一本有价值的参考资料保留在你的手边。当设计、改进或评估网站时，本书可以为你提供一些有益的建议。
你的目标用户 不同，依照所从事的行业，他们可能是俱乐部的成员、大学的学生、市民或者购物者。这些用户的目的可能是多样化的，但是对我们的挑战性却相同。即创建一套互动的界面，从而使访问网站的用户得到切实的收获。
本书中描述的模式为设计者及其团队提供了一种通用的语言以清晰地描述Web设计的无限可能，我们开发这样一种语言的原因是由于看到开发人员为了解决相同的设计问题而一次又一次地花费大量的时间和精力，模式提供了这些问题的解决方案。我们综合分析了自己的咨询、研究和Web开发经验，并从中得到了最佳实践。在本书中我们为设计者提供一个工具以帮助他们能够更好地理解用户，并且设计一个用户会感到容易使用并能够找到有用信息的网站，也会帮助设计者缩短开发周期并减少维护成本。
如果没有用户，则考虑你的目标受众。本书主要关注的是设计电子商务Web网站，然而你仍然可以使用其中的主要内容设计任何Web网站。
这本书的读者是谁
这本书写给工作在网站设计和实现领域的所有人，而重点是那些网站设计专家。例如，交互模式设计师、可用性工程师、信息架构师和可视化设计师，本书也作为参考提供给Web开发团队中从商务主管、广告经理、软件开发人员到内容编辑在内的所有人员。由于一个最好的团队中的每一个人都会知道一个Web网站是如何产生的，因此这样一个团队应该理解并且掌握以用户为中心的设计思想。
Web设计专家
Web设计专家可以通过第1章和第2章理解以用户为中心的设计动机和模式，并且在Web设计中验证它们。如果读者在以用户为中心的设计的规则（第3章和第4章）和过程（第5章）方面具有很强的背景，则可以跳过这些章节而直接进入模式部分（本书的第2部分）；如果读者只有很少的经验，则无论开发何种网站，第3章~第5章中对于以用户为中心的设计和开发的描述都会提供有效的帮助。
商务主管
通过阅读第1章~第5章，商务主管可以理解以用户为中心的设计思想的商务重要性，也可以学到创建一个以用户为中心的网站所必需的规则和过程。电子商务网站开发失败的风险很大，这些章节阐述了减少风险和需求漂移，以及最小化实现及维护成本的技术。以用户为中心的设计也可以帮助缩短开发周期，并且提高用户满意度，尤其是用户的持续满意度。
商业客户
如果你是Web网站开发的投资方，请阅读前5章。由于需要投资开发，所以你会对为什么用户关注点是最迫切的需求，以及设计团队通过何种步骤确认对用户需求感兴趣。通过本书你可以了解到如何降低成本，并且让用户访问网站后更为快乐，回头客也更多。
使用这本书的好处
我们都知道提高用户的Web使用体验确实可以比阅读本书带来更多利益。对于你遇到的问题，本书中谈到的规则、过程及模式并不是万能的解决方案。然而通过把这些内容应用到Web网站设计和评估的实践中，你完全可以提升整体用户的体验，成功要求绝对满足用户的需求。从长期来看，这样做绝对物有所值。通过学习各个章节中的内容，你的工作将提高用户满意度，获得良好的Web设计方案并且不断积累设计经验。
提高用户满意度
通过在开发过程中不断关注用户以发现其需求，根据这些需求设计Web网站，并且评价设计是否可以满足这些需求。设计者应该与典型用户一起反复测试网站，从而发现严重的问题，并且在这些问题变得难以解决以前解决它们。以用户为中心的设计重点在于确认Web网站体现了正确的目标，并且正确地实现了这些目标。
获得良好的Web设计
已经有太多的图书读起来只是告诉你应该和不该如何做，但是行文却像古文一样晦涩难懂。这样的书对Web设计来说太过教条，Web设计需要一个广泛范围内的灵活性和可变性。Web已经带给用户很大的多样性体验，也同时带来了与以前相比更为广泛的用户目标和业务。然而我们知道，用户需求必须与商务目标、可用性需求、美学，以及技术影响力相平衡。
我们把注意力放在普遍规则、过程和模式上的原因在于其可以适应大多数Web网站类型，我们描述规则、过程和模式的原因在于其都是整体解决方案的一部分，模式提供建立Web网站的语言；规则和过程提供如何使用这些语言的指导。
不断积累设计实践
在最近一段时间里并不是每个人都有时间阅读一本完整的关于以用户为中心设计Web网站的书，并且把所学放到实践中验证，因此我们把这本书分为多个小的并容易消化的部分。前5章描述了以用户为中心的设计的关键思想，其余部分则讲述了能够在各种Web网站开发中实践的Web设计模式。读者可以根据需要阅读、跳过或融合书中的内容，这并不是一本要求读者必须从头到尾阅读并且必须遵循的书。
读者并不需要完全采用本书中的主张，可以选择其中的一部分来看看是否适合自己的工作。事实上，由于书中的很多思想必须需要实践才能变成经验，因此我们更希望读者一小步一小步地实践书中的思想，而不是大面积地采用。例如，可以通过使用本书中描述的设计模式来提高自己的设计实践经验。也可以只是使用在本书第1个部分中描述的技术，如观察一些使用网站的典型用户。虽然这样的观察通常不能获得足够的信息，但是仍然可以帮助了解用户在想什么，并且长期使用后可以帮助提高网站设计的效果。
本书的约定
模式名称（A2）
括号中的内容表示模式的组号及其组内的编号，A2即A模式组中的第2个模式。
HTML标记和属性会被包含在一组尖括号之间，如<meta>。
声明
书中使用了很多网站截图来表明好的和不好的设计，我们为那些好的Web设计团队和公司提供了奖赏，然而提出那些不好的设计例子并不能被视为我们在攻击设计这些网站的团队和公司。即使在Internet社会，人们仍然要努力面对技术、经济和组织方面的各种挑战，而改变总是那么缓慢。因此任何人都需要继续学习，我们仍然是在一起的。
我们很愿意听到你的意见
我们对你在自己的工作中实践标准模式的效果很感兴趣，非常愿意听到你对改进这些模式的建议，并且计划分享你和其他读者发现的新模式。
Douglas K. Van Dugne
James A. Landay
Jason I. Hong
2009年4月
目  录
第1部分  Web网站设计基础
第1章 以用户为中心的Web设计：不只是一个好主意 2
1.1  Web设计的发展史 2
1.1.1  第一代 2
1.1.2  第二代 3
1.1.3  第三代 3
1.1.4  第四代 4
1.2  “以用户为中心”设计的重要性 4
1.3  统一设计、可用性和市场的第1步 5
1.4  为什么倾向于以用户为中心的设计 6
1.4.1  以使用者为中心的设计 6
1.4.2  以公司为中心的设计 7
1.4.3  以技术为中心的设计 7
1.4.4  以设计者为中心的设计 7
1.4.5  以用户为中心的设计的优势 7
1.5  9种关于以用户为中心的荒谬说法 8
1.5.1  谬误1：好的设计很普通 8
1.5.2  谬误2：只有专家才能实现好的设计 8
1.5.3  谬误3：Web界面能够在发布前重新设计 9
1.5.4  谬误4：好的设计会花费太长的时间且成本太高 9
1.5.5  谬误5：好的设计只是一些美观的图形 9
1.5.6  谬误6：Web界面指南会帮助完成好的设计 9
1.5.7  谬误7：用户总可以依赖文档和帮助信息 9
1.5.8  谬误8：市场研究会揭示所有用户的需求 10
1.5.9  谬误9：质量保证小组会确认网站是否工作良好 10
1.6  实施以客户为中心的设计 10
1.6.1  原则 10
1.6.2  过程 10
1.6.3  模式 11
1.6.4  使用原则、过程和模式 11
1.7  小结 11
第2章 Web设计模式 12
2.1  什么是模式 12
2.2  一个模式的例子 13
2.3  如何阅读模式 15
2.4  随着时间的流逝，模式会如何变化 16
2.5  如何使用模式 23
2.6  一个使用模式的例子 24
2.7  小结 26
第3章 了解用户：规则和技术 27
3.1  了解用户的有关规则 28
3.1.1  自己并不是用户 28
3.1.2  理解组成单元，平衡影响力 28
3.1.3  理解用户 29
3.1.4  用户是不同的 29
3.1.5  用户又是一样的 29
3.1.6  理解用户的业务 31
3.1.7  减少工作 32
3.1.8  业务培训 32
3.1.9  帮助人们成为专家 33
3.1.10  理解技术 33
3.1.11  理解用户的社会问题 34
3.2  用于了解用户的技术 35
3.2.1  开始业务分析 35
3.2.2  构建应用场景 36
3.2.3  选择业务 38
3.2.4  观察用户并与其面谈 39
3.2.5  用户调查 43
3.2.6  运用焦点组 44
3.2.7  分析已经存在的网站 45
3.3  小结 45
第4章 与用户一起做迭代设计 46
4.1  迭代设计过程 46
4.2  采用迭代设计的原因 47
4.2.1  在错误还很容易修正并且开销很小时修正
它们 48
4.2.2  构建正确的网站和正确地构建网站 48
4.3  有目标和原则的设计 49
4.3.1  设定可度量的设计目标 49
4.3.2  坚持设计原则 51
4.3.3  信息结构、导航设计和图形设计 52
4.4  快速原型 53
4.4.1  网站地图、故事板和图表 53
4.4.2  真实度从低到高的渐进式提炼 56
4.4.3  横向原型和纵向原型 60
4.4.4  原型的局限 61
4.5  评估网站 61
4.5.1  专家评审 61
4.5.2  非正式评估 62
4.5.3  正式可用性评估 63
4.5.4  选择一种评估技术 63
4.6  小结 64
第5章 开发以用户为中心网站的过程 65
5.1  开发过程概览 66
5.2  发现阶段 67
5.2.1  发现过程 67
5.2.2  发现过程的交付物 69
5.3  探索阶段 71
5.3.1  探索过程 71
5.3.2  探索过程的交付物 71
5.4  精炼阶段 71
5.4.1  精炼过程 71
5.4.2  精炼过程交付物 72
5.5  制作阶段 72
5.5.1  制作过程 73
5.5.2  制作阶段交付物 73
5.6  实现阶段 74
5.6.1  实现过程 74
5.6.2  实现阶段交付物 75
5.7  执行阶段 75
5.8  维护阶段 76
5.8.1  维护过程 76
5.8.2  维护阶段交付物 77
5.9  小结 77
第2部分  模式
模式组A 网站风格 79
A1  个人电子商务 80
A2  新闻马赛克 85
A3  社区会议 90
A4  自我服务的政府 97
A5  提供帮助的非营利性网站 100
A6  大众信息网站 105
A7  有价值的公司网站 109
A8  教育论坛 114
A9  有刺激性的艺术和娱乐
内容 119
A10  Web应用程序 123
A11  内部网 128
A12  博客 131
模式组B 创建导航框架 141
B1  导航的不同方法 142
B2  可分类浏览的内容 145
B3  层次化结构 148
B4  基于任务的组织结构 151
B5  字母顺序的组织结构 155
B6  时间顺序的组织结构 156
B7  基于流行度的组织结构 158
B8  目录页 161
B9  站点可达性 164
模式组C 建立一个强有力的主页 174
C1  主页入口 174
C2  提前价值定位 180
模式组D 制作和管理内容 184
D1  页面模板 185
D2  内容模块 190
D3  标题和简介 194
D4  个性化内容 198
D5  留言簿 205
D6  制作符合搜索引擎要求的网站 213
D7  倒金字塔编写方式 219
D8  可打印的页面 224
D9  与众不同的HTML标题 226
D10  国际化和本地化内容 231
D11  样式表 235
模式组E 建立信任和信誉 240
E1  网站商标 241
E2  E-mail订阅 245
E3  公平信息处理条例 249
E4  隐私政策 253
E5  关于我们 257
E6  安全连接 262
E7  E-mail提示 265
E8  隐私偏好 270
E9  防止诈骗 275
模式组F 基本电子商务 284
F1  快速结账 285
F2  清晰的产品详细资料 290
F3  购物车 297
F4  快速选址 303
F5  选择快速运输方式 307
F6  付款方式 311
F7  订单概要 315
F8  订单确认和感谢 319
F9  轻松退货 322
模式组G 高级电子商务 326
G1  特色产品 326
G2  交叉销售和提升销售 332
G3  个人推荐 337
G4  推荐社团 342
G5  多重目的地 348
G6  礼品赠与 351
G7  订单跟踪和历史 355
模式组H 帮助用户完成任务 361
H1  过程漏斗 362
H2  登录/新用户 365
H3  客人账户 370
H4  账户管理 373
H5  持久的用户会话 377
H6  浮动窗口 381
H7  常见问题 384
H8  上下文帮助 388
H9  直接操作 391
H10  明文形式 397
H11  预言性的输入 403
H12  向下钻取选项 406
H13  进度条 411
模式组I 设计让人印象深刻的
页面布局 417
I1  表格式布局 417
I2  折线之上 420
I3  清晰的第一印象 423
I4  扩大屏幕宽度 426
I5  固定的屏幕宽度 430
I6  相关内容的一致侧边栏 434
模式组J 加速网站并恰当地搜索 438
J1  搜索动作模块 438
J2  直接搜索形式 441
J3  有组织的搜索结果 443
模式组K 轻松导航 448
K1  统一的浏览层次 449
K2  导航栏 451
K3  标签行 454
K4  动作按钮 457
K5  高可见动作按钮 459
K6  位置面包屑 461
K7  嵌入式链接 463
K8  外部链接 465
K9  描述性的长链接名 468
K10  显著的链接 471
K11  熟悉的语言 474
K12  预防错误 476
K13  有意义的错误消息 479
K14  页面没有找到 481
K15  永久链接 483
K16  跳跃菜单 489
K17  网站地图 495
模式组L 加速网站 500
L1  少量的文件 501
L2  快速加载的图片 503
L3  独立的表格 508
L4  HTML POWER 510
L5  可重用的图片 513
L6  快速加载的内容 515
模式组M 移动网站 523
M1  手机屏幕尺寸 523
M2  手机输入控制 530
M3  定位服务 535
第3部分  附录
附录A 运行可行性测试 543
A.1  设定目标 543
A.2  提出任务 544
A.3  招募参与者 545
A.4  测试 547
A.5  分析数据 551
A.6  呈现结果 552
附录B 网站评估方案示例 554
B.1  角色 554
B.2  介绍 554
B.3  任务 555
B.4  听取报告 555
附录C 样品知情同意书 556
附录D 样品观察者表格 558
附录E 在线研究 559
E.1  开始：定义研究目标 561
E.2  分阶段研究 561
E.3  研究类型 562
E.4  测试 564
E.5  分析数据 567
E.6  研究方法的比较 568
E.7  小结 570
附录F 术语表 571
附录G 资源 594
第1部分  Web网站设计
基础 594
第2部分  模式 600
第3部分  附录 626
专业组 628