iphone - 菜单需要适合触摸屏

Question

大约 18 个月前，我们围绕 Joomla 建立了一个更大的网站(为我们自己!)。客户对该网站非常满意。不过，当时决定不再过度关注移动市场。我们合并了一些使用“悬停”命令出现的下拉菜单，基于古老的吸盘鱼。或许，回想起来这并不是他最明智的事情!!!

现在我们的客户想要“iDevice”友好 - 当然，这些菜单不适用于 iPad 和 iPhone，因为没有悬停(或者我认为是这样!)。

关于我们如何编辑网站，以便这些下拉菜单可以正常工作，或者在不支持悬停的设备上被删除，出现了一些可能的选项。

我想知道在我们开始尝试之前，你们是否可以为我们指出正确的方向，因为到目前为止我们还没有做很多移动工作。对我们来说，最好取消这些触摸屏设备的下拉菜单，或者进行全部转换，使其适用于“点击”而不是“悬停”。我们是否应该嗅出“悬停”的可用性作为我们的测试？有什么好的资源可以推荐吗？我们如何最好地解决这个问题？

如果您想查看该网站，请输入 http://www.coinstreet.org/

我/我们非常感谢任何指点!

Answer 1

在 iPhone 或纯触摸设备上的屏幕区域中表示“兴趣”的唯一方法是处理点击手势，即网页上的“点击”。一种可能性是使用“长按”手势来指示界面中的悬停。但可能最好的事情(不幸的是)是重新设计 UI 以仅使用“点击”，至少对于移动市场而言。