自今年11月19日發布第一版
Swiperoo起，Dave和我就開始時不時談論開發初期遇到的各種問題。
我想，一定也有很多其他移動應用開發者會遇到和我們一樣的問題，因此，在這裡把我在開髮用戶友好型移動應用時總結出來的五個教訓和大家分享，希望對大家有一定的借鑒意義。
1）用戶期望本地瀏覽器功能保持不變
如果你計劃開發一個移動優化網站，那麼至少需要花一定的時間來模仿本地設備功能。進行滑動/分頁的清掃手勢就是一個很好的例子。清掃這個創意聽起來似乎不錯，但通常需要禁用默認的平移和縮放手勢功能，而這是某些用戶並不希望發生的。我們正在努力尋求一種技術解決辦法，一旦有所發現，便會第一時間發布。
教訓：進行移動應用開發時，盡可能保持本地功能。
2）並非所有設備“生來就平等”
假如移動應用開發領域存在可靠標準，那很多設計方面的頭疼問題都會迎刃而解。但問題是，目前根本沒有這樣的標準存在，因此，該頭疼的問題還是得繼續“頭疼”。使用不同移動瀏覽器時會有細微區別，比如寬度設計。考慮到很多人喜歡固定寬度，960像素能很好地適用
iPad和
iPhone。然而，或許你早已認識到，iPhone上的高度並不完全相同，因而使設計變得更為複雜，而本地功能可以很好地避免這類問題，這又可以回到第一個教訓。
教訓：在盡可能多的設備上進行測試，或者專注於某一類特定設備，如iPad或智能手機等。
3）面向未來的兼容性是一個很大的挑戰
Swiperoo是面向平板和所有台式電腦瀏覽器的平台，用戶需要將Safari、Firefox或Chrome等瀏覽器更新至最新版本才能獲得我們產品的全方位體驗。但據調查，非技術人員用戶通常都不會主動更新他們的瀏覽器。如果想開發一個同時面向移動設備和本地設備的的網站，
Modernizr是一個不錯的工具，或者至少應該提醒用戶如何解決問題以及不解決這些問題可能受到的種種限制。
教訓：設計和開發前端產品時，多考慮傳統瀏覽器。
4）設計時需考慮資源問題
與台式電腦相比，移動網絡在帶寬和處理能力方面存在諸多限制。用戶在抱怨速度太慢時，圖片負載是一個很重要的因素，以下是一些處理圖形的小技巧：
- 圖片可以不用時就不要用，實在需要時就盡可能使用小圖片；
- 使用sprites減少HTTP請求；
- 圖片的漸變和陰影效果會加大對硬件的壓力，因此使用時需謹慎；
- 如需使用動畫，使用較輕的漸變等效果。
有時候確實不可避免地需要用到圖片，這些小技巧可在一定程度上起到改善性作用，同時也有助於維護緩存文件。
教訓：確保網站能快訊載入移動設備。
5）盡可能使用Javascript
在提高移動網絡性能方面，Javascript能有效地解決很多令人頭疼的問題。現在幾乎所有的移動瀏覽都兼容Javascript，這樣可以使HTML看起來整潔，減少頁面大小。建議借助Ajax進行需要服務器端交互的頁面更新，它不均可以避免重載不必要的內容，還能創造一種更本地化的用戶體驗。
教訓：通過使用有利於後端進程的前端技術提高性能。
本文由
leiphone編譯自Iain McQueen發表在Posterous上的博文“
What I Learned Building a Mobile Friendly Web App ”。
轉載網站
