网站设计解构[试读]

1998 年，可用性专家 Rolf Molich①分别给 9 个团队 3 周的时间对 Web 邮箱 www.hotmail.com 进 行 评 估。 该 实 验 是 被 他 称 为 CUE（Comparative Usability Evaluations，相对可用性测试）系列实验②的一部分，试图建立起一套切实可行的可用性测试标准。在每一项测试中，Rolf 都会请多个可用性团队对同一个设计进行自由评估。 这次测试被称为 CUE-2，因为它是该系列实验中的第二项测试。在各团队记录下的结果中，反映出一个令人惊诧的趋势。 尽管可用性专家们在检测界面问题时宣称使用的方法非常科学，但是可用性... 查看全部[ 本章介绍 ]

要想解决我们之前所述的所有问题，核心理念其实非常简单：Web 开发团队需要日积月累、稳步实施可重用策略。 可重用策略可以划分为三种资源库：模式、组件，以及交互设计的框架体系。这些资源库能让开发团队充分利用丰富的成品资源，从而提高工作的速度和效率。 我们发现，那些成功实施可重用策略的团队已经尝到了实实在在的甜头。首先，他们可以调用已经（按最基本水平）实现的成品集，快速地拼凑起有效的设计雏形，从而达到让设计尽快启航的目的。这些团队完成整个设计的时间似乎也更短，而且可以周全地涵盖一切有利于提升用户体验的细节和精妙之处。其次，尽管他们在无趣的支撑功能上并未花费太多时间，其设计成果却似乎具备... 查看全部[ 1.1　可重用策略 ]

除了能有效地加快迭代，产生易用的设计之外，框架体系还能帮助我们更深刻地理解现有标准背后的逻辑依据。通过这种“解剖镜”，设计师可以反向追溯影响当今各种设计决定的最初逻辑原理，然后将自己的理解转化为准则，应用到更加新颖的设计上。我们将在第 2 章更为深入地讨论框架体系的这一方面内容。 1.2.1　分解工作量 需要提到的是，重用带来的好处并不是无偿的。识别可重用的元素需要花费时间和精力，为它们备案、存档也颇为耗时，而且保持资源库的更新也是一项长期而且劳心费力的任务。 但如果把它们分为模式、组件和框架体系三位一体的形式，事情就好办多了。因为这样一来，我们就能让设计师和开发人员对工作进... 查看全部[ 1.2　超越常规 ]

在本章中，我们将深入探究可重用策略中的三个组成部分，以便在后续的内容中你能更好地理解设计模式、组件和交互设计框架体系三者之间是如何 相互关联、相互协作的。 可重用铁三角的诞生并非轻而易举，产生的顺序也绝非符合逻辑。模式 的 概 念 最 初 始 于 Christopher Alexander 于 1977 年 写 的 书， 其 后 又 被Luke Wroblewski①、Bill Scott②、Martijn van Welie③、Theresa Neil④、Christian Crumlish⑤、Jenifer Tidwell⑥等模式倡导者和众多业界专家所普及和发扬光大。正是在他们... 查看全部[ 本章介绍 ]

设计模式其实是一种针对某个常见问题的常用解决方案。比如，分页模式就为我们呈现了一种标准的交互接口，它将搜索结果以多个页面显示，同时在每个结果页的底部加上指向不同页面的链接。这种设计通常会包含 Previous（上一页）和 Next（下一页）按钮、通往其他各个结果页的数字序号链接以及一个指示当前页面的视觉标志，如图 2-2 所示。
图2-2 来自雅虎设计模式库的分页界面示例... 查看全部[ 2.1　设计模式 ]

要想介绍组件，也许最简单的办法就是直接引用其倡导者、EightShapes公 司 网 站 上 的 解 释（ 参 见 http://unify.eightshapes.com/users-guide/what-you-get/wireframe-components/）： 组件是页面设计的一部分。 组件由通用的最基层元素（例如文本、链接、按钮、复选框和图片）相组合而成，它们是在页面的界面设计中可以使用（或重复使用）的有意义的组成单元。其他描述这种页面内集合的常用术语包括模块、元件、控件，甚至是分子。 而在 Nathan Curtis①的一次演讲“Creating a Compone... 查看全部[ 2.2　组件 ]

在互联网上可能存在着数百万个设计模式，它们每天都在被人使用，其中一些很流行。就此而言，它们似乎就是所谓的界面模块的理想“后备”，但其实模式仍然存在着一些无法摆脱的局限。 设计模式能够解决那些范围较小的具体问题（这也正是我们期待的结果），但是我们无法从中得知这些问题之间是否有联系、是否会顾此失彼。尽管在一般的模式描述文档中有一个上下文情境项，但它也只是讨论了模式能在何处适用，其中既没有提到该模式会如何影响整个应用程序，也没有提到它和系统其余部分的联系。而在必备条件项中，也只是列出了与该模式密切相关的其他模式，并没有揭示其表面下的深层原因。 我们希望创造出成功的设计，然而设计模式缺乏足... 查看全部[ 2.3　交互设计框架体系 ]

Robert 曾在 Jared 的 UIE Web App Summit ①上举办过一次有关框架体系的讲座，有人提出了一个有趣的问题：框架体系是否会让交互设计产生同一化，最后让交互设计师们丢掉饭碗？ 答案当然是不会。 恰恰相反，建立框架体系的目标之一就是为了让设计师们能避免把时间都花在单调、重复的界面和架构设计上，从而能有更充裕的时间来做设计师们应该做的事情：致力于为企业和客户提升用户体验。 讲座的另一位听众问到，这些框架累加到最后，是否会出现整个界面变成臃肿的科学怪人②那样的局面，并询问如何避免。我们的回答是： 和人体系统一样，框架体系相互间的结合可以说是完好无缺。它... 查看全部[ 2.4　自然环境下的框架 ]