[版權(quán)聲明]:版權(quán)歸作者Alite所有，轉(zhuǎn)載文章請注明作者與文章出處:http://alite.aliued.cn

交互設(shè)計師有時會遇見這樣情景:經(jīng)過一番冥思苦想與掙扎,終于把PD提交的需求快速的完成了.當(dāng)然,按照流程就是提交到VD那了.但在VD設(shè)計過程中,發(fā)現(xiàn)有些用戶行為和操作路徑,在DEMO中并沒有涉及到,當(dāng)然就會被VD打回返工.這樣幾經(jīng)周折才算把問題都想清楚設(shè)計完整了.

先不提孰是孰非,如果交互設(shè)計師能夠充分掌握交互設(shè)計原則與交互設(shè)計模式會不會把這種情況出現(xiàn)的幾率降低到最少呢?答案是肯定的!設(shè)計原則可以指導(dǎo)設(shè)計師如何設(shè)計美好,有效的產(chǎn)品,以及系統(tǒng)與服務(wù),并且如何正直成功地從事設(shè)計工作.設(shè)計模式可以針對某類特定的設(shè)計問題,提供可供效仿的概括性解決方案.但是我們不要把設(shè)計原則和設(shè)計模式當(dāng)作尚方寶劍,時刻都要問個為什么在做判斷.理論放到實戰(zhàn)中只能做參考之用,不要盲目崇拜理論而忘記推陳出新.理論是實踐中總結(jié)出來的,也有可能被實踐中新的理論替代.

交互設(shè)計模式概念:

設(shè)計模式是一種提取有效的設(shè)計方案,將其應(yīng)用于類似問題的方法.嘗試將設(shè)計理論形式化,記錄最好的實踐工作,有助于實現(xiàn)以下目標(biāo).

*節(jié)省新項目的時間和精力.
*提高設(shè)計方案的質(zhì)量.
*促進(jìn)設(shè)計師與程序員的溝通.
*幫助設(shè)計師成長.

盡管在設(shè)計教育與提高工作效率方面,模式的重要性不言而喻.交互設(shè)計的模式發(fā)展尤其令人興奮,因為這些模式代表用戶體驗與相關(guān)活動的優(yōu)化成果.

其中有很多優(yōu)秀的交互設(shè)計模式學(xué)習(xí)網(wǎng)站:

http://www.welie.com/patterns/index.php
http://www.slideshare.net/
http://ui-patterns.com/
http://patterntap.com/

交互設(shè)計模式的歷史
交互設(shè)計的模式理念源自Christopher Alexander,他撰寫過具有巨大影響力的兩本著作,即(一種模式語言和永恒的建筑方式).書中首次描述了建筑的設(shè)計模式.通過一系列建筑特征的精確定義,Alexander試圖提取那些帶給居民幸福感的建筑設(shè)計的精華.
而交互設(shè)計模式和建筑設(shè)計模式有一個重要的區(qū)別,交互設(shè)計模式不僅僅涉及結(jié)構(gòu)和元素組織,還關(guān)注響應(yīng)用戶活動的動態(tài)行為與變化.

交互設(shè)計模式的類型
1.定位模式:應(yīng)用于概念層面,幫助界定產(chǎn)品對于用戶的整體定位.
2.結(jié)構(gòu)模式:解答如何在屏幕上安排信息和功能元素之類的問題.
3.行為模式:指在解決功能或數(shù)據(jù)元素的具體交互問題.

交互設(shè)計模式應(yīng)用注意

設(shè)計模式不是菜譜或者立竿見影的解決之道,Jenifer Tidwell 在其廣泛收集交互設(shè)計模式的(Designing Interfaces)一書中,曾發(fā)出這樣的警告:”(模式)不是即拿即用的商品,每一次模式的運(yùn)用都有所不同.”一切設(shè)計模式不應(yīng)該是禁錮了設(shè)計師的思想,應(yīng)該是更好的利用設(shè)計模式推陳出新.在不同環(huán)境下,設(shè)計模式的精確形式在每一個設(shè)計方案中都有或多或少的差別.一個概括的風(fēng)格說明無法代替具體的設(shè)計方案.

模式語言

有一些非常完整的模式集合組成了”模式語言”.這些模式與可視化語言類似,因為它們涵蓋了整個設(shè)計中用到的元素的詞匯(模式語言更抽象,也更注重行為,而可視化語言講的是形狀,圖標(biāo),顏色,字體等).這個集合不那么完整,它包含的技術(shù)也沒有達(dá)到傳統(tǒng)模式的要求,但它非常簡潔,可以管理,并且非常有用.
說了那么多有關(guān)交互設(shè)計模式的概念,也許你已經(jīng)初步了解,也許你已經(jīng)感覺云里霧里呵呵,都沒關(guān)系.接下來我將以舉例子的方式,詳細(xì)講解每個模式在WEB設(shè)計實戰(zhàn)中的應(yīng)用.
今晚話題就墨跡到此吧,過陣子繼續(xù)嘮叨交互設(shè)計模式(二)-XX解析.

{未完待續(xù)}
原文鏈接：http://alite.aliued.cn/archives/709