如何记录双击?


11

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

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

如有可能,请单击一下以内联,我也需要指出。

到目前为止,我想出了一个像素箭头和一个单圈与一个双圈。如果读者仅看到其中之一,是否足够清楚?如果是,为什么还足够好?如果没有,什么可以增强,为什么?

单击与双击

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

更新资料

感谢到目前为止的反馈。根据答案和评论,我整理了许多选项,并收集了一些(主观的)反馈。由于我需要考虑打印文档的人员,因此我也需要查看黑白版本。提案号 5与其他x是恕我直言,最受好评。

单击与双击-更多选项


关于“基于观点”:请提供具有权威/规范性原因的答案,例如引用“不要让我思考”,“牢记设计思想”或“通用设计原则”。不要只是将图像放在那里并说“尝试一下”
Thomas Weller

因为它们都是截然不同的,所以我想说很明显,它们的含义不同。问题在于,知道如何双击的人可能不需要阅读手册,而一开始不知道如何双击的人可能不知道双击图标是什么将是。
2015年

@ DA01:好点。在“接触”世界中,某些事情变得越来越难...
Thomas Weller 2015年

2
在许多PC游戏中,它们会根据您应单击的鼠标左键或鼠标右键使用鼠标图标和颜色。也许你可以做同样的事情,与2倍的鼠标双击里面:例如
Joonas 2015年

1
另一个选择:文档开头的密钥如何?此图标意味着这个,这个图标意味着...
DA01 2015年

Answers:


9

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

在此处输入图片说明

这些已成为UX线框的实际标准,但是无法说出它们对您的软件用户是否直观。

值得注意的是,双击本身并不是一开始的直观操作。这是一次博学的互动。就是说,那些了解单击和双击之间差异的用户可能会从您的两个图标中推断出不同的操作。

正如Jooja在下面强调的那样,理解两个图标之间的区别的一个关键因素是您看到了两个图标。并非总是如此。因此,我建议在双击图标上添加一个辅助修饰符,以表明它是2次单击。例:

在此处输入图片说明


2
只有他们可以并排看到图标。除非您看到另一个图标,否则无法知道第二个图标是双击的。所以现在您的猜测。图标中的2x会更明确。
joojaa 2015年

@joojaa同意。如果没有其他图标,这将很难辨认。可能最简单的做法是简单地用2x标记双头水龙头的图标。我将更新答案。
DA01年

当然,只要是精通技术的人就能将双圆圈识别为双击(但不足以正确理解其含义),可能会在右侧看到一个并单击四次 ……
Janus Bahs Jacquet 2015年

@JanusBahsJacquet正确。一个人不能赢。在许多文本编辑器中,诸如全行选择之类的事情需要trippleclick。因此,在某些情况下,四次点击可能有意义。
joojaa

1
@JanusBahsJacquet哈!没错,最好是让他们两个都呆在一起。就是说,任何一个“精通”足以理解双击的人也不会理会如何打开文件的说明。
2015年

4

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

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

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

双击图标


2

这是一项艰巨的任务。我认为我从未见过双击图标。我可以想到一些选择:

  1. 白色光标与其他颜色的光标重叠。

  2. 游标,其中带有“ 2”。

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

  4. 1和3的组合。


2
我最初的想法与您的想法相差不远:光标旁边的“ x2”对我来说可能是最直观的。
JohnB

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.