Web開發(fā)的中可重用策略

在Web開發(fā)中，我們經(jīng)常會(huì)開發(fā)一些經(jīng)常使用的功能（如：登錄、注冊(cè)功能），如果在今后有很多地用都用到那個(gè)功能，每次都要去再開發(fā)一遍的話，這些重復(fù)創(chuàng)造、重復(fù)開發(fā)的工作是極其降低工資效率的。為了降低在這方面耗費(fèi)的精力（并且給刺激、有趣的創(chuàng)新部分留下更充裕的時(shí)候），開發(fā)團(tuán)隊(duì)需要可重復(fù)利用的設(shè)計(jì)。

重用是如今應(yīng)該優(yōu)先考慮的事?？芍赜弥卑椎恼f就是可以多次使用先前開發(fā)的應(yīng)用程序中的某些功能、某些規(guī)范、某些概念。而在Web開發(fā)中的應(yīng)用可重用策略可以劃分為三種資源庫：模式、組件及交互設(shè)計(jì)的框架體系。這些資源庫能讓開發(fā)團(tuán)隊(duì)充分利用豐富的成品資源，從而提高工作的速度和效率。

在團(tuán)隊(duì)的可重用策略中，模式、組件和交互設(shè)計(jì)的框架體系三都扮演著不同的角色，但都舉足輕重。

（一） 模式：預(yù)期行為的錦囊

設(shè)計(jì)模式是重用拼圖中第一塊零件。比如，讓我們假設(shè)一位正在訂票的用戶需要輸入日期。有哪些支持輸入日期的設(shè)計(jì)呢？一個(gè)帶自動(dòng)分析功能的文本框？分別表示年、月、日的三個(gè)數(shù)字下拉列表？可以直接點(diǎn)選日期的彈出式日歷針對(duì)同一種行為，不同的選擇體現(xiàn)出了不同的設(shè)計(jì)。當(dāng)開發(fā)團(tuán)隊(duì)指定一種最生命他們（及其用戶）的設(shè)計(jì)時(shí)，就能將其定為一個(gè)械。日后，當(dāng)團(tuán)隊(duì)需要響應(yīng)類似的行為時(shí)，就能以相似的方式進(jìn)行響應(yīng)，利用之前的工作成果來滿足用戶已經(jīng)確實(shí)的需要。

（二） 組件：高效利用可重用的代碼

除了模式之外，開發(fā)者們還需要一種復(fù)合的方式來重用具體的代碼。我們選定了可用的設(shè)計(jì)模式以后，就需要考慮具體的實(shí)現(xiàn)問題了。要想讓彈出式日歷能順利工作，屏幕上必須得顯示日期。日歷必須得響應(yīng)鼠標(biāo)的點(diǎn)擊。它的外觀還得與其他的界面元素保持一致，這些都是組件大顯身手的地方。

組件會(huì)從像素級(jí)別來詳細(xì)指定設(shè)計(jì)響應(yīng)。它們通常以代碼的形式來體現(xiàn)，因此組件實(shí)際上也體現(xiàn)了具體的交互行為。它們是具備了諸如字體、顏色和布局等樣式元素的功能性設(shè)計(jì)方案。

開發(fā)人員用組件來拼湊出設(shè)計(jì)的所有細(xì)節(jié)。組件構(gòu)完成以后，就變成了隨時(shí)待命的現(xiàn)在元素，能輕易地嵌入到任何新界面中去。這使得每一個(gè)環(huán)節(jié)的開發(fā)速度都得到了提高，從早期的原型階段到最后的部署階段莫不如此。簡(jiǎn)而言之，組件就是將設(shè)計(jì)模式進(jìn)行完整代碼化、模塊化后得到的可執(zhí)行版本。

（三） 框架體系：最后的拼圖定乾坤

交互設(shè)計(jì)的框架體系是這三位一體中的最新成員。如果說設(shè)計(jì)模式是某個(gè)常見問題的通用解決方案，那么交互設(shè)計(jì)的框架體系則是一系列設(shè)計(jì)模式再加上其他元素的信息，用以指導(dǎo)完整的系統(tǒng)或站點(diǎn)上下文的設(shè)計(jì)。

和人體一樣，每一個(gè)Web應(yīng)用都由一系列相互合作的子系統(tǒng)所組成。每一個(gè)子系統(tǒng)都包含許多獨(dú)立的單元，每個(gè)單元都具有各自的功能和用途。如果對(duì)這些成功的（和不成功的）網(wǎng)站及應(yīng)用進(jìn)行詳細(xì)的解剖和分析，我們不僅能夠標(biāo)識(shí)出那些在不同環(huán)境下滿足用戶需求的常用元素，而且能夠更加深刻地理解人類行為，從而改善這些標(biāo)準(zhǔn)，同時(shí)在不犧牲可用性的前提下將我們的設(shè)計(jì)提升到新的高度。

框架體系不去為“狹隘的”問題提供“狹隘的”解決方案，它處理的是較為復(fù)雜的問題。它從產(chǎn)品的整體背景出發(fā)，為設(shè)計(jì)確定指導(dǎo)方針。框架系統(tǒng)是一種高度的抽象。它不具體的品牌化或視覺設(shè)計(jì)需需求——那些是組件來完成的事件。相應(yīng)地，組件又以獨(dú)立的設(shè)計(jì)模式 為基礎(chǔ)。確切地說，框架體系是某種范圍更廣的結(jié)構(gòu)化系統(tǒng)，從一開始就能幫助設(shè)計(jì)師對(duì)模式進(jìn)行選擇。

這三者實(shí)施成功，可以使團(tuán)隊(duì)快速地拼湊起有效的設(shè)計(jì)雛形，從而達(dá)到讓設(shè)計(jì)盡快啟航的目的，縮短開發(fā)時(shí)間，而且可以周全地涵蓋一切有利于提升用戶體驗(yàn)的細(xì)節(jié)和精妙之處。