什么使Web应用程序成为触摸板友好的应用程序？

Question

使用ASP.NET MVC设计Web应用程序我问自己，我怎样才能取悦那些使用智能手机，ipad等的人...（所有可触摸的东西......）而不仅仅是带有浏览器的桌面/笔记本

如何开发更好的用户体验。

我很高兴听到有关asp.net mvc框架的技术建议，以便我以后可以具体实施你的建议。

Answer 1

有一些友好程度。你可以从基本的“这个网站渲染到足以在移动浏览器中使用吗？”开始。对于任何使用现代Web标准但旧网站可能存在问题的新事物来说，这确实应该不是问题。对此的支持是“我的网站是一个带宽占用，需要永远渲染超过3g，因为每页是14MB的动画GIF和意大利面条HTML？”或者“我的网站是否会因为侵略性脚本而使移动设备融化？”幸运的是，这套很容易处理 - 现代网站在默认情况下倾向于处理这个问题。

第二个层面是“这个网站从触摸的角度做了什么令人抓狂的事情。”可以在此处剪辑的重要事项是基于悬停的菜单 - 在触摸UI上有没有悬停。另一个常见问题是使用小链接或按钮，至少在没有放大到疯狂等级的情况下无法击中。这里的解决方案是测试 - 一些问题对所有人来说都是显而易见的，但在没有鼠标进行交互之前，你不会看到一些事情。

最后一个级别是使用触摸UI获得乐趣和利润。如果你做到这一点，那么你在这个时代就比许多网络出版商做得更好。这里涉及的是使用触摸友好的UI工具，例如jquery mobile，来处理滑动事件和其他触摸功能，使事情更像是人们期望的触摸UI。一个简单的例子就是让图像轮播可以刷卡而不必等待按钮。

Answer 2

使界面变得粗糙 - 大图标易于点击，文字很难准确触摸。为每个元素设置一个最小大小，至少与iPhone / android的虚拟键盘上的各个键一样大，最好大得多。

确保最相关的选项接近顶部，之后目标只是使其直观。较少的菜单通常更好。

Answer 3

浏览我的教程ASP.NET MVC 4 Mobile Features

• 创建特定于移动设备的视图。

- 使用HTML5视口属性和自适应渲染来改善移动设备上的显示。