這些天關注移動網站方面的事情，想看看是否有合适的書籍，上周一天晚上在當當網找了一下，有一本翻譯老外寫的書《智能手機Web标準開發實戰》還比較符合要求，晚上11點多在家付款買了，早上收到郵件說淩晨2點多發貨了，第二天中午就送到辦公室了，真夠快的！
随後一個星期中斷斷續續把這本書翻看了一遍，内容正是講的Mobile Web的開發，附标題很長：為iPhone、Android、Palm Pre、BlackBerry、Windows Mobile及Nokia S60開發通用的基于Javascript、CSS、HTML和Ajax的Web應用，按照該書的簡介中的說法，是一本移動Web的“新兵訓練營”。
我粗略看過的幾點收獲記錄如下：
- 可以用三種辦法來測試移動網站：桌面浏覽器中安裝插件來模拟User-Agent、PC上安裝手機模拟器軟件、使用實際的手機或者平闆電腦；
- 移動Web的集成開發環境可以根據編程語言來選擇，與桌面Web的集成開發環境沒有特别的區别，編程語言可以是Java、PHP、.Net等；
- 常用的Apache和Micorsoft IIS都可以作為移動Web服務器，可以設置壓縮、緩存、Meta标記等；
- 面向智能手機開發的移動标記語言一般采用XHTML，未來會向HTML 5發展，老式設備和浏覽器支持的WML已經過時；
- 可以通過調用WURFL和DeviceAtlas設備數據庫來獲得手持設備的型号及各種參數，用于對浏覽設備分組，對不同的分組提供不同的最适當内容；
- 可以對于各種移動設備提供通用、簡單的頁面内容，而後對于高端設備添加JavaScript和AJAX來增加交互性；
- 對于不同類型（例如：需要登錄的在線服務網站、動态新聞網站、多媒體共享網站、信息數據庫等）的移動網站有一些好的案例及通用原則可以借鑒；
- 移動網站的域名路徑的标準做法是使用m子域（例如m.website.com）或者.mobi頂級域名（例如website.mobi），也可以在相同的域中對不同設備提供不同内容；
- 創建更好移動用戶體驗：簡化所有内容、不需要任何幫助、視覺簡潔美觀；
- 公共檢标記驗器（W3C MobileOK及mobiReady等）可以用于在線檢查移動Web頁面的語法，檢查錯誤；
- 移動站點的SEO有自己的特點，添加meta數據、生成移動網站地圖、不要添加過多重複關鍵詞。
設計移動網站的注意事項：
- 僅将移動用戶需要的功能（一般20%左右）移植到移動網站中，而不用全部照搬桌面網站中的所有内容；
- 考慮針對市場上大量的移動設備、主流的智能手機提供進行了優化的移動網站來吸引更多浏覽者；
- 基本的移動版本針對帶寬進行了優化，采用純文本格式，圖像進行了優化；
- 導航區域設置為100%，以便适應不同尺寸的設備，測試縱向方式和橫向方式浏覽；
- 移動版本應該包含一個指向桌面版本的鍊接，反過來也是一樣，桌面版本中可以包含一個移動版本的鍊接；
- 提供一頁專門介紹移動版本的特點、用法等信息；
- 如果網站内容是動态變化的，移動版本首頁上也應該有動态信息，以吸引用戶的興趣；
- 移動網站布局允許信息沿着直線向下流動，但不能有水平滾動條；
- 選項較多的時候，可以提供下拉菜單的方式；
- 不放入或者少放入廣告；
- 可以提供交互操作，但盡量減少浏覽者輸入文字的數量；
- 可以提供搜索功能，也提供逐級導航的鍊接，減少輸入；
- 保存用戶的設置，最大程度減少用戶交互，使用浏覽器緩存功能可以實現；
- 避免使用：彈出窗口、鼠标懸停菜單、自動重定向、外部鍊接、水平滾動、框架。
另外，該書還提供了一些業内專家訪談，下面簡記幾點：
- 未來數年中的手持設備數量将會超過PC數量，移動Web現在才剛剛起步，未來發展機會很大；
- 移動網站的難點在于設備的千差萬别，配置功能、屏幕尺寸、輸入方式等方面都有很大差異；
- 通用的移動網站代碼轉換器有一定的作用，但肯定無法提供專門移動網站的良好體驗；
- 移動網站(Mobile Web)和移動應用程序(Native Mobile App)将會共存，各有特點；
- 移動網站的未來發展仍然不是很明朗，專家之間沒有統一的意見，但前景一定廣闊。
先就記錄以上這些。下一步我們會找一個已有的桌面網站，嘗試做一個移動版本，來具體開展實際，并不斷在實際中了解、學習和完善，這個初步的嘗試将很快就在最近的幾周進行，掌握一定訣竅後，還将會推廣開來，不僅把我們以前的已有桌面網站做配套的移動版本，還會做以前沒有桌面網站的新内容。
评论