《网站设计解构》试读：本章介绍

在本章中，我们将深入探究可重用策略中的三个组成部分，以便在后续的内容中你能更好地理解设计模式、组件和交互设计框架体系三者之间是如何 相互关联、相互协作的。 可重用铁三角的诞生并非轻而易举，产生的顺序也绝非符合逻辑。模式 的 概 念 最 初 始 于 Christopher Alexander 于 1977 年 写 的 书， 其 后 又 被Luke Wroblewski①、Bill Scott②、Martijn van Welie③、Theresa Neil④、Christian Crumlish⑤、Jenifer Tidwell⑥等模式倡导者和众多业界专家所普及和发扬光大。正是在他们的努力下，模式这一概念目前已被推广到了Web 设计实践的前沿。而组件——表示模式自然演变的完整的、生产就绪的页面元素——则出现得颇晚，至少在软件设计领域是如此（与开发相比）。 事实上，尽管有关组件的想法雏形已经酝酿了数年的时间，但它才刚开始作为一种概念被标准化。这要特别感谢来自 EightShapes⑦的两位设计师 Nathan Curtis（著有《模块化网页设计：为用户体验设计和存档而创建可重用的组件》一书，New Riders 出版社）和 Dan Brown（著有《设计沟通十器》一书，New Riders 出版社）所付出的努力。而框架体系则是拼图的最后一块，在你手中这本书里首次以正规文档的形式记录下来。然而，在实际工作中，我们应该首先考虑框架体系，模式其次，最后是组件。如图 2-1 所示，这也是它们在网页设计过程中最为有效的使用和思考顺序。 设计模式实际上就是隶属于大型框架体系的生产模式。而组件则是针对具体某个系统对模式进行实现后的产物。它将模式具象化为网站或应用界面中的一个部件，使之能够通过网络被直接交互。 接下来我们会按照构思这些元素的顺序逐一进行深入讨论。无论你对模式和组件是否熟悉，预先了解这些框架体系的基本组成部分，都将有助于我们建立起正确的大局观。 ———————————— ① Luke Wroblewski 是一位界面设计师、战略家及作家。他曾是美国伊利诺斯州大学界面设计专业的老师，后任职 eBay，领导组织了多项网站改进工作。现任雅虎公司产品构思与设计部门高级总监，并创立了 LukeW Interface Designs。著有 Site-seeing: A Visual Approach to Web Usability（《Web 可用性的可视化》）、Web Form Design: Filling in the Blanks（《Web 表单设计》）等。个人网站是 http://www.lukew.com。 ② Bill Scott 有着长达 25 年的从业经验，在设计和开发领域均有建树。他曾在雅虎任 Ajax 技术推广专家一职，并负责管理雅虎设计模式库，现任Netflix 公司的用户界面工程总监。与 Theresa Neil 合著有 Designing Web Interfaces: Principles and Patterns for Rich Interactions（《Web 界面设计》）一书。 ③ Martijn van Welie 现任飞利浦高级交互设计顾问一职。写了很多用户界面设计模式方面的文章。其个人网站是 http://www.welie.com。 ④ Theresa Neil 是一位用户体验咨询师。她曾与 Bill Scott 共事，创建了Sabre 用户体验团队。自 2001 年起，她为各种新技术及财富 500 强公司组织设计了 80 多个网站、桌面程序和手机应用，客户包括美国公共广播公司、PayPal 及 Pervasive。她也是《Web 界面设计》的作者之一。其个人网站是 http://www.theresaneil.com。 ⑤Christian Crumlish 是一位极其多产的作家和信息设计师。他早在 1994 年就开始参与交互分析和设计的工作，是 Adaptive Path 的总裁及创始人之一，如今主要负责雅虎设计模式库。他著作等身，自 1990 年起，出版了包括畅销书 Internet for Busy People（《为忙碌人士讲解 Internet》）、The Power Of Many: How The Living Web Is Transforming Politics, Business, And Everyday Life（《大众的力量：网站如何改变政治、经济和日常生活》）、Designing Social Interface: Principles, Patterns, and Practices for Improving the User Experience（《社会化网站界面设计：提升用户体验的原则、模式及实践》）（与 Erin Malone 合著）等近 30 本著作。其个人网站是 http://mediajunkie.com。 ⑥Jenifer Tidwell 目前在技术计算软件厂商 MathWorks 公司任交互设计师及软件工程师一职。她从 1997 年开始研究用户界面模式，同时也是一名 RIA（Rich Internet Application）技术的倡导者。著有 Designing Interfaces: Patterns for Effective Interaction Design（《设计界面：有效的交互设计模式》）一书。其个人网站是 http://jtidwell.net。 ⑦EightShapes 是 Nathan Curtis 和 Dan Brown 共同创立的用户体验设计公司，总部在华盛顿。该公司提供计划、研究、信息架构、交互设计、用户测试等多方面的服务，同时为客户创造既能满足用户需求，又能在商业目标和技术可行性上取得平衡的解决方案。公司网站是http://eightshapes.com。