【2012年9月28日 51CTO外電頭條】對于開發者或者設計者來說，一個好處是：移動開發就技術而言，不需要再花太多的額外時間精力去學習，所有需要去做的是就設計移動網頁來說，需要有全新的視覺去考慮問題。在本文中，將簡單介紹在移動Web開發中需要遵守的10條原則，開發者和設計師應該遵守這些原則，這樣開發出來的移動Web應用將有更好的效果。

1 安裝統計分析程序

    [[99619]]

必須十分重視對訪問你的移動Web應用的用戶分析，這是首位的。可以通過安裝各類第三方的移動Web應用統計系統達到這個目的。這樣的話，可以通過查看統計程序中的各個部分獲得對應的數據，比如獲得訪問你的移動應用的用戶端的操作系統有哪些，并且可以知道用戶是從哪些國家和地區訪問應用。還可以通過統計程序，分析出用戶是通過搜索哪些關鍵字從而得知你的應用的。這些數據都將給你的移動Web應用的開發帶來很多幫助。#p#

2 分析用戶的組成部分

[[99620]]

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

3 優化圖片

   [[94730]]

在移動Web開發中，必須十分注意對圖片的優化，否則將會給你的應用帶來災難性后果，必須考慮如下因素：

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

因此，如果要在移動Web應用中使用圖片，還應該采取圖片壓縮，CSS優化等多種措施對圖片進行優化。#p#

4 不要依賴JavaScript

[[99621]]

不同的移動設備都有不同的瀏覽器，如果你開發的移動Web應用是面向絕大部分的移動設備的瀏覽器的話，則強烈建議不要依賴JavaScript。因為目前來說，盡管HTML 5已經開始使用，但還是不少移動瀏覽器對JavaScript的支持不是太好，比如Opera mini等。希望這種情況隨著以后由Apple,Android和Blackberry的改進而有所改變。#p#

5 避免使用下拉菜單

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

6 優化JavaScript和CSS

[[99622]]

     正如前面提到的，盡量少用JavaScript。但如果一定要使用的話，則必須使用一些優化工具去優化JavaScript和CSS,盡量壓縮它們的大小，減少下載時間。現在網上已經有不少很好的工具能去實現優化JavaScript和CSS。#p#

7 注意布局

最近,我們可能會發現,有不少移動網站都同時支持水平和垂直的布局,也就是說,在同一個移動網站中,有可能同時看到垂直布局和水平布局的界面.這對于iPhone和Android等設備來說可能比較好辦,但對于其他的智能設備來說卻不一定。在設計移動網站時，最好設計頁面為單列的，因為這樣用戶就只需要在一個方向上進行移動瀏覽觀看，而且垂直方向是符合人的一般視覺的，如果水平界面和垂直界面混合使用的話，將增加用戶操作的難度。#p#

8 充分利用手機的特性

     [[99623]]

在開發移動Web應用中，必須學習了解時下移動設備中有哪些最受人們歡迎的特性。開發者可以將這些特性融合到移動Web應用中，將會為應用增色不少。#p#

9 提示用戶到傳統Web版本的網站

[[99624]]

如果你的應用同時有移動web應用的版本和常規的web網站，那么一個很好的做法是在移動web應用中，提醒用戶可以到傳統的web版本的網站去獲得更多的資訊。#p#

10 提高應用的訪問速度

   [[99625]]

在開發移動Web網站或應用時，最重要考慮的其中一條就是速度，你的網站或應用必須速度足夠快，如果要達到這樣的目的，除了前文說的盡量避免使用JavaScript和flash外，更重要的是要多關注功能和速度本身，盡量減少華而不實的東西。