2011-12-30 96 views
6

使用ASP.NET MVC设计Web应用程序我问自己,我怎样才能让那些使用智能手机,iPad等的人们(所有可以触摸的东西......),而不仅仅是一台带浏览器的台式机/笔记本电脑。什么使Web应用程序成为触摸板友好的应用程序?

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

我很高兴听到有关asp.net mvc框架的技术建议,所以我稍后可以实现您的建议具体。

+0

如果您正在开发iPhone/iPad/Android等触摸界面,那么请确保您没有包含任何代码,这些代码可以让您对某物进行HOVER查看/与其交互。这些设备没有悬停的概念。如果你这样做,那么至少可以提供某种解决方法。 – Dismissile 2011-12-30 16:43:16

+0

此问题可能会在[User Experience Stack Exchange](http://ux.stackexchange.com/)上得到更好的答案。 – 2011-12-30 18:56:48

+0

@djacobson我以后也会这样做。 – Elisabeth 2011-12-31 09:36:43

回答

4

有几个级别的友好。你可以从基础开始:“这个网站是否足以在移动浏览器中可用?”对于任何使用现代Web标准的新应用来说,这确实不成问题,但旧网站可能会遇到问题。对此的Corallary是“我的网站是一个带宽猪,需要永久渲染超过3G,因为每个页面是14MB的动画GIF和意大利面条HTML?”或者“我的网站是否由于攻击脚本使移动设备融化?”幸运的是,这个集合很容易处理 - 现代网站默认处理这个很好。

第二个层次是“这个网站是否从触摸的角度出现任何令人发狂的事情。”在这里可以剪辑你的大件事是基于悬停的菜单 - 有没有悬停在触摸用户界面上。另一个常见问题是使用小链接或按钮,至少不能放大到疯狂关卡。这里的解决方案就是测试 - 一些问题对所有人都是显而易见的,但除非您使用鼠标进行交互,否则您将无法看到一些内容。

最后一级使用触摸界面来获得乐趣和利润。如果你做到这一点,在当今时代你比许多网络发行商做得更好。这里涉及到的是使用触控友好的UI工具(如jQuery Mobile)来处理滑动事件和其他触摸功能,以使事情更像使用触摸UI所期望的那样工作。一个简单的例子就是使图像传送带轻扫而不必等待按钮。

1

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

确保最相关的选项靠近顶部,之后的目标是简单直观。更少的菜单通常更好。

相关问题