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

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

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

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

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

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

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

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

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

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

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

4）設(shè)計(jì)時(shí)需考慮資源問(wèn)題

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

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

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

5）盡可能使用Javascript

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

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