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

2018-03-24 17:09 更新

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


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


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


(一) 模式:預(yù)期行為的錦囊

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


(二) 組件:高效利用可重用的代碼

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


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


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


(三) 框架體系:最后的拼圖定乾坤

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


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


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


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


以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號