构建适用于移动设备/平板电脑的Web应用程序的最佳实践是什么?

7
似乎随着手持设备的普及,我们需要更多地考虑它们,并放弃IE6。有鉴于此,我注意到在我的iPhone上某些事情无法正常工作或根本不起作用。
似乎会出现以下问题(但不限于):
- 鼠标悬停/移出事件(几乎可以破坏任何东西) - CSS伪类:hover也是如此(例如导航CSS-only菜单中断) - 双击 - 它会缩放而不是事件处理程序 - CSS相关问题(细微之处,它似乎与Chrome一样工作,没有渐变+一些字体大小问题)
真正的问题是:您是否有任何指南、文章或其他内容,可以涵盖以下内容或给出任何建议。
为了将桌面用户的体验转译为移动用户的体验,您从何处开始?您是否尝试为移动设备制作单独的皮肤,还是改变/修复您的网站以尽可能地发挥最佳作用 - 两种方法都需要多少维护和工作量?
是否有任何框架(CSS或JS)可以抽象出来,在必要时进行优雅的降级?例如boilerplate、jquery-mobile、mootools-mobile(power tools)等。
您将如何替换上述内容,使用click事件吗?
您如何将swipes纳入Web应用程序中?您能处理和响应手指缩放吗?你应该吗?
像shake、tilt这样的其他事件-它们会冒泡到浏览器窗口吗?
您是否会做任何事情来适应awkward OS元素,例如select、checkbox和radio?
资源管理-您是否使用检测层,仅发送特定于设备的文件,而不是通用的js库,可以处理两者?
至于设备支持,我只对droid和ios感兴趣,因此javascript支持将非常好-您会放弃主要框架,转而使用微型js库吗?
最后-您对手持设备对电子商务和货币化的可行性有什么印象(当前和近期)?从业务角度来看,我想确保开发工作将值得支出,我们不会去追求“社交媒体”等流行词。与桌面的转化价值相比,有关数据可以帮助我衡量这些设备是用作快速浏览工具还是可以真正完成所有任务。
如果有一个网站可以同时或通过不同的设计在移动和桌面上很好地工作的例子,请让我看看并找到可能性。
提前致谢。
3个回答

7

1

我可以回答你问题中有关转化率/商业可行性的部分。

我曾经有机会看到一些非常大型电子商务公司的 Omniture 数据,答案是转化率可能会略微降低、略微提高或者保持不变。这取决于设备和卖家网站,差异相当大。

但我认为这是可以预料的。移动/平板电脑体验的质量现在因为每个企业对移动设备(以及哪些移动设备)进行了多少优化而有很大的差异。因此,我认为转化率也会因此而有很大的差异。


0

当您仅提供链接作为答案时,请添加一些解释。 - Rachcha

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接