設(shè)計模式思想在界面設(shè)計領(lǐng)域中的研究現(xiàn)狀及應(yīng)用價值

摘 要：設(shè)計模式思想的主旨是針對常見的設(shè)計問題提供已被驗證為有效的解決方案，從而充分利用前人經(jīng)驗和成果解決設(shè)計問題，避免無意義的重復(fù)勞動。近年來，該思想在界面設(shè)計領(lǐng)域逐漸受到重視，出現(xiàn)了一批重要的研究和應(yīng)用成果，但同時也暴露出了現(xiàn)有研究的一些不足?？傮w而言，界面設(shè)計模式在界面設(shè)計領(lǐng)域仍有很大發(fā)展?jié)摿?，有待于設(shè)計研究者進(jìn)一步探索。

關(guān)鍵詞：設(shè)計模式；界面設(shè)計；交互設(shè)計

1 設(shè)計模式思想簡介

設(shè)計模式思想的主旨是針對常見的設(shè)計問題提供已被驗證為有效的解決方案，從而充分利用前人經(jīng)驗和成果解決設(shè)計問題，避免無意義的重復(fù)勞動。該思想最早由建筑師、加州大學(xué)伯克利分校建筑學(xué)教授Christopher Alexander在20世紀(jì)70年代提出。Alexander如此論述建筑設(shè)計模式的價值：“每一模式描述我們周圍環(huán)境中一再反復(fù)發(fā)生的某個問題，接著敘述解決這一問題的關(guān)鍵所在，這樣，你就能千百次地重復(fù)利用這種解決問題的辦法而又不會有老調(diào)重彈之感?！?[1]

Alexander闡述了設(shè)計模式的基本構(gòu)成要素，他認(rèn)為，每個模式都是一個規(guī)則，由三部分組成，表達(dá)了一個特定情境、一個問題和一個解決方案之間的關(guān)系。[2]其中，“情境”表示該模式在解決問題時的周圍環(huán)境和狀況，“問題”表示該模式的目的或預(yù)期目標(biāo)，“解決方案”表示解決該問題的方法的核心。然而，設(shè)計模式思想影響最為深遠(yuǎn)的領(lǐng)域并非建筑，而是軟件工程。20世紀(jì)90年代，Erich Gamma等人將設(shè)計模式思想推廣到了軟件工程領(lǐng)域。在Alexander的理論基礎(chǔ)上，Gamma等人制定了軟件設(shè)計模式的格式規(guī)范。他們認(rèn)為一個模式有四個基本要素：模式名稱、問題、解決方案、模式效果。[3]

Alexander和Gamma等人并沒有發(fā)明新的解決方案，而只是分別對建筑和軟件設(shè)計中現(xiàn)存的“無名”（即存在于設(shè)計實踐中，但尚未被人明確命名并提出）的優(yōu)秀解決方案進(jìn)行了系統(tǒng)化的總結(jié)和歸納，并以設(shè)計模式的形式表述出來。盡管如此，設(shè)計模式的價值仍得到了高度認(rèn)可。尤其是在軟件工程領(lǐng)域，設(shè)計模式已成為重要的程序設(shè)計指導(dǎo)理論。近年來，設(shè)計模式思想在界面設(shè)計領(lǐng)域也逐漸受到重視。

2 界面設(shè)計領(lǐng)域的設(shè)計模式研究現(xiàn)狀

Alexander的設(shè)計模式思想很早就已進(jìn)入交互設(shè)計研究者的視線。早在1988年，Donald A.Norman就在他影響深遠(yuǎn)的著作《The Psychology of Everyday Things》（后更名為《The Design of Everyday Things》）中提到了Alexander的研究成果。[4]但設(shè)計模式在該領(lǐng)域的發(fā)展較為緩慢，直到2000年前后，國外的交互設(shè)計和界面設(shè)計研究者對設(shè)計模式的關(guān)注才開始逐漸加深，并逐漸出現(xiàn)了一些重要的研究成果。一些研究者和機(jī)構(gòu)提出了自己的界面設(shè)計模式規(guī)范和模式庫，如Jenifer Tidwell在《界面設(shè)計模式》一書中以設(shè)計模式的形式總結(jié)了界面設(shè)計的法則，給出了常見問題的解決方法及其在實踐中的運用，并以該書內(nèi)容為基礎(chǔ)構(gòu)建了一個設(shè)計模式庫。[5]雅虎公司也發(fā)布了一套具有影響力的網(wǎng)頁設(shè)計模式庫。[6]其他知名模式庫包括Welie.com、Quince等。

相對于國外研究的逐漸興起，國內(nèi)對于數(shù)字產(chǎn)品界面設(shè)計模式的相關(guān)研究和應(yīng)用則十分匱乏。雖然近年來出現(xiàn)了少量關(guān)于界面設(shè)計模式的論文和著作，如《Web2.0界面設(shè)計模式》，但這些文獻(xiàn)并未深入挖掘設(shè)計模式的思想，也未能提出較為系統(tǒng)、規(guī)范和全面的設(shè)計模式庫，實用價值有限?？傮w而言，國內(nèi)的相關(guān)研究和應(yīng)用與國外相比有較大差距，研究文獻(xiàn)的數(shù)量極少，深度不足，極其缺乏理論化、系統(tǒng)化的中文研究資料。

目前，界面設(shè)計模式相關(guān)研究主要集中于設(shè)計模式個體的研究和構(gòu)建。雖然也涉及不同設(shè)計模式之間的關(guān)系，但并未系統(tǒng)和深入地探討設(shè)計模式的編目方法，即如何將多個設(shè)計模式組織、統(tǒng)籌起來，以跳出單個設(shè)計模式的狹窄范圍，服務(wù)于更高層次的用戶目標(biāo)。這是目前相關(guān)研究的一個不足之處。Alexander雖然提出了“模式語言”的編目思想，但該思想仍然主要基于個人的主觀經(jīng)驗，缺乏可推廣性。Robert Hoekman，Jr.和Jared Spool的研究起到了一定彌補作用。他們在《網(wǎng)站設(shè)計解構(gòu)：有效的交互設(shè)計框架和模式》一書中提出，應(yīng)將多個設(shè)計模式組織成框架體系，從而從全局的角度指導(dǎo)由多個設(shè)計模式組成的完整的界面系統(tǒng)設(shè)計。[7]在該書理論的基礎(chǔ)上，他們創(chuàng)建了一個公共的框架體系資源庫，包含了網(wǎng)頁交互設(shè)計的幾種常見框架示例。其框架格式與設(shè)計模式格式類似，主要包含應(yīng)用情境、用戶目標(biāo)、任務(wù)流程、所用模式等。[8]

總體來說，現(xiàn)有的界面設(shè)計模式研究主要存在三點不足：（1）缺乏對模式在設(shè)計實踐中的使用方式、方法和流程的研究。 （2）缺乏對模式編目方式（即如何綜合運用多個模式解決問題）的研究。 （3）缺乏對模式庫建立（包括模式識別、模式記錄）及擴(kuò)充過程的系統(tǒng)化研究。目前，模式庫的建立主要依靠建立者個人的經(jīng)驗和觀察。

3 界面設(shè)計模式的應(yīng)用價值

在交互界面設(shè)計中，設(shè)計模式的價值主要在于[9]： （1）設(shè)計模式包含了問題的相關(guān)信息，使得解決方案能夠確實地發(fā)揮作用。 （2）設(shè)計模式詳細(xì)闡述了解決方案是如何受上下文（即情境）限制的。 （3）設(shè)計模式闡述了解決方案的基本原理，其中包括了前人積累下來的經(jīng)驗性知識。 （4）設(shè)計模式具有一種潛力：多個模式可以組織成一種模式語言，使設(shè)計師能夠以一種積極活躍的方式來跨越性地解決不同細(xì)節(jié)層次上的設(shè)計問題。

如上所述，設(shè)計模式不僅能有效地解決問題，而且充分考慮到了問題的上下文情境，并從方法論的角度闡述解決方案的原理。這是設(shè)計模式與一般的零散性設(shè)計原則的重要區(qū)別。

設(shè)計模式的另一個應(yīng)用價值是它有效地彌補了目前廣泛應(yīng)用的設(shè)計指南（guideline）的不足。設(shè)計指南通常由企業(yè)發(fā)布，為該企業(yè)相關(guān)產(chǎn)品的界面設(shè)計提供指導(dǎo)和參考，以保證設(shè)計的一致性，幫助設(shè)計師提高設(shè)計質(zhì)量。典型例子有蘋果公司發(fā)布的《iOS Human Interface Guidelines》《iOS 7 UI Transition Guide》等。與設(shè)計模式庫相比，設(shè)計指南通常實例數(shù)量較少，且多闡述抽象和綱領(lǐng)性原理，而非像設(shè)計模式那樣提供具體設(shè)計案例，因而難以為設(shè)計師提供具體問題的解決方法。而利用設(shè)計模式，設(shè)計師可以更為系統(tǒng)化、具體化地解決設(shè)計問題。例如，西門子公司在實踐中成功運用設(shè)計模式提高了其軟件開發(fā)效率。該公司從2000年起就持續(xù)對界面設(shè)計模式進(jìn)行探索，并建立起了一個內(nèi)部界面設(shè)計模式庫，其模式的應(yīng)用范圍覆蓋了桌面、網(wǎng)頁應(yīng)用和移動設(shè)備等不同平臺。[10]

4 總結(jié)與展望

從以上研究可以看出，設(shè)計模式在交互設(shè)計和界面設(shè)計領(lǐng)域的研究和應(yīng)用已取得了一定進(jìn)展，但近年來數(shù)字產(chǎn)品發(fā)展迅速，以iPhone等移動設(shè)備為代表的新一代數(shù)字產(chǎn)品在我國迅速普及，扁平化、模塊化等新設(shè)計思想不斷涌現(xiàn)，設(shè)計模式思想也需要不斷跟進(jìn)，以符合時代快速發(fā)展的需求，體現(xiàn)出新一代數(shù)字產(chǎn)品的界面設(shè)計理念。國內(nèi)雖然引進(jìn)出版了《界面設(shè)計模式》等一批重要著作，但設(shè)計模式思想的影響力仍然不足，并未在界面設(shè)計領(lǐng)域得到廣泛認(rèn)知。如何挖掘設(shè)計模式的優(yōu)點，將其推介給國內(nèi)設(shè)計界，從而對產(chǎn)品的界面設(shè)計有所助益，是國內(nèi)界面設(shè)計研究者應(yīng)該思考的方向。該領(lǐng)域還存在其他一些有待探索的研究方向，比如如何將零散的設(shè)計模式以系統(tǒng)化的方法組織起來構(gòu)成整體框架，以及如何將設(shè)計模式應(yīng)用到硬件界面的設(shè)計中。此外，最新涌現(xiàn)的扁平化設(shè)計、響應(yīng)式界面設(shè)計等界面設(shè)計思想也亟須得到設(shè)計模式理論的支持?？傮w而言，界面設(shè)計模式在界面設(shè)計領(lǐng)域仍有很大發(fā)展?jié)摿?，有待于設(shè)計研究者進(jìn)一步探索。

參考文獻(xiàn)：

[1] Christopher Alexander，et al.建筑模式語言[M].北京：知識產(chǎn)權(quán)出版社，2002：3.

[2] Christopher Alexander.建筑的永恒之道[M].北京：知識產(chǎn)權(quán)出版社，2002：194.

[3] Erich Gamma，et al.設(shè)計模式：可復(fù)用面向?qū)ο筌浖幕A(chǔ)[M].北京：機(jī)械工業(yè)出版社，2000：2.

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

[5] Jenifer Tidwell.界面設(shè)計模式[M].北京：電子工業(yè)出版社，2013.

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

[7] Robert Hoekman Jr.，Jared Spool.網(wǎng)站設(shè)計解構(gòu)：有效的交

互設(shè)計框架和模式[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最佳實踐：提高用戶體驗影響

力的藝術(shù)[M].北京：機(jī)械工業(yè)出版社，2013：174.

作者簡介：石曦，北京服裝學(xué)院設(shè)計學(xué)專業(yè)研究生在讀。

通訊作者：楊九瑞，北京服裝學(xué)院副教授。