移動Web開發(fā)的十條軍規(guī)
譯文【2012年9月28日 51CTO外電頭條】對于開發(fā)者或者設(shè)計者來說,一個好處是:移動開發(fā)就技術(shù)而言,不需要再花太多的額外時間精力去學(xué)習(xí),所有需要去做的是就設(shè)計移動網(wǎng)頁來說,需要有全新的視覺去考慮問題。在本文中,將簡單介紹在移動Web開發(fā)中需要遵守的10條原則,開發(fā)者和設(shè)計師應(yīng)該遵守這些原則,這樣開發(fā)出來的移動Web應(yīng)用將有更好的效果。
1 安裝統(tǒng)計分析程序
必須十分重視對訪問你的移動Web應(yīng)用的用戶分析,這是首位的。可以通過安裝各類第三方的移動Web應(yīng)用統(tǒng)計系統(tǒng)達(dá)到這個目的。這樣的話,可以通過查看統(tǒng)計程序中的各個部分獲得對應(yīng)的數(shù)據(jù),比如獲得訪問你的移動應(yīng)用的用戶端的操作系統(tǒng)有哪些,并且可以知道用戶是從哪些國家和地區(qū)訪問應(yīng)用。還可以通過統(tǒng)計程序,分析出用戶是通過搜索哪些關(guān)鍵字從而得知你的應(yīng)用的。這些數(shù)據(jù)都將給你的移動Web應(yīng)用的開發(fā)帶來很多幫助。#p#
2 分析用戶的組成部分
移動用戶有著跟傳統(tǒng)的通過電腦訪問網(wǎng)站的用戶有著很多不同,他們有著千奇百怪的需要。因此在開發(fā)和設(shè)計移動Web應(yīng)用時,必須置身處地以用戶的角度著想。如果你的應(yīng)用的受眾是未成年人,他們永遠(yuǎn)都是愛玩一族,因此設(shè)計移動Web應(yīng)用都應(yīng)該本著簡單的原則,能讓他們一邊開車,一邊購物都能很方便地操作你的應(yīng)用。所以,要多分析訪問你的移動Web應(yīng)用的用戶是由什么樣的人群組成。#p#
3 優(yōu)化圖片
在移動Web開發(fā)中,必須十分注意對圖片的優(yōu)化,否則將會給你的應(yīng)用帶來災(zāi)難性后果,必須考慮如下因素:
- 通常來說,如果尺寸大的圖片加載將十分耗費(fèi)時間,作為開發(fā)者和設(shè)計者,必須看清醒認(rèn)識到,移動用戶很多是使用低速的網(wǎng)絡(luò)去訪問你的應(yīng)用的(不要老想著用戶使用3g,4g網(wǎng)絡(luò)!),所以能避免使用圖片的地方應(yīng)該不使用圖片。
- 不同移動設(shè)備對圖片的分辨率等的自適應(yīng)是個難題,因此必須在測試階段就要充分重視這個問題,做好測試工作。
因此,如果要在移動Web應(yīng)用中使用圖片,還應(yīng)該采取圖片壓縮,CSS優(yōu)化等多種措施對圖片進(jìn)行優(yōu)化。#p#
4 不要依賴JavaScript
不同的移動設(shè)備都有不同的瀏覽器,如果你開發(fā)的移動Web應(yīng)用是面向絕大部分的移動設(shè)備的瀏覽器的話,則強(qiáng)烈建議不要依賴JavaScript。因為目前來說,盡管HTML 5已經(jīng)開始使用,但還是不少移動瀏覽器對JavaScript的支持不是太好,比如Opera mini等。希望這種情況隨著以后由Apple,Android和Blackberry的改進(jìn)而有所改變。#p#
5 避免使用下拉菜單

當(dāng)設(shè)計移動Web應(yīng)用時,一定要盡量避免使用下拉菜單。雖然在桌面電腦應(yīng)用中,下拉菜單是十分常見和好用的,但在移動應(yīng)用中,則需要用戶不斷地移動,而且容易出錯。因此,如果能避免使用下拉菜單,還是應(yīng)該避免過多的下拉菜單,特別是當(dāng)下拉菜單內(nèi)容列表過多時,加載耗費(fèi)不少時間,影響性能和用戶體驗。#p#
6 優(yōu)化JavaScript和CSS
正如前面提到的,盡量少用JavaScript。但如果一定要使用的話,則必須使用一些優(yōu)化工具去優(yōu)化JavaScript和CSS,盡量壓縮它們的大小,減少下載時間。現(xiàn)在網(wǎng)上已經(jīng)有不少很好的工具能去實現(xiàn)優(yōu)化JavaScript和CSS。#p#
7 注意布局

最近,我們可能會發(fā)現(xiàn),有不少移動網(wǎng)站都同時支持水平和垂直的布局,也就是說,在同一個移動網(wǎng)站中,有可能同時看到垂直布局和水平布局的界面.這對于iPhone和Android等設(shè)備來說可能比較好辦,但對于其他的智能設(shè)備來說卻不一定。在設(shè)計移動網(wǎng)站時,最好設(shè)計頁面為單列的,因為這樣用戶就只需要在一個方向上進(jìn)行移動瀏覽觀看,而且垂直方向是符合人的一般視覺的,如果水平界面和垂直界面混合使用的話,將增加用戶操作的難度。#p#
8 充分利用手機(jī)的特性
在開發(fā)移動Web應(yīng)用中,必須學(xué)習(xí)了解時下移動設(shè)備中有哪些最受人們歡迎的特性。開發(fā)者可以將這些特性融合到移動Web應(yīng)用中,將會為應(yīng)用增色不少。#p#
9 提示用戶到傳統(tǒng)Web版本的網(wǎng)站
如果你的應(yīng)用同時有移動web應(yīng)用的版本和常規(guī)的web網(wǎng)站,那么一個很好的做法是在移動web應(yīng)用中,提醒用戶可以到傳統(tǒng)的web版本的網(wǎng)站去獲得更多的資訊。#p#
10 提高應(yīng)用的訪問速度
在開發(fā)移動Web網(wǎng)站或應(yīng)用時,最重要考慮的其中一條就是速度,你的網(wǎng)站或應(yīng)用必須速度足夠快,如果要達(dá)到這樣的目的,除了前文說的盡量避免使用JavaScript和flash外,更重要的是要多關(guān)注功能和速度本身,盡量減少華而不實的東西。



























