如何记录双击?

平面设计 图标 界面设计 象征主义
2022-01-13 04:51:05

我正在为软件程序编写文档。要打开一个文档,必须双击它。

考虑到读者只浏览屏幕截图而不阅读文字,如何设计双击动作以便直观理解?

如果可能的话,这应该是内联单击,我也需要指出。

到目前为止,我想出了一个像素箭头和一个单圈与双圈。如果读者只看到其中一个,这是否足够清楚?如果是,为什么它足够好?如果没有,有什么可以改进的,为什么?

单击与双击

这里使用的绿色是用于突出显示的 CI/CD 颜色之一。

更新

感谢您迄今为止的反馈。根据答案和评论,我整理了一些选项并收集了一些(主观)反馈。由于我需要考虑人们打印文档,因此我还需要查看黑白版本。提案编号 5 与附加x是恕我直言最好的接受。

单击与双击 - 更多选项

4个回答

这就是 Luke Wroblewski 用手势图标指示单击和双击的确切方式

在此处输入图像描述

这些已成为 UX 线框图中的事实标准,但不能说它们对您的软件用户是否直观。

问题在于,双击本身并不是一个直观的操作。这是一种学习互动。也就是说,那些了解单击和双击之间区别的人可能会从您的两个图标中推断出不同的操作。

正如 Jooja 在下面强调的那样,理解这两个图标之间差异的一个关键因素是您可以看到这两个图标。情况可能并非总是如此。因此,我建议在双击图标上添加一个辅助修饰符以指示它是 2 次单击。例子:

在此处输入图像描述

问题是鼠标光标本身不是一个动作。您试图指示的操作是按下鼠标上的物理按钮。

对于键盘操作,通常使用看起来像物理键的图标,例如EscF9

要为鼠标显示此内容,您可以使用类似于鼠标的小图标,并突出显示要单击的按钮。然后,您可以使用 1x 或 2x 来区分单击和双击。这还允许您显示左键和右键单击、滚轮使用情况等。

双击图标

你在这里的任务很艰巨。我想我从来没有见过双击的图标。我能想到几个选择:

  1. 白色光标与不同颜色的光标重叠。

  2. 一个带有“2”的游标。

  3. 光标悬停在数字“2”上。

  4. 1和3的组合。

屏幕截图上的文本层怎么样,在文档图标旁边,上面写着“双击”?