代码之家  ›  专栏  ›  技术社区  ›  Camilo Martin

在按钮等可点击项目中使用手形光标是否错误?

  •  33
  • Camilo Martin  · 技术社区  · 14 年前

    我一直认为“You may click here”(您可以单击此处)的视觉指示器是理想的。我们习惯于每天在这个上下文中看到它,因为它是在超链接上使用的,因此所有Web按钮都是如此。

    ________

    然而,大多数桌面应用程序似乎保留按钮的失败指针箭头。

    _______________

    当按钮和其他可点击项目(如复选框和单选按钮)使用手形光标时,我真的感觉好多了。不知何故,当我将鼠标悬停在可点击的项目上时,我个人会很高兴看到这个光标,可能是因为它与网页,甚至许多游戏的操作方式是一致的。

    但是作为开发人员,我们必须考虑到 children user,有时做的事情不是我们喜欢它们,而是用户喜欢它们。问题是,我对按钮上的手光标感到非常模糊,以至于我对它不合适的可能性视而不见。许多设计错误都是由此类个人决策造成的。

    ________________________

    你觉得怎么样?

    编辑: 最近我注意到了photoshop上手动光标的用法(cs3 on xp),但可能只是因为我更广泛地使用它。屏幕截图:

    160160160160160160160160160160160160160160160160160160160160160\160160160160160160160160160160160160160\160\160\160160\160160\\\\\\160160\这里“/>

    请注意,许多使用手的地方都是可点击的。 edit2: do also note that they've event used a custom cursor,which to be construct I'd never do,esign for something divial a s a hand cursor that's so universale.它甚至都不漂亮。 “您可以单击此处”的可视指示器给用户。我们习惯于每天在这个上下文中看到它,因为它在超链接上的用法以及所有的Web按钮。

    alt text

    然而,大多数桌面应用程序似乎保留按钮的失败指针箭头。

    当按钮和其他可点击项目(如复选框和单选按钮)使用手形光标时,我真的感觉好多了。不知何故,当我将鼠标悬停在可点击的项目上时,我个人会很高兴看到这个光标,可能是因为它与网页,甚至许多游戏的操作方式是一致的。

    但是作为开发人员,我们必须考虑 儿童 用户,有时做的事情不是我们喜欢的,而是用户喜欢的。问题是,我对按钮上的指针感到很模糊, 我不知道它不合适的可能性 . 许多设计错误都是由这种个人决定引起的。

    enter image description here

    你觉得怎么样?

    编辑: 最近我注意到了photoshop(XP上的cs3)上的手动光标的用法,但可能只是因为我使用的更广泛。截图:

    enter image description here

    请注意,许多使用手的地方 显然是可点击的 .
    编辑2: 还要注意,他们甚至使用了一个定制的光标,老实说,我从来没有这样做过,特别是对于一些普通的东西,比如一个无处不在的手形光标。它甚至不漂亮。

    7 回复  |  直到 14 年前
        1
  •  9
  •   Marjan Venema    14 年前

    光标在超链接上更改形状的原因可能与以下因素有关:

    • 超链接是以文本块开始的,因此不明显您可以单击它们来打开另一个页面。
    • 链接的显示样式的改变本身可能不足以传达链接的“可点击性”。可能还因为显示样式的改变并没有完全标准化,而手形光标则是。
    • 网页上的按钮以前是“正常”可点击的,但我想我不记得它们是否导致了光标的形状改变。现在,“按钮”通常是使用CSS“伪造”的,您需要其他方法来告诉用户他们可以单击它=>手形光标已成为默认设置。

    然而,上述所有内容都是为了在网页内容中传达“可点击性”。按钮、工具栏上的按钮、菜单项等始终可以单击,而不改变光标的形状。当您将鼠标悬停在菜单项或工具栏按钮上时,浏览器不会改变光标的形状。

    在桌面应用程序中,您可能不会更改树中每个项目的光标,即使这会在树的一侧的面板中显示不同的信息。或者对于您可以在列表框中选择的每个项目?还是窗体上的单选按钮或复选框?那么,为什么要对桌面应用程序中易于识别且本质上可单击的表单按钮进行此操作呢?

    我不会为桌面应用程序中的任何内容更改光标形状,即(一直被理解为)“按性质可单击”。当以“Web类”方式显示信息时,我只使用“Web类”光标形状。例如,网格中文本通常不可单击的可单击部分。否则我会坚持使用标准的光标形状。它还有助于降低用户界面中的“噪音”。


    更新 回应评论

    @卡米洛:我知道你的“命令”和“选择”的区别。我甚至会在这个组合中添加“导航”。但是,我仍然不认为有必要在command ui元素上更改光标形状。

    如果将导航和命令都简单地视为对用户操作的响应,那么它们之间的区别可能会变得有些模糊。对我来说,这两者有着明显的区别。导航是打开表单、选择项目等的所有操作。一般来说,只需四处搜索…命令是所有导致数据更改、发送通知(邮件、任何类型的消息)或启动的操作可能花费超过一秒或两秒(建立连接、筛选大型数据集)的操作。

    不严格地说:如果您使用“post”(或“delete”)在Web上提交表单,那么它可能是一个命令,而其他任何内容都是导航。

    不管怎样,我永远不会做的一件事是拥有一个UI元素,它自然更适合于导航和选择(就像TreeView)执行命令。因此,如果单击TreeView项目可能会更改用户界面其他部分的内容,在我的应用程序中,它将永远不会启动付款…

    因此,一个可能连接到的服务器树,对我来说,仍然是一个选择元素。我希望实际的连接不是一次单击就建立起来的,而是只有当一个项目被双击或当一个项目被选中后,当一个“连接”按钮被单击。因此,在这个特殊的例子中,我仍然不会在树上使用一个握手的光标。

        2
  •  6
  •   exoboy    12 年前

    就我个人而言,我在研究中发现,这通常被认为是“我们总是这样做的,所以这是预期的最好的方式”的情况之一。

    手形光标最早出现在Hypercard堆栈中。针对经验不足的用户。所以,就像很多事情一样,它被我们带到了一起。

    然而,由于它的不一致使用,我认为在箭和手之间没有真正的“最佳”选择…人们习惯于两者之一和/或两者,因此对两者的任何一致、周到的使用似乎都是普遍有效的。

    对我来说,尽管我遵循以下准则:

    箭头用于明显可点击的项目,如按钮、单选按钮、下拉菜单等。当你需要给一些可能会出现或不会出现按钮的东西时,手是有用的。 额外的 注意。它确实重新执行了“点击我”的行动要求。,“点击我!”.

    此外,在互联网上,我注意到,手倾向于指示项目,当点击时,将暴露更多的相关内容,关于你刚刚点击,而箭头似乎是更多的“命令”驱动,即“现在做”。

    但是,正如我所说,只要它是一致的,用户将很快适应站点对其中一个光标的使用,因为他们已经暴露在这两个光标中很长时间了。唯一真正的问题似乎发生在处理这两种光标类型时不一致。

    imho-没有什么是天生的“直觉”。直觉只是表达“更熟悉”或“不熟悉”的另一种方式。

        3
  •  1
  •   Daniel MoÅ¡mondor    14 年前

    Afaik是为胖客户端应用程序而放弃的,相反,你有按钮和其他用户元素,它们发出工具提示或具有“悬停”效果。

    仅当您想模仿Web应用程序的外观和感觉时,才使用手形光标。

        4
  •  1
  •   Rajesh R. Nair    14 年前

    有趣的一点……让我试着简单点。

    箭头 -对于非常直观的桌面应用程序+界面是很有启发性的。

    -必须有超文本,对于普通用户,重要的是要知道哪些文本是可点击的。

        5
  •  1
  •   dr. evil    14 年前

    我想我们还需要记住,手通常表示 链接 去别的地方。

    我不认为有明确的答案,但对我来说,如果我正在为(Windows)编写代码的平台,我只会按照底层操作系统的例子来保持它的一致性,这意味着Windows中没有按钮的手形图标。

    作为一个用户,我觉得在Windows图形用户界面中看到手形图标很尴尬(除非我点击一个链接,该链接将带我访问一个网站)

        6
  •  0
  •   Will Budreau    12 年前

    我来这里的时候觉得这个问题会有一个明确的答案,但是看看这些答案以及去主要网站都会发现很模糊的区别。当网络和桌面客户机之间的界限模糊时,我观察到类似的行为模糊。

    早期的。。。桌面客户机几乎总是使用一个光标,鼠标悬停导致按钮更改可见状态,指示可点击性区域。网页在链接上的指针发生了变化,而在JavaScript处理操作时,没有一致的行为。

    去一些最常用的网站和应用程序,我发现…作为一个用户,我并不像我想的那样在乎。Deskstop客户机大多只是更改按钮,如果光标更改,我不会注意到。Web客户机倾向于更改光标,并经常应用一个可视的按钮悬停状态,而我很少注意到它们何时不应用。

    除非有人提出了令人信服的论点,否则我将使用最简单的设计规则:总是在操作上更改光标,并为经常使用的按钮应用按钮悬停。

        7
  •  0
  •   user3018646    10 年前

    “指针”光标应用于超链接或任何类似于超链接的对象。 否则,“默认”光标应用于所有其他可单击元素,如按钮、切换、开关、下拉菜单等。本质上,“应该”看起来像一个可单击项。

    有关详细信息,请查阅超链接的定义。

    示例:Google Drive