网站设计模式：打破规则是OK

网站设计模式的历史

建筑师克里斯托弗·亚历山大在1977年，合着一本书名为模式语言：城镇，建筑，建设“一个良好的专业领域内的设计手法描述的结构化的方法”，这本书的目的是模式语言的概念引入给普通的人-不只是建筑师和政府-为改善自己的城镇和社区的蓝图。在亚历山大自己的话说：

为核心的是，人们应该为自己设计自己的房子，街道和社区的想法。这个想法......仅仅从观察世界最美丽的地方不是建筑师，而是由人民。

一种模式-无论是在架构，网页设计或另一个领域-总是有两部分组成：第一，它描述了一个共同的问题，其次，它提供了一个标准的解决这个问题。例如，模式88模式语言与身份问题和公共场所如何处理，可以推出鼓励在公共场合混合。建议的解决方案之一是街头的网吧：

街上的咖啡馆提供了一个独特的环境，特殊的城市：一个地方，人们可以坐在懒洋洋的，合法的，是对视图，并观看世界去了。因此，鼓励当地网吧春天在每个居委会。让他们亲密的地方，有几个房间，开到一个繁忙的道路，人们可以坐在一起喝咖啡或饮料和观看世界去了。建立这样一组表伸出到街上的网吧，网吧前。最人性化的城市总是充满街头网吧。

对于那些有兴趣进一步下降的格局88兔子洞，甚至有一个Flickr组致力于这种模式的例子。

从建筑跳转到Web是很自然的，因为情况是类似的：我们有许多共同的互动的问题，值得标准的解决方案。这样的一个例子是雅虎的“导航标签“的格局。问题：

用户需要通过网站导航定位的内容和功能，并有明确指示他们在该网站的当前位置。

和解决方案：

呈现出持续单行排在单杠下面的网站品牌和头的标签，是一种提供一个高水平的网站导航，当类别数是不太可能经常改变。元素应该横跨整个宽度的页面使用明确强调当前选定的选项卡上的限制，以及短期和可预见的标题，以保持文件夹的比喻。

这是非常好的，但我们需要深入理解数字化产品设计中使用这种模式的好处。

网站设计模式的好处

模式是特别有用的设计主要有两个原因：

• 模式节省时间，因为我们没有解决问题，这已经得到解决。如果使用得当，我们可以适用于每一种模式背后的原则，以解决其他常见的设计问题。
• 模式，使网站更容易使用，因为作为设计师之间通过增加，用户习惯是如何工作的，这反过来又降低了他们的认知负荷，当遇到共同的设计元素。把它在学术方面，当模式达到高的采用率，他们成为心智模式-套系统应该如何工作，在用户心中的信念。

也许最强的情况下使用现有的设计模式，而不是新的架构（再次）。的文章“价值Unoriginality，，“德米特里·法捷耶夫援引欧文·琼斯，19世纪有影响力的建筑师和设计理论家，他的书饰品语法：

尝试建立艺术理论，或形成一种风格，独立的过去，将是一个至高无上的愚蠢行为。这将是一次拒绝的经验，千百年来积累的知识。相反，我们应该把我们继承过去所有成功的劳动力，而不是盲目地跟随他们，但雇用他们只是作为指导，以找到真正的路径。

最后一句是关键。模式是不盲目照搬别人做借口，但他们提供的设计蓝图，可以是非常有用的设计者和用户。所以我们需要站在肩膀上已经摆在我们面前的设计师-良好的网络和用户的理智。许多人试图记录最常见的Web设计模式，与不同程度的成功。除了雅虎设计模式库，还有彼得Morville的设计模式，Welie.com，和我个人的最爱，UI-Patterns.com的。

当模式攻击

这里的“，但”我们已经讨论到现在的一切。有一个黑暗的一面的模式，我们不谈论足够。一个并不简单的复制模式库从一堆随机的地方，把它放在一个内部的Wiki，然后等待神奇的发生。内部设计模式库的整合与维护，是艰苦的工作，如果我们不采取这种认真的工作，不好的事情会发生。斯蒂芬Turbek在他的文章中总结出的主要问题与模式库“反模式是设计模式？“

• 设计模式是有效的培训工具。
• 设计模式不会取代UX的专业知识。
• 完整性和学习能力有冲突。
• 设计模式，采取了大量的投资。
• 设计模式应该首先帮助非-UX的人。

本文不打算详细讨论这些问题，所以我强烈建议阅读Turbek的职位。

对这篇文章的目的，让我们假定我们所做的一切权利。我们有一个出版，知名的，我们的组织内享有广泛采用的模式库。我们把图书馆作为指导方针和蓝图，而不是没有想着手头的问题，要遵循的法律。我特别感兴趣的问题是，当它确定以打破广泛采用的设计模式，引导用户采取新的方式解决问题的呢？

当我们的攻击模式

尽管所有的利益，大多数网站似乎有一点尊重的模式。破碎的设计模式最明显的例子，被发现在Web表单。根据多年的研究，我们知道如何设计可用的形式。从卢克Wroblewski的书Web窗体设计无数这样的事情多列布局和定位标签的文章中，我们没有任何猜测。模式在那里，他们确立。然而，我们看到网上这么多的勉强可用的形式。

作为一个破碎的形式模式的一个例子，看看登记表Expotel低于：

注意小的输入字段;公里的空间和它们之间的输入字段的标签左对齐，“关闭”和“注册”按钮，这实际上强调“关闭”更多的布局和设计。哦，什么是“欢迎辞”？它会在哪里使用？我们都同意，这是不是好的形式设计，是不是一个好办法，打破格局。

但通过判断一个破碎的模式并不总是那么容易，因为它上面的例子。谷歌最近决定取消的“+”按钮，在浏览器中打开一个新标签，最近受到了火位。它打破了一个已在大多数的浏览器有作为一个功能选项卡为基础的浏览，但谷歌称，它没有包括的模式，然后才作出这一变化的用户研究。这个决定是正确的吗？

再有，我们可能不知道如何使用户界面。如清除和路径IOS应用介绍，我们以前没有见过的新的互动-以及备受赞誉的负反馈。一步一个在设计或失败的实验？

与大多数的设计决策，答案是很少明确或黑色和白色。张力之间存在的模式和新的解决方案，不能用一个公式解决。用户熟悉建立做事的方式，但一个新的解决问题的方法可能会更好，更自然和合乎逻辑的。所以，当正在改变一些熟悉的东西不同确定？有两个方案中，我们应该考虑打破了设计模式。

新的方式实证提高了可用性

对现有的设计迭代的危险之一是被称为“当地大正如约书亚波特解释。“

当地大的是在你打的限制，目前的设计，它是有效的，因为它永远要在其目前的化身。即使你100的调整，你只能得到这么多的改进，它是有效的，因为它曾经是其目前的结构基础上。

有图案，它可能发生，我们将继续改善现有的解决方案，即使存在一个更好的。这是A / B测试的陷阱之一：它找到了当地大的一个伟大的工作，但不寻找那些新的和创新的解决方案。

我们获得了很多从渐进式创新，但有时是成熟激进的创新模式。我们需要去睁大眼睛，急于寻找新的解决方案，并准备到每一个设计问题的解决方案进行测试，以确保我们不坏直觉。作为保罗Scrivens指出“设计理念“：

你将永远是一个新的想法。你会先用一种新的方式呈现的想法或一种新的方式结合起来的想法与另一个。思想是没有什么比过去更多的mashup。一旦你能坦然接受，你的想象力开辟了一点，你开始到别处寻找灵感。

这是什么铬团队声称，他们已经用“+”按钮，在Chrome。它认为它已经找到了更好的解决方案，它测试了。

既定的方式变得过时

认为，在大多数应用中的作用“保存”图标。当是你最后一次看到一个软盘驱动器？没错。有时我们脚下移动世界，我们必须调整。如果不这样做，我们可以得到停留在危险的车辙，作为Twyla的撒普证明（援引由Yesenia佩雷斯-克鲁斯）：

往往比不，我发现一辙，是坚持以久经考验的方法，不考虑如何你或世界已经改变的后果。

出版业内人士都知道这比大多数。斯图尔特库里有“辞意必须死“这样说：

设计模式是非常有用的，但是当我们在媒体的大转变，他们有时可以保持进步回来。如果我们看一下在数字出版物的发展，它是一个缓慢而稳定的运动，从音响的数字设备上打印的页面打印页面（大部分）。它是稳定的，线性的，而不是极富想象力的，它在打印工作“，所以它会在数字”似乎是心态。

这是如清除和路径的应用程序的开发人员正在做大胆的，正确的事情。他们意识到，我们在一个时期的开始，是快速创新，基于手势的界面，他们希望在该前列。将失败的一些想法和一些会成功，但重要的是，我们的设计模式应对新的触摸为基础的世界，我们的一部分。

我们的设计模式有调整不仅在我们的互动隐喻的转变，但在技术的使用在一般的重大转变。塔米·埃里克森做一些研究，对她所说的“重新生成”（即后Y世代），并讨论了一些她的调查结果在“移动技术如何塑造新一代“：

连接是重新生成的基本假设和日常生活的天然纤维织物。技术连接的是人们如何满足，表达思想，确定身份，并相互理解。老一辈，大部分使用的技术，以提高生产力 - 做我们一直在做，更快，更方便，更便宜的东西。对于重新生成，是有线是一种生活方式。

应用程序和服务的期望改变时，一切都总是和访问。缓慢的转变和流动，被认为是过于复杂，我们变得越来越宽容。我们正在被迫重新考虑签署形式和支付流在其中的时间和精力，已经成为比以往任何时候都稀缺的环境。我们不必推倒重来，但我们需要找到更好的方法来保持它滚动。

明智的决定是正确的决定

设计模式带来许多好处，以及一些弊端，需要注意的。但我们很愚蠢忽视这些有用的指引。有是没有为什么我们需要到做的的的计算公式;而不是，我们需要到某些界限之内操作，，以确保我们正在创造而不疏远用户的伟大的设计解决方案的。下面是我们需要做的：

• 学习设计模式相关的应用，我们正在努力。我们需要知道他们的心脏-我知道他们为什么存在-因此，我们可以使用他们松散的蓝图，为我们自己的工作。
• 接近每用一记足以打开新的项目，发现更好的办法来解决经常出现的问题。
• 熬夜至今对我们行业（以及相邻的），使我们认识外部世界的变化，需要我们重新考虑解决方案，目前工作很好，但可能会很快过时。

总之，我们既可以遵循，也完全忽略设计模式。相反，我们需要一个人机交互的规则的深刻理解，让我们知道打破他们是确定的。