设计模式思想在界面设计领域中的研究现状及应用价值

摘 要：设计模式思想的主旨是针对常见的设计问题提供已被验证为有效的解决方案，从而充分利用前人经验和成果解决设计问题，避免无意义的重复劳动。近年来，该思想在界面设计领域逐渐受到重视，出现了一批重要的研究和应用成果，但同时也暴露出了现有研究的一些不足。总体而言，界面设计模式在界面设计领域仍有很大发展潜力，有待于设计研究者进一步探索。

关键词：设计模式；界面设计；交互设计

1 设计模式思想简介

设计模式思想的主旨是针对常见的设计问题提供已被验证为有效的解决方案，从而充分利用前人经验和成果解决设计问题，避免无意义的重复劳动。该思想最早由建筑师、加州大学伯克利分校建筑学教授Christopher Alexander在20世纪70年代提出。Alexander如此论述建筑设计模式的价值：“每一模式描述我們周围环境中一再反复发生的某个问题，接着叙述解决这一问题的关键所在，这样，你就能千百次地重复利用这种解决问题的办法而又不会有老调重弹之感。” [1]

Alexander阐述了设计模式的基本构成要素，他认为，每个模式都是一个规则，由三部分组成，表达了一个特定情境、一个问题和一个解决方案之间的关系。[2]其中，“情境”表示该模式在解决问题时的周围环境和状况，“问题”表示该模式的目的或预期目标，“解决方案”表示解决该问题的方法的核心。然而，设计模式思想影响最为深远的领域并非建筑，而是软件工程。20世纪90年代，Erich Gamma等人将设计模式思想推广到了软件工程领域。在Alexander的理论基础上，Gamma等人制定了软件设计模式的格式规范。他们认为一个模式有四个基本要素：模式名称、问题、解决方案、模式效果。[3]

Alexander和Gamma等人并没有发明新的解决方案，而只是分别对建筑和软件设计中现存的“无名”（即存在于设计实践中，但尚未被人明确命名并提出）的优秀解决方案进行了系统化的总结和归纳，并以设计模式的形式表述出来。尽管如此，设计模式的价值仍得到了高度认可。尤其是在软件工程领域，设计模式已成为重要的程序设计指导理论。近年来，设计模式思想在界面设计领域也逐渐受到重视。

2 界面设计领域的设计模式研究现状

Alexander的设计模式思想很早就已进入交互设计研究者的视线。早在1988年，Donald A.Norman就在他影响深远的著作《The Psychology of Everyday Things》（后更名为《The Design of Everyday Things》）中提到了Alexander的研究成果。[4]但设计模式在该领域的发展较为缓慢，直到2000年前后，国外的交互设计和界面设计研究者对设计模式的关注才开始逐渐加深，并逐渐出现了一些重要的研究成果。一些研究者和机构提出了自己的界面设计模式规范和模式库，如Jenifer Tidwell在《界面设计模式》一书中以设计模式的形式总结了界面设计的法则，给出了常见问题的解决方法及其在实践中的运用，并以该书内容为基础构建了一个设计模式库。[5]雅虎公司也发布了一套具有影响力的网页设计模式库。[6]其他知名模式库包括Welie.com、Quince等。

相对于国外研究的逐渐兴起，国内对于数字产品界面设计模式的相关研究和应用则十分匮乏。虽然近年来出现了少量关于界面设计模式的论文和著作，如《Web2.0界面设计模式》，但这些文献并未深入挖掘设计模式的思想，也未能提出较为系统、规范和全面的设计模式库，实用价值有限。总体而言，国内的相关研究和应用与国外相比有较大差距，研究文献的数量极少，深度不足，极其缺乏理论化、系统化的中文研究资料。

目前，界面设计模式相关研究主要集中于设计模式个体的研究和构建。虽然也涉及不同设计模式之间的关系，但并未系统和深入地探讨设计模式的编目方法，即如何将多个设计模式组织、统筹起来，以跳出单个设计模式的狭窄范围，服务于更高层次的用户目标。这是目前相关研究的一个不足之处。Alexander虽然提出了“模式语言”的编目思想，但该思想仍然主要基于个人的主观经验，缺乏可推广性。Robert Hoekman，Jr.和Jared Spool的研究起到了一定弥补作用。他们在《网站设计解构：有效的交互设计框架和模式》一书中提出，应将多个设计模式组织成框架体系，从而从全局的角度指导由多个设计模式组成的完整的界面系统设计。[7]在该书理论的基础上，他们创建了一个公共的框架体系资源库，包含了网页交互设计的几种常见框架示例。其框架格式与设计模式格式类似，主要包含应用情境、用户目标、任务流程、所用模式等。[8]

总体来说，现有的界面设计模式研究主要存在三点不足：（1）缺乏对模式在设计实践中的使用方式、方法和流程的研究。 （2）缺乏对模式编目方式（即如何综合运用多个模式解决问题）的研究。 （3）缺乏对模式库建立（包括模式识别、模式记录）及扩充过程的系统化研究。目前，模式库的建立主要依靠建立者个人的经验和观察。

3 界面设计模式的应用价值

在交互界面设计中，设计模式的价值主要在于[9]： （1）设计模式包含了问题的相关信息，使得解决方案能够确实地发挥作用。 （2）设计模式详细阐述了解决方案是如何受上下文（即情境）限制的。 （3）设计模式阐述了解决方案的基本原理，其中包括了前人积累下来的经验性知识。 （4）设计模式具有一种潜力：多个模式可以组织成一种模式语言，使设计师能够以一种积极活跃的方式来跨越性地解决不同细节层次上的设计问题。

如上所述，设计模式不仅能有效地解决问题，而且充分考虑到了问题的上下文情境，并从方法论的角度阐述解决方案的原理。这是设计模式与一般的零散性设计原则的重要区别。

设计模式的另一个应用价值是它有效地弥补了目前广泛应用的设计指南（guideline）的不足。设计指南通常由企业发布，为该企业相关产品的界面设计提供指导和参考，以保证设计的一致性，帮助设计师提高设计质量。典型例子有苹果公司发布的《iOS Human Interface Guidelines》《iOS 7 UI Transition Guide》等。与设计模式库相比，设计指南通常实例数量较少，且多阐述抽象和纲领性原理，而非像设计模式那样提供具体设计案例，因而难以为设计师提供具体问题的解决方法。而利用设计模式，设计师可以更为系统化、具体化地解决设计问题。例如，西门子公司在实践中成功运用设计模式提高了其软件开发效率。该公司从2000年起就持续对界面设计模式进行探索，并建立起了一个内部界面设计模式库，其模式的应用范围覆盖了桌面、网页应用和移动设备等不同平台。[10]

4 总结与展望

从以上研究可以看出，设计模式在交互设计和界面设计领域的研究和应用已取得了一定进展，但近年来数字产品发展迅速，以iPhone等移动设备为代表的新一代数字产品在我国迅速普及，扁平化、模块化等新设计思想不断涌现，设计模式思想也需要不断跟进，以符合时代快速发展的需求，体现出新一代数字产品的界面设计理念。国内虽然引进出版了《界面设计模式》等一批重要著作，但设计模式思想的影响力仍然不足，并未在界面设计领域得到广泛认知。如何挖掘设计模式的优点，将其推介给国内设计界，从而对产品的界面设计有所助益，是国内界面设计研究者应该思考的方向。该领域还存在其他一些有待探索的研究方向，比如如何将零散的设计模式以系统化的方法组织起来构成整体框架，以及如何将设计模式应用到硬件界面的设计中。此外，最新涌现的扁平化设计、响应式界面设计等界面设计思想也亟须得到设计模式理论的支持。总体而言，界面设计模式在界面设计领域仍有很大发展潜力，有待于设计研究者进一步探索。

参考文献：

[1] Christopher Alexander，et al.建筑模式語言[M].北京：知识产权出版社，2002：3.

[2] Christopher Alexander.建筑的永恒之道[M].北京：知识产权出版社，2002：194.

[3] Erich Gamma，et al.设计模式：可复用面向对象软件的基础[M].北京：机械工业出版社，2000：2.

[4] D.A.Norman.The Psychology of Everyday Things[M].Basic Books，New York，1988：229.

[5] Jenifer Tidwell.界面设计模式[M].北京：电子工业出版社，2013.

[6] Yahoo！Inc.[DB/OL]http：//developer.yahoo.com/ypatterns/.

[7] Robert Hoekman Jr.，Jared Spool.网站设计解构：有效的交

互设计框架和模式[M].北京：人民邮电出版社，2010.

[8] Robert Hoekman Jr.，Jared Spool.[DB/OL]http：//webanatomy.rhjr.net/.

[9] Stefan L.Pauwels，Christian Hübscher，Javier A.Bargas-Avila，Klaus Opwis.Building an interaction design pattern language：A case study[J].Computers in Human Behavior，2009，26（3）：452-463.

[10] Helmut Degen，袁小伟.UX最佳实践：提高用户体验影响

力的艺术[M].北京：机械工业出版社，2013：174.

作者简介：石曦，北京服装学院设计学专业研究生在读。

通讯作者：杨九瑞，北京服装学院副教授。