菜单 关闭

主持人好吗?重新考量页内的链接

通过 艾米·谢德5月7日2017

简介:虽然跳转链接造成问题在过去,他们可以成功地用于移动用户页面和内容,直接在任何屏幕大小。。


页内的链接(也称为锚的链接跳转链接),导致用户内容的链接相同的web页面,而不是另一个页面的网站。在过去,用户体验的建议是避免这些类型的链接。页内的使用链接的网页设计增加了在过去的几年中,manbetx官方网站手机版做更深层次的评估这个设计元素的利弊值得的。manbetx官方网站手机版

页内链接为什么困惑

在过去,我们已经讨论了各类与可用性相关担忧页内最大的是他们的链接不符合用户的心智模型的链接。通常情况下,导致另一个页面的链接。当不满足期望,用户可以得到迷失方向。

为什么页内链接有用吗

这可用性问题可以由页内的各类与可用性相关利益平衡的链接。常用于页内链接帮助用户浏览页面内容。导致信息在页面的链接可以:

  • 作为一个表的内容,帮助用户形成一个页面的心智模型
  • 提供直接访问感兴趣的内容
  • 增加和参与内容的可发现性,需要很长的滚动到发现

页内链接的共同使用

有三种常见的使用页内链接:

  • 表的内容:页内链接可以用作目录更长时间的内容,让用户直接访问感兴趣的内容。。
  • 回到顶部:返回顶部链接引导用户页面的顶部从另一个页面的一部分。虽然这些链接复制功能的滚动条,他们可能是有用的在长页面,单击将节省时间在多个卷轴。这样的联系往往不会伤害用户不使用它们(除了如果它们覆盖的内容,虽然在那时他们不造成巨大的问题),和援助的用户。。
  • 索引和常见问题:字母或数字索引或列表常见问题可以受益于页内的链接。在页面的顶部的链接列表保存用户滚动大量物品的努力,或屏幕的物品,没有用的。有帮助的链接当用户可能需要特定的内容,而不是从浏览所有选项中获益。。
萨克斯。com提供了一个按字母顺序索引允许用户直接导航到一封信在设计师的列表。manbetx官方网站手机版这里的所有列表允许直接访问感兴趣的设计师。manbetx官方网站手机版

屏幕大小的影响

当我们最初写锚的链接,我们都查看web上类似的屏幕尺寸。我们没有设计小手机屏幕,manbetx官方网站手机版中型平板电脑屏幕,或大高分辨率桌面显示器。。

我们正在设计manbetx官方网站手机版不同的设备,每个都有自己的屏幕大小,的使用跳转链接的好处随着屏幕尺寸增加减少。考虑一个站点上的页面的内容:几个段落的文本可能会填补一个屏桌面,但扩展到几个滚动页面移动。同样的内容,即使短暂,极大地扩展长度只需一个小屏幕上出现。

查看MayoClinic。org水性13”笔记本电脑显示4段落文本和视频在一个页面。同一篇文章查看手机上只显示2段。

如何负责任地使用页内链接

所以,如果我们知道页内链接可以迷惑,但我们也知道他们可以帮助用户寻找信息,特别是在长,滚动,移动页面,我们如何权衡使用它们的相对优点和缺点吗?我们需要记住什么细节在实现他们保证他们的利益大于缺点吗?吗?

考虑内容长度

所有用途,页内链接只是帮助如果页面上的内容是漫长的。任何冗长的内容可能会受益于增加他们:页面的时间越长,价值越高。然而,我们知道用户不仔细阅读网上。他们浏览的内容。。所以,之前添加页内链接内容更长更易于管理,首先考虑如果内容可以缩短,重组或重写。深思熟虑的编辑可能削减不必要的细节,缩短的内容,并可能使页内不必要的链接。。

也可以考虑多少信息将被显示在一个页面吗。展示大量的信息在一个页面最小化用户的努力,或交互成本,但前提是用户可能阅读全文,在精确的顺序。然而,如果相关的页面包含4或5,然而,不同的主题,它可能是更好的内容分离到不同的页面,尤其是在任何给定的用户只会读的一些话题。。

最后一个考虑是每个单独的内容部分的长度。一个页面,其中许多简短的章节不需要滚动的努力。在这种情况下,添加页内链接可能是不必要的,甚至是有害的,随着这些链接,当在页面的顶部,添加到页面的长度和推送内容。。

开关。哪一个有限公司英国:如果内容部分是短暂,有超过一个部分显示在每一页,页内链接是不必要的。

使用清晰的链接和标题

长得益于在多个部分结构化内容明确的标题,充当标志的内容进行了讨论在每个区域的页面。把骨架(或标题mini-IA)的页面:用户可以通过滚动标题内容的概述,如果这些标题是清晰的和描述性的文本标签。。

但是,用户可能会或可能不会滚动,特别是如果一个页面有很多部分的内容。用户当他们有理由滚动:他们评估如果页面可能包含所需的内容,如果他们相信这可能有滚动。标题仅是有用的,如果用户看到他们。。

页内的链接帮助解决这个问题。他们可以出现在页面的顶部,作为一个表的内容页面。因为链接出现在一起,通常用户不需要滚动到看到他们中的大多数,他们是比标题更有效在页面显示的内容。。

这个美国的顶部的链接。gov页面清楚地识别页面包含的内容。

标签页内的链接

页内需要的链接区分于其他链接页面上的用户了解他们将领导。这可以用目测或标签等在这一页上在这篇文章中。。

顶部的链接页内环保局。gov页面标记在这一页上 澄清如何链接功能。。

最好使用一个标签,对于清晰和可访问性,仅依靠放置或视觉治疗。屏幕阅读软件,朗读网页文本的用户,经常说这个词页内链接”当阅读一个锚的链接,面向用户的。但人们使用屏幕放大器,缩放网站关注的一个部分,没有这个音频反馈。链接的列表页内可能出现相同,导致其他页面的链接的列表。。

缺乏上下文使用屏幕阅读器或屏幕放大器时类似于缺乏上下文在使用移动设备。一个移动屏幕只能显示用户小视窗的内容,所以电视用户可以很容易地失去他们的背景下一个页面上,什么样的链接查看。

确认跳

页内链接的文本应该匹配的页面标题链接,来安抚用户他们已经搬到相应的页面上的内容。标题是一个路标识别用户的位置。。

当用户单击一个页内的链接,相关的内容应该是滚动屏幕的顶端,为了方便用户阅读尽可能多的部分。然而,帮助用户定位自己和理解,他们仍然在同一网页上,通过展示一些前面的文本或少量的空白屏幕的顶端。如果选择的标题太接近页面的顶部,用户有时会忽略它。。

如果你的页面有粘性的元素(e。g。,导航,链接为社会共享,广告),保持在页面的顶部,确保他们不包括标题,强迫用户滚动到找到用户感兴趣的内容或迷失方向。。

在WebMD的一篇文章,一页内链接什么导致了诺瓦克病毒感染 导致视图在顶部的截图,标题和初始文本在哪里被粘稠的导航。第二个屏幕截图显示了页面滚动看到相应的内容。。

注意页面上的最后一节的内容。如果内容的最后一块短,很少有下面或元素在页面上的链接,它可能会出现在中间,而不是在页面的顶部。在可能的情况下,试图确保最后一部分的内容足够长。。

考虑粘页内链接

在手机屏幕上,页内链接应该出现在顶部的内容。但随着大屏幕,更多的选项可供设计师。manbetx官方网站手机版。

一个表的内容可能出现在一个列向左或向右的主要内容。这些链接,放置在主内容区域,最初可能不太明显,因为用户集中在中心网站的内容区域。如果这些链接保持用户滚动的内容,他们有剩余的可见的好处给用户。在一个静态目录页面的顶部用户最初可能更加明显,它将很快从用户的观点作为用户滚动页面。。

美国红十字会网站上页内链接跟随用户的页面。

的优势取决于实现一组粘性的链接。如果一个页面视觉干净,没有争夺用户的关注,更容易被发现和使用的链接比如果你的网页充斥着许多图形元素如图片和广告。。

另一个常见的模式页内链接显示链接在一个地区通常用于导航。例如,页内链接可能出现粘导航页面的顶部。然而,我们建议在这样的位置。最大的可用性关注页内链接是他们打破用户的心智模型的链接就可以了。把链接放在一个区域通常用于导航使这个问题恶化。用户期望导航导致新的页面。。

页内链接世界野生动物基金会页面上出现一样的导航用户滚动页面。。

粘性的链接:显示用户的位置

如果列表页内的链接将用户留在卷轴,它应该显示用户的当前位置。例如,在上面的世界自然基金会的例子中,当前部分(世界自然基金会在做什么稍浅灰色)是明显的粘页内导航栏。。

这种类型的指标符合东方用户在页面上,,在页面级范围内,什么你在这里导航对该网站作为一个整体。

是怎样的回来按钮?吗?

如果一个页内链接让用户同一页面中的内容,浏览器后退按钮应该做些什么呢?页面上的用户之前的位置,还是以前查看的页面?换句话说,应该支持撤销最后一步操作吗?吗?

这取决于用法:

  • 表的内容,索引或一个FAQ,,回来应该作为撤销和用户前面的页面上的位置。这种行为几乎允许用户忘记,有两种类型的链接(页内和跨页面链接)和治疗都以同样的方式。。
  • 回到顶部的链接,,回来应用户浏览器历史上之前的页面。回到顶部比,更类似于一个命令一个链接。压后,用户可能想回到前一页,不是当前页面的中间或结尾。。

手风琴vs。页内链接?吗?

手风琴也可以用来实现表的内容,常见问题或索引。他们提供的概述页面,让用户直接控制哪些内容视图上桌面移动。这个设计模manbetx官方网站手机版式允许用户展开或折叠部分的内容。当内容部分关闭,他们作为一个表的内容页面。。

当决定在页内链接或手风琴,考虑将如何使用这个页面吗。如果人们可能顺序阅读所有的内容(比如他们会与杂志的一篇文章或一本书的一章),反复打开手风琴会导致高交互成本。。

页内的链接,用户可以看到完整的内容页面的滚动,和作为一个页内链接增强:用户不需要使用它们。另一方面,手风琴要求用户输入显示的内容。这意味着手风琴背后的内容是发现较少,更容易被忽略,眼不见心不烦。。

相比之下,accordion-based表的内容对用户可见的优势是比一些表的内容和页内实现链接。如果页内链接只出现在页面的顶部,用户必须返回页面的顶部导航到另一个部分。(这不是粘页内表的内容一样,虽然。)与手风琴设计,manbetx官方网站手机版当用户滚动到顶部或底部的一个公开的内容,与其他内容区域的链接是立即可见的。

所以,好还是坏?吗?

如果实现页内的链接,如果它是必要的和有用的冗长的一个页面上的内容,这样的链接可以直接帮助用户浏览感兴趣的内容,提高用户体验。不过实施的细节是重要的衡量的好处页内的链接,用户的体验。如果有疑问,使用可用性测试评估有用的或必要的页内链接。指标和A / B测试也可以帮助验证他们是否增加页面内容的可用性。