2011-05-18 36 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数字,答案是转换可以少一些,多一些,或者大致相同。根据设备和卖家的网站,出现很大的差异。

这是你所期望的,但我想。根据每个企业针对移动设备(以及针对哪些移动设备)的优化情况,移动设备/平板电脑体验的质量有很大差异。我认为转换因此而变化很大。

相关问题