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

1 安裝統計分析程序

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

2 分析用戶的組成部分

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

3 優化圖片

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

通常來說,如果尺寸大的圖片加載將十分耗費時間,作為開發者和設計者,必須看清醒認識到,移動用戶很多是使用低速的網絡去訪問你的應用的(不要老想着用戶使用3g,4g網絡!),所以能避免使用圖片的地方應該不使用圖片。

不同移動設備對圖片的分辨率等的自適應是個難題,因此必須在測試階段就要充分重視這個問題,做好測試工作。

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

4 不要依賴JavaScript

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

5 避免使用下拉菜單

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

6 優化JavaScript和CSS

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

7 注意布局

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

8 充分利用手機的特性

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

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

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

10 提高應用的訪問速度

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

文章來源:胖子馬