我们要相信我们既定的网站设计模式，用于在网络上的共同要素。我们知道什么按钮应该看怎么样，他们应该做的，如何设计网站的形式，依靠这些按钮。
然而，破碎的形式，看起来像按钮的按钮，混乱的导航元素和web上的猖獗。这是一个有破损模式的林荫大道。
这让我思考的历史和设计模式的目的时，他们应该和不应该被使用。最有趣的是，我开始纳闷时，打破了格局，有利于不同的东西或更好地实际上可能确定。我们都承认，快速调出的模式被滥用。但在何种情况下打破规则是确定的呢？正确回答这个问题，让我们回到开始。
（非凡的一面注意：你已经买了全新的非凡书＃3本书介绍了新的实用技术和整个渐进式网页设计的新思维。取得今天你的书！）
网站设计模式的历史 建筑师克里斯托弗·亚历山大在1977年，合着一本书名为模式语言：城镇，建筑，建设?“一个良好的专业领域内的设计手法描述的结构化的方法”，这本书的目的是模式语言的概念引入给普通的人-不只是建筑师和政府-为改善自己的城镇和社区的蓝图。在亚历山大自己的话说：
为核心的是，人们应该为自己设计自己的房子，街道和社区的想法。这个想法......仅仅从观察世界最美丽的地方不是建筑师，而是由人民。
街咖啡馆（图片来源：圣地亚哥shanputnam）
一种模式-无论是在架构，网页设计或另一个领域-总是有两部分组成：第一，它描述了一个共同的问题，其次，它提供了一个标准的解决这个问题。例如，模式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世代），并讨论了一些她的调查