我的想法:
- 視覺規(guī)范和交互規(guī)范,以用戶研究作為基礎(chǔ)。比如全站的色調(diào),基本操作的交互等,都取決于對主流客戶群心智模型的研究。
- 前端技術(shù)相對獨立,在規(guī)范的基礎(chǔ)上,封裝成技術(shù)框架供上層調(diào)用。這里的框架僅包括基本功能,比如css框架里的reset和grids,js框架里的dom、event等,不含widgets.
- 再上一層是設(shè)計模式庫DPL(Design Pattern Library). 大部分模式的形成,需要視覺、交互和前端三種技術(shù)的融合。比如淘寶首頁的幻燈片卡盤,不僅僅是前端技術(shù)的產(chǎn)物,和淘寶的視覺規(guī)范與交互設(shè)計也密切相關(guān)。
- DPL是一份文檔化的說明,面向的是UED全體設(shè)計人員。DPL的背面是技術(shù)實現(xiàn),一般體現(xiàn)在JS框架里,比如YUI的widgets庫,jQuery的UI插件庫等等,這些封裝好的代碼組件面向的是程序開發(fā)人員。
- 在DPL之上,可以構(gòu)建各種應(yīng)用。比如Yahoo的首頁,Google的GMail. 每個公司的DPL各不相同,體現(xiàn)的是一個公司整體的設(shè)計觀。
- DPL負責的是通用模式。具體應(yīng)用中的特殊模式,還需要直接根據(jù)前端框架、視覺規(guī)范、交互規(guī)范以及用研數(shù)據(jù)來完成設(shè)計和開發(fā)。
- DPL初期的構(gòu)建和維護成本很高,但一旦有效運作起來后,團隊將獲得豐厚的回報。
延伸閱讀:
- Yahoo! DPL: http://developer.yahoo.com/ypatterns/
- The Elements of a Design Pattern
- UI Patterns: http://ui-patterns.com/patterns