【編者按】本文作者Brad Frost，紐約數(shù)字互動(dòng)廣告公司R/GA的移動(dòng)web戰(zhàn)略家和設(shè)計(jì)師、前端開發(fā)工程師。作者主要對(duì)響應(yīng)式網(wǎng)站和單獨(dú)的移動(dòng)網(wǎng)站進(jìn)行了簡單的比較，并總結(jié)了建設(shè)響應(yīng)式網(wǎng)站的一些預(yù)算考慮!
首先，我想以一個(gè)真實(shí)的事例開始今天的主題。曾經(jīng)有一個(gè)網(wǎng)站項(xiàng)目，在建設(shè)初期并沒有把移動(dòng)設(shè)備考慮在內(nèi)，但是在隨后的設(shè)計(jì)過程中，大約有80%的客戶會(huì)問這樣一個(gè)疑問：網(wǎng)站在iPad上面的顯示效果會(huì)是怎樣?面對(duì)整個(gè)問題，整個(gè)開發(fā)團(tuán)隊(duì)開始慌了手腳，于是整個(gè)項(xiàng)目的時(shí)間表需要重新制定，預(yù)算也跟著增加，而且最終做出來的效果也不盡如人意。
這個(gè)故事的寓意就是說，從項(xiàng)目一開始就要將各式各樣的移動(dòng)設(shè)備考慮在內(nèi)，而且要意識(shí)到未來的不可預(yù)測性并且具有前瞻性，因?yàn)槔弦惶椎臇|西總是要被淘汰的，新事物總會(huì)不斷涌現(xiàn)。
那么是選擇設(shè)計(jì)響應(yīng)式網(wǎng)站還是打造專門的移動(dòng)網(wǎng)站?
其實(shí)這個(gè)話題幾乎已經(jīng)蓋棺定論了，隨著3G的普及，越來越多的人使用手機(jī)上網(wǎng)。移動(dòng)設(shè)備正超過桌面設(shè)備，成為訪問互聯(lián)網(wǎng)的最常見終端，響應(yīng)式網(wǎng)站設(shè)計(jì)已經(jīng)成為大勢所趨。但我還是想對(duì)兩者進(jìn)行簡單的比較，建設(shè)響應(yīng)式網(wǎng)站是不是比移動(dòng)網(wǎng)站成本要來得低?起初，建設(shè)移動(dòng)網(wǎng)站和響應(yīng)式網(wǎng)站花費(fèi)的成本可能差不多，但是因?yàn)橐苿?dòng)網(wǎng)站存在N多不同的版本，后續(xù)的數(shù)據(jù)更新和設(shè)備維護(hù)需要大量的費(fèi)用投入，而響應(yīng)式網(wǎng)站則不存在這樣的問題。另外，像Galaxy Note這樣的小平板或者是大屏幕的手機(jī)仍然處于灰色地帶，它們到底是顯示移動(dòng)版本的頁面還是顯示桌面版本的頁面 ，真的是讓用戶左右為難。
建設(shè)響應(yīng)式網(wǎng)站需要考慮的預(yù)算因素
相比單獨(dú)的移動(dòng)網(wǎng)站，雖然響應(yīng)式網(wǎng)站后續(xù)的維護(hù)成本會(huì)比較低，但這并不代表響應(yīng)式設(shè)計(jì)就是完美無缺的。而且涉及到預(yù)算問題，每一分錢都很重要，所以作好有效的預(yù)算也是很有必要的，下面是建設(shè)響應(yīng)式網(wǎng)站需要需要考慮的一些因素：
1.與時(shí)俱進(jìn)，掌握最新動(dòng)態(tài)
讓每個(gè)人都掌握業(yè)內(nèi)的最新動(dòng)態(tài)，確保團(tuán)隊(duì)里的每一個(gè)人都了解響應(yīng)式設(shè)計(jì)是什么。如果不了解當(dāng)下的最新情況，花點(diǎn)時(shí)間去了解，看看當(dāng)下的趨勢是什么，然后一起討論如何去開展工作。
2.足夠的時(shí)間來應(yīng)對(duì)突來起來的變化
這很可能是財(cái)政預(yù)算需要考慮的最重要因素。很多開發(fā)人員一定很熟悉典型的“瀑布模式”的開發(fā)過程，“瀑布模式”只按照標(biāo)準(zhǔn)的桌面瀏覽器進(jìn)行設(shè)計(jì)，除此之外，幾乎沒有考慮任何其它的設(shè)計(jì)開發(fā)環(huán)境，隨著問題的不斷積累，不得不放慢腳步，來應(yīng)付各種棘手的問題。這是它最大的缺點(diǎn)。跨平臺(tái)同步進(jìn)行的響應(yīng)式設(shè)計(jì)的出現(xiàn)讓那些呆板的線性過程在多屏幕時(shí)代顯得一無是處。
當(dāng)然，因?yàn)轫憫?yīng)式設(shè)計(jì)是跨平臺(tái)同步進(jìn)行，相對(duì)“瀑布模式”的開發(fā)過程而言，密切合作對(duì)于一個(gè)成功的響應(yīng)式設(shè)計(jì)項(xiàng)目來說是絕對(duì)必要的。而在整個(gè)開發(fā)過程中，要給團(tuán)隊(duì)足夠的時(shí)間來分類整理那些不可避免的、棘手的設(shè)計(jì)問題。
3.更多的測試和QA時(shí)間
只按照標(biāo)準(zhǔn)的桌面瀏覽器進(jìn)行網(wǎng)頁設(shè)計(jì)的的時(shí)代已經(jīng)一去不復(fù)返，隨著工作量的加大，測試和QA時(shí)間也相應(yīng)增加，所以在作預(yù)算的時(shí)候，時(shí)間問題也是需要考慮的因素。另外，整個(gè)網(wǎng)頁將會(huì)支持哪些設(shè)備、將針對(duì)那些設(shè)備進(jìn)行優(yōu)化也是需要事先考慮好，因?yàn)?ldquo;支持”和“優(yōu)化”兩者之間還是有區(qū)別的。如果要針對(duì)每種設(shè)備進(jìn)行優(yōu)化，這是不可行的。鑒于預(yù)算有限，包容性并且前瞻性的解決方案就顯得尤為重要了。
4.購買測試設(shè)備
在設(shè)備上進(jìn)行實(shí)際操作和測試是非常有必要的，這就意味著在測試設(shè)備方面又要投入一筆預(yù)算。
5.了解渠道策略
有許多項(xiàng)目規(guī)劃者在進(jìn)行響應(yīng)式網(wǎng)站設(shè)計(jì)的時(shí)候喜歡將整個(gè)項(xiàng)目細(xì)分，先是開發(fā)桌面版，再接著是手機(jī)版，最后是平板電腦版，其實(shí)這已經(jīng)脫離響應(yīng)式設(shè)計(jì)的本質(zhì)。真正的響應(yīng)式設(shè)計(jì)從一開始就考慮到這些跨平臺(tái)問題，從而進(jìn)行更詳細(xì)的前期框架構(gòu)圖，設(shè)計(jì)和測試。
Via Bradfrostweb
原文：http://www.leiphone.com/0704-danice-responsive-web-design-cost.html
網(wǎng)友點(diǎn)評(píng)
精彩導(dǎo)讀
科技快報(bào)
品牌展示