如何建议按钮用于平移,而不是点击?

平面设计 界面设计 IOS 按钮
2022-02-10 10:38:48

方向键有几个图标,但在进行用户测试后,用户一直想点击它而不是滑动/平移来移动。

人们做了什么来建议一个组件应该用于滑动或平移而不是点击?

此控件用于类似于 Minecraft 的摄像机移动,您可以在屏幕上平移以旋转摄像机,并且需要一个控件来移动身体。

希望是避免使用教程并使界面不言自明。

3个回答

我可能会使用某种类型的方向箭头。如果他们可以向任何方向滑动/平移,我将有四个箭头来显示。以下来自谷歌搜索的图片与我想象的相似:

在此处输入图像描述

如果用户也可以缩放,您可以将其与放大镜配对(尽管我会连接箭头):

在此处输入图像描述

如果只是两个方向,您可以使用相同的概念,但箭头更少:

在此处输入图像描述

要在 3D 中执行此操作,只需添加第三条线来表示 Z 方向和相应的箭头集。您甚至可以根据用户的视线进行旋转,这样他们就可以跟踪他们前进的方向。只需确保将其偏移以启动所有 3 个轴即可。

查看用户想要单击的设计会很有帮助,但是您可以通过删除轮廓、删除背景并将它们连接在一起来使事物看起来不像按钮

如果您正在制作触摸板,它们通常是嵌入的矩形或圆形矩形。插图有助于避免它看起来像按钮。它们在音乐软件中很常见,所有 MacBook 上都有一个硬件示例。

您可以通过在手指触摸的地方发光和/或放置微妙的网格覆盖和/或在边缘添加类似图表的标尺或标签来使它们更加明显,以显示有各种触摸位置,整个表面是不一样。

不过,理想情况下,您可以让用户直接在内容上滑动,而不是创建可滑动的小部件。不管他们在控制什么,如果可能的话,让他们直接接触那个东西。当然,这取决于您的应用程序。

在 iOS 上,Korg iMS-20 中有一个触摸板,做得非常好,非常明显。

显示触摸板的 iOS Korg iMS-20 应用程序屏幕截图

大多数时候,游戏使用弯曲箭头来让用户了解他们可以旋转视图。它们只能是垂直的或水平的。

曲线通常表明他们需要“拖动”箭头来旋转视图而不是滑动。这是解释箭头用途的一种非常通用的方式。

3d 箭头平移示例 2

如果您需要一个额外的控件按钮(上/下/右/左),您可以在弯曲箭头的中间添加一个按钮,这可以显示新控件。或者可以在旋转箭头周围添加这些额外的箭头。

这是一个非常粗略的示例,所有控件都在一个指南针中。但是左/右/上/下也可以是单独的,围绕应用程序屏幕或作为单独的指南针,具体取决于 UI 和你有多少空间。

指南针方向示例 3D