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

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

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

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

教訓(xùn)：進(jìn)行移動應(yīng)用開發(fā)時，盡可能保持本地功能。

2）并非所有設(shè)備“生來就平等”

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

教訓(xùn)：在盡可能多的設(shè)備上進(jìn)行測試，或者專注于某一類特定設(shè)備，如iPad或智能手機(jī)等。

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

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

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

4）設(shè)計時需考慮資源問題

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

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

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

5）盡可能使用Javascript

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

教訓(xùn)：通過使用有利于后端進(jìn)程的前端技術(shù)提高性能。