交互设计 » 不要随意使用手形光标

不要随意使用手形光标

发表于: 交互设计, 用户体验. 评论 (4)
Sponsor

网页设计中我们一直坚信,只要有光标,就有相应的链接。但是这不完全对啊,而且可能还有潜在的问题。我说这个是希望大家以后设置按钮光标的时候,不要用手形工具了。我用下文来解释下这点吧。

手形工具并不意味着单击有效

众所周知,浏览器不会在点击按钮或者其他元素时设置光标,这是因为浏览器本身并不支持这种设置。来看一下这个截图:

图:Chrome on Mac OS

可以看到,几乎每一个元素都是可交互的,也是单击有效的——菜单栏、导航栏、空白部分、浏览器按钮、收藏夹和谷歌的搜索栏——但是,单击时没有一个显示出光标

以上这样的元素还有很多我没有列举出来——像选择、滑块、复选框、单选、label标签、图片和空白部分(右键单击网页空白处查看网页源代码)——这些也都没有出现手形光标

几乎所有的计算机都是这样设置的。你可以试着在界面所有的元素中点击、拖动、选择、单击左键和右键,当然也包括按钮。然而,手形工具还是不会出现。

功能可见性是用那些不需要光标的元素实现的。切记,只有当鼠标悬停于定点位置时,光标才起会作用。

这就能解释为什么复选框不被设置为圆形,而单选亦不会是方形。另外,有链接的地方都有下划线。而有下划线的链接总是会出现一个手形工具。

手形工具是为链接而设的

手形工具代表着此处有链接。链接与按钮不同,它通常伴随这一个网页。为了使两者区分开来,我们的开发者设置了这样的手形工具,引导用户进入他感兴趣的链接。这里有几点理由:

1. 单击一条链接时能够打开一个网页或者源网站。

2. 进入浏览器首页,我们可以通过单击链接完成很多事情:打开新标签或窗口、收藏网页、复制网址、增加到收藏夹、存为书签等等,而这点按钮做不到。

3. 在移动端,我可以点击和按住一个链接得到与上下文有关的内容。

4. 链接也能告知我们所到何处。我不会修改数据或者以任何方式做改变内容(按钮经常干这种事情)。

总结

如果按钮被设置了手形工具,即便是没有关系,它也巧妙地暗示了该链接可能与用户发生交互。如果你想在用户悬停时给予视觉反馈,可以在相应位置改变背景色。一个优秀的按钮设计不需要通过手形工具告诉用户它真的有用。

如上所述,手形工具确是用于网页链接的。这是因为链接具有特别的作用。浏览器和计算机操作系统已经为你完成了许多工作——与流行趋势相反,它们知道如何能更好地服务于你。

链接一直用这种办法引出网页——这已经约定俗成,不需要开发者再做创新。在用浏览器时你完全可以高枕无忧,相信它,能帮助我们和我们的团队解决许多实际问题。

翻译:设计达人网 QSF
作者:Adam Silver
英文原文:https://medium.com/simple-human/buttons-shouldnt-have-a-hand-cursor-b11e99ca374b#.htxfe6sbq

推荐:查看最受欢迎的 301 个设计网站 → http://hao.shejidaren.com
交流:为设计新人提供的设计交流群,请加入UI设计交流群,分享经验、接单、求职、聊设计。
赞助商链接
赞助商链接
设计达人微信交流社区:shejidaren888
喜欢这篇文章吗?欢迎分享到你的微博、QQ群,并关注我们的微博,谢谢支持。
版权:除非注明,本站文章均为原创文章,转载请联系我们授权,否则禁止转载。

+ 添加评论4 Responses to “不要随意使用手形光标”

  1. 老虎 - 回复

    装逼可以

  2. 橘子熊 - 回复

    复选框不被设置为圆形,而单选亦不会是方形?为什么这样说呢?看不懂

    • 橘子熊 -

      原来是这样啊!谢谢

  3. 青衿 - 回复

    想太多


{ 发表评论 }