【2012年9月28日 51CTO外電頭條】對(duì)于開發(fā)者或者設(shè)計(jì)者來(lái)說(shuō)，一個(gè)好處是：移動(dòng)開發(fā)就技術(shù)而言，不需要再花太多的額外時(shí)間精力去學(xué)習(xí)，所有需要去做的是就設(shè)計(jì)移動(dòng)網(wǎng)頁(yè)來(lái)說(shuō)，需要有全新的視覺去考慮問(wèn)題。在本文中，將簡(jiǎn)單介紹在移動(dòng)Web開發(fā)中需要遵守的10條原則，開發(fā)者和設(shè)計(jì)師應(yīng)該遵守這些原則，這樣開發(fā)出來(lái)的移動(dòng)Web應(yīng)用將有更好的效果。

1 安裝統(tǒng)計(jì)分析程序

    [[99619]]

必須十分重視對(duì)訪問(wèn)你的移動(dòng)Web應(yīng)用的用戶分析，這是首位的。可以通過(guò)安裝各類第三方的移動(dòng)Web應(yīng)用統(tǒng)計(jì)系統(tǒng)達(dá)到這個(gè)目的。這樣的話，可以通過(guò)查看統(tǒng)計(jì)程序中的各個(gè)部分獲得對(duì)應(yīng)的數(shù)據(jù)，比如獲得訪問(wèn)你的移動(dòng)應(yīng)用的用戶端的操作系統(tǒng)有哪些，并且可以知道用戶是從哪些國(guó)家和地區(qū)訪問(wèn)應(yīng)用。還可以通過(guò)統(tǒng)計(jì)程序，分析出用戶是通過(guò)搜索哪些關(guān)鍵字從而得知你的應(yīng)用的。這些數(shù)據(jù)都將給你的移動(dòng)Web應(yīng)用的開發(fā)帶來(lái)很多幫助。#p#

2 分析用戶的組成部分

[[99620]]

移動(dòng)用戶有著跟傳統(tǒng)的通過(guò)電腦訪問(wèn)網(wǎng)站的用戶有著很多不同，他們有著千奇百怪的需要。因此在開發(fā)和設(shè)計(jì)移動(dòng)Web應(yīng)用時(shí)，必須置身處地以用戶的角度著想。如果你的應(yīng)用的受眾是未成年人，他們永遠(yuǎn)都是愛玩一族，因此設(shè)計(jì)移動(dòng)Web應(yīng)用都應(yīng)該本著簡(jiǎn)單的原則，能讓他們一邊開車，一邊購(gòu)物都能很方便地操作你的應(yīng)用。所以，要多分析訪問(wèn)你的移動(dòng)Web應(yīng)用的用戶是由什么樣的人群組成。#p#

3 優(yōu)化圖片

   [[94730]]

在移動(dòng)Web開發(fā)中，必須十分注意對(duì)圖片的優(yōu)化，否則將會(huì)給你的應(yīng)用帶來(lái)災(zāi)難性后果，必須考慮如下因素：

1. 通常來(lái)說(shuō)，如果尺寸大的圖片加載將十分耗費(fèi)時(shí)間，作為開發(fā)者和設(shè)計(jì)者，必須看清醒認(rèn)識(shí)到，移動(dòng)用戶很多是使用低速的網(wǎng)絡(luò)去訪問(wèn)你的應(yīng)用的（不要老想著用戶使用3g,4g網(wǎng)絡(luò)！），所以能避免使用圖片的地方應(yīng)該不使用圖片。
2. 不同移動(dòng)設(shè)備對(duì)圖片的分辨率等的自適應(yīng)是個(gè)難題，因此必須在測(cè)試階段就要充分重視這個(gè)問(wèn)題，做好測(cè)試工作。

因此，如果要在移動(dòng)Web應(yīng)用中使用圖片，還應(yīng)該采取圖片壓縮，CSS優(yōu)化等多種措施對(duì)圖片進(jìn)行優(yōu)化。#p#

4 不要依賴JavaScript

[[99621]]

不同的移動(dòng)設(shè)備都有不同的瀏覽器，如果你開發(fā)的移動(dòng)Web應(yīng)用是面向絕大部分的移動(dòng)設(shè)備的瀏覽器的話，則強(qiáng)烈建議不要依賴JavaScript。因?yàn)槟壳皝?lái)說(shuō)，盡管HTML 5已經(jīng)開始使用，但還是不少移動(dòng)瀏覽器對(duì)JavaScript的支持不是太好，比如Opera mini等。希望這種情況隨著以后由Apple,Android和Blackberry的改進(jìn)而有所改變。#p#

5 避免使用下拉菜單

當(dāng)設(shè)計(jì)移動(dòng)Web應(yīng)用時(shí)，一定要盡量避免使用下拉菜單。雖然在桌面電腦應(yīng)用中，下拉菜單是十分常見和好用的，但在移動(dòng)應(yīng)用中，則需要用戶不斷地移動(dòng)，而且容易出錯(cuò)。因此，如果能避免使用下拉菜單，還是應(yīng)該避免過(guò)多的下拉菜單，特別是當(dāng)下拉菜單內(nèi)容列表過(guò)多時(shí)，加載耗費(fèi)不少時(shí)間，影響性能和用戶體驗(yàn)。#p#

6 優(yōu)化JavaScript和CSS

[[99622]]

     正如前面提到的，盡量少用JavaScript。但如果一定要使用的話，則必須使用一些優(yōu)化工具去優(yōu)化JavaScript和CSS,盡量壓縮它們的大小，減少下載時(shí)間。現(xiàn)在網(wǎng)上已經(jīng)有不少很好的工具能去實(shí)現(xiàn)優(yōu)化JavaScript和CSS。#p#

7 注意布局

最近,我們可能會(huì)發(fā)現(xiàn),有不少移動(dòng)網(wǎng)站都同時(shí)支持水平和垂直的布局,也就是說(shuō),在同一個(gè)移動(dòng)網(wǎng)站中,有可能同時(shí)看到垂直布局和水平布局的界面.這對(duì)于iPhone和Android等設(shè)備來(lái)說(shuō)可能比較好辦,但對(duì)于其他的智能設(shè)備來(lái)說(shuō)卻不一定。在設(shè)計(jì)移動(dòng)網(wǎng)站時(shí)，最好設(shè)計(jì)頁(yè)面為單列的，因?yàn)檫@樣用戶就只需要在一個(gè)方向上進(jìn)行移動(dòng)瀏覽觀看，而且垂直方向是符合人的一般視覺的，如果水平界面和垂直界面混合使用的話，將增加用戶操作的難度。#p#

8 充分利用手機(jī)的特性

     [[99623]]

在開發(fā)移動(dòng)Web應(yīng)用中，必須學(xué)習(xí)了解時(shí)下移動(dòng)設(shè)備中有哪些最受人們歡迎的特性。開發(fā)者可以將這些特性融合到移動(dòng)Web應(yīng)用中，將會(huì)為應(yīng)用增色不少。#p#

9 提示用戶到傳統(tǒng)Web版本的網(wǎng)站

[[99624]]

如果你的應(yīng)用同時(shí)有移動(dòng)web應(yīng)用的版本和常規(guī)的web網(wǎng)站，那么一個(gè)很好的做法是在移動(dòng)web應(yīng)用中，提醒用戶可以到傳統(tǒng)的web版本的網(wǎng)站去獲得更多的資訊。#p#

10 提高應(yīng)用的訪問(wèn)速度

   [[99625]]

在開發(fā)移動(dòng)Web網(wǎng)站或應(yīng)用時(shí)，最重要考慮的其中一條就是速度，你的網(wǎng)站或應(yīng)用必須速度足夠快，如果要達(dá)到這樣的目的，除了前文說(shuō)的盡量避免使用JavaScript和flash外，更重要的是要多關(guān)注功能和速度本身，盡量減少華而不實(shí)的東西。