2011-05-18 33 views
7

似乎隨着手持設備的不斷增加,人們必須開始考慮更多的事情,而不是使用IE6。什麼是構建移動/平板電腦兼容的網絡應用程序的最佳實踐

考慮到這一點,我注意到某些事情並不像我的iPhone那樣可行,或根本無法工作。

什麼似乎打破包括(但不限於):

  • 鼠標懸停/鼠標移開事件(可以打破幾乎所有的東西)
  • CSS假點:懸停以及自然(符NAV僅CSS菜單,例如)
  • 雙擊 - 它放大,而不是事件處理程序
  • CSS相關的問題(分,它似乎工作就像在Chrome W/O梯度+一些字體大小問題)

真正的問題是:你有任何指導方針,文章或任何可以涵蓋以下內容或任何建議,你可以給。


你在哪裏,以超過音譯爲桌面用戶體驗到移動的人下手?您是否嘗試爲移動設備製作單獨的皮膚,或者您是否改變/修復了您的網站以儘可能最佳地工作 - 兩種方法中涉及多少維護和工作

是否有任何框架(CSS或JS)可以抽象出來,並在需要時進行優雅的降級?想起boilerplatejquery-mobilemootools-mobile (power tools)

你用什麼替換上面的東西,點擊事件?

如何將swipe整合到一個web應用程序中?你能處理和響應手指放大嗎?你應該?

像抖動,傾斜等額外事件 - 他們泡到瀏覽器窗口?

你是否在做任何事情來適應尷尬的操作系統元素,如select,checkboxradio

資源管理 - 你使用的檢測層只能發送任何文件特定的設備,而不是通用的js庫,可以處理這兩個?

至於設備支持,我只對droid和ios感興趣,所以javascript的支持會很不錯 - 你會放棄你的主框架,並用微型js庫代替嗎?

最後 - 您是否對可用手持設備用於電子商務和貨幣化(目前和不久的將來)有什麼印象。我希望從商業角度確保開發工作值得花費,我們不會追求像'#socialmedia'這樣的流行語噱頭。有關轉換價值的任何數據與桌面數據相比較?這可以幫助我衡量,如果這些被用作快速瀏覽工具或實際上可以做到完整的monty。

任何在移動和桌面上同時或通過不同設計都能很好地工作的網站的例子,我希望看到它們並找到甚至可能的東西。

在此先感謝。

回答

1

我可以回答您的問題的轉換率/業務可行性的一部分。

我有機會看到一些非常非常大的電子商務興趣的Omniture數字,答案是轉換可以少一些,多一些,或者大致相同。根據設備和賣家的網站,出現很大的差異。

這是你所期望的,但我想。根據每個企業針對移動設備(以及針對哪些移動設備)的優化情況,移動設備/平板電腦體驗的質量有很大差異。我認爲轉換因此而變化很大。

相關問題