編者注：本文編譯自Iain McQueen發(fā)表在Posterous上的博文“What I Learned Building aMobile Friendly Web App”。

自今年11月19日發(fā)布第一版Swiperoo起，Dave和我就開始時不時談論開發(fā)初期遇到的各種問題。我想，一定也有很多其他移動應用開發(fā)者會遇到和我們一樣的問題，因此，在這里把我在開發(fā)用戶友好型移動應用時總結出來的五個教訓和大家分享，希望對大家有一定的借鑒意義。

1）用戶期望本地瀏覽器功能保持不變

如果你計劃開發(fā)一個移動優(yōu)化網(wǎng)站，那么至少需要花一定的時間來模仿本地設備功能。進行滑動/分頁的清掃手勢就是一個很好的例子。清掃這個創(chuàng)意聽起來似乎不錯，但通常需要禁用默認的平移和縮放手勢功能，而這是某些用戶并不希望發(fā)生的。我們正在努力尋求一種技術解決辦法，一旦有所發(fā)現(xiàn)，便會第一時間發(fā)布。

教訓：進行移動應用開發(fā)時，盡可能保持本地功能。

2）并非所有設備“生來就平等”

假如移動應用開發(fā)領域存在可靠標準，那很多設計方面的頭疼問題都會迎刃而解。但問題是，目前根本沒有這樣的標準存在，因此，該頭疼的問題還是得繼續(xù)“頭疼”。使用不同移動瀏覽器時會有細微區(qū)別，比如寬度設計。考慮到很多人喜歡固定寬度，960像素能很好地適用iPad和iPhone。然而，或許你早已認識到，iPhone上的高度并不完全相同，因而使設計變得更為復雜，而本地功能可以很好地避免這類問題，這又可以回到第一個教訓。

教訓：在盡可能多的設備上進行測試，或者專注于某一類特定設備，如iPad或智能手機等。

3）面向未來的兼容性是一個很大的挑戰(zhàn)

Swiperoo是面向平板和所有臺式電腦瀏覽器的平臺，用戶需要將Safari、Firefox或Chrome等瀏覽器更新至最新版本才能獲得我們產品的全方位體驗。但據(jù)調查，非技術人員用戶通常都不會主動更新他們的瀏覽器。如果想開發(fā)一個同時面向移動設備和本地設備的的網(wǎng)站，Modernizr是一個不錯的工具，或者至少應該提醒用戶如何解決問題以及不解決這些問題可能受到的種種限制。

教訓：設計和開發(fā)前端產品時，多考慮傳統(tǒng)瀏覽器。

4）設計時需考慮資源問題

與臺式電腦相比，移動網(wǎng)絡在帶寬和處理能力方面存在諸多限制。用戶在抱怨速度太慢時，圖片負載是一個很重要的因素，以下是一些處理圖形的小技巧：

圖片可以不用時就不要用，實在需要時就盡可能使用小圖片；使用sprites減少HTTP請求；圖片的漸變和陰影效果會加大對硬件的壓力，因此使用時需謹慎；如需使用動畫，使用較輕的漸變等效果。有時候確實不可避免地需要用到圖片，這些小技巧可在一定程度上起到改善性作用，同時也有助于維護緩存文件。

教訓：確保網(wǎng)站能快訊載入移動設備。

5）盡可能使用Javascript

在提高移動網(wǎng)絡性能方面，Javascript能有效地解決很多令人頭疼的問題?，F(xiàn)在幾乎所有的移動瀏覽都兼容Javascript，這樣可以使HTML看起來整潔，減少頁面大小。建議借助Ajax進行需要服務器端交互的頁面更新，它不均可以避免重載不必要的內容，還能創(chuàng)造一種更本地化的用戶體驗。

教訓：通過使用有利于后端進程的前端技術提高性能。