关于网页链接打开方式的几点思考

原文:纳什维尔

在大多数情况下,如果一个用户界面像希区柯克的小说一样悬疑,很可能就是一个笑话。一个好的用户界面设计师应该让用户很容易猜到接下来会发生什么,而不是给他们制造“惊喜”。

当我想点击网页中的链接时,我经常会犹豫,因为有时我不想离开当前页面,打开新标签页或新窗口。所以每当我想点击网页中的链接时,我都会点击右键,选择打开新标签页或新窗口或者使用快捷键(按住Command点击链接,Windows用户按住Ctrl点击链接)。就这样,我终于觉得自己在界面中有了存在感,但对我来说,还是觉得这种方法太粗暴了。

我们需要一个描述图标,它可以告诉用户当光标移动到一个链接上时,它将(a)在一个新标签页中打开,(b)在一个新窗口中打开,或者(c)在当前页面中打开。现在很少开新窗口了,不过还是把它当做一种选择吧。

我们先来玩个小游戏,看看你能不能在没有下面文字的帮助下,一眼就辨认出三个图标中哪一个代表a、b、C。

宣布答案,最左边的图标表示链接会打开一个新标签页,中间的图标表示会在新窗口打开,最右边的图标表示会在当前页面打开。让我解释一下最右边的图标。你可以注意到前两个图标有一个明显的箭头,但这个没有。其实中间的点就是箭头,只是它正对着你,所以它的意思很明显。

以下是对三个图标的一些修改:

接下来,我强化并简化了三个图标,分别用圆圈、三角形和正方形来代表当前页面、新标签页和新窗口。

那么接下来的问题是把这些图标放在哪里?可以一起想想。否定了最初的几个想法后,我有了一个好主意。当用户将光标移到链接上时,会出现一个提示图标,告诉用户链接将如何打开。不仅如此,如果将光标移动到提示图标上,另外两个图标也会出现,为用户提供更多打开链接的方式。请看下面这张gif。

我正在做一个和这个相关的Chrome插件,已经放到GitHub上了。不知道大家是否和我一样觉得这是一个值得讨论的问题。我想听听你的想法。请在评论区留言。

感谢阅读!

附:原作者,印度小伙纳什·维尔,正在找暑期实习。如果你或你的朋友可以帮助他,请通过电子邮件与他联系,地址是hello@nashvail.me