首页->

UE设计中更好的链接标签:4S鼓励点击

UE视界网    (1)  (1)

2019-11-21 19:20:14

特定的链接文本设置了真诚的期望并实现了期望,并且足够坚固,可以单独使用,同时保持简洁。


您的用户依靠链接文本来浏览您的站点。UX复制的这些小巧而张扬的内容在很大程度上有助于内容的可发现性,可发现性和可访问性。


最能发挥这些作用的链接是:


  • 具体

  • 真诚

  • 实质性的

  • 简洁的

具体

链接的主要目的是向用户传达他们将在点击的另一端找到的信息。模糊或重复的语言无法达到目的。


最常见的链接故障之一是通用且无益的了解更多信息。


1574334878652_2.png

不具体:  Mailchimp使用了模糊的 信息了解  整个网站的更多链接。

通常,我对Mailchimp的副本印象深刻。(我什至在写作引人注目的数字复制研讨会上用它作为出色写作的一个例子。)不幸的是,由于链接薄弱,其强大的副标题和标语平淡无奇。


了解更多是新的单击此处。它的某些流行可能是由于人们对在线阅读方式的误解。Mailchimp可能会使用模糊的链接来证明其合理性(了解更多信息),因为它遵循了非常明确且写得很好的标语(通过自动化使您的生活更轻松)。但是,Mailchimp的潜在订阅者不太可能完整阅读该页面。人们在网页上扫描而不是阅读。此外,彩色链接比页面上的其他文本吸引更多关注。如果用户仅浏览Mailchimp页面上的链接,他们将不会获得任何引人注目的信息。


当遇到网站上模糊的链接列表时,一位可用性研究参与者抱怨说:


“这些了解更多链接……这不是很具体。当我单击了解更多时,这将告诉我什么?我想要细节。[…]我不知道会发生什么,这就是为什么我从不点击那些。”


模糊或重复的链接使用户很难预期这些链接会导致什么。这对用户不利,但对公司也不利,后者通常想吸引用户了解其功能或服务的更多信息。


用户分配的点击预算很小,只能花在您的网站上,因此请不要强迫他们徒劳地花费这些点击。特别是由于高回报的点击(用户想要的内容)会导致人们增加点击预算。


1574334931088_0.png

特定的:  来自Microsoft.com的这些链接(请观看Microsoft团队概述  并 获得5个改善协作的技巧)可以很好地明确传达单击它们时将发生的情况。

真诚

链接是一个承诺。为了正常运行,它必须设定不仅具体而且准确的期望。


一位研究参与者在旅游网站Combadi上找到了她想预订的旅行。在屏幕的右侧,她看到一个链接,显示为按钮,标签为MORE INFO&BOOK。


她单击了按钮,但很失望地找到带有联系表单的弹出窗口。


“哦。啊。我不喜欢 我要如何摆脱呢?”


1574334977589_1.png

不真诚:  Combadi 在号召性用语上使用了 MORE INFO&BOOK标签。一位研究参与者单击了此链接,希望找到有关游览的信息并能够进行预订。取而代之的是,她在弹出窗口中显示了联系表单。

Combadi的设计团队很可能了解到,用户在旅行的这个阶段已经准备好查看细节,然后预定行程。团队在写那个标签时可能不会感到不诚实-填写联系表格确实会带来更多信息和预订。问题在于它并没有立即导致那些事情。链接和按钮标签必须设置期望,一旦用户单击或轻击这些目标,这些期望就会立即得到满足。


自这项研究以来,Combadi已与另一家旅游公司Africa Odyssey合并。其游览说明页面具有标记为CONTACT的按钮。与Combadi的标签相反,这些标签在设定适当的期望方面做得更好。


1574335004647_5.png

真诚的:  Africa Odyssey网站上的  CONTACT标签准确传达了用户在单击按钮时会发现的内容。

当链接设置了无法满足的期望时,它们会慢慢侵蚀用户对网站及其所代表的组织的信任。点击的浪费很快使用户削减了您网站的点击预算,甚至离开了您的网站。


实质性的

请记住,用户扫描而不是完整读取UI。从眼动研究中我们知道,人们倾向于更多地关注显着元素-链接样式与周围的静态文本不同(应为其样式)可能会引起人们的注意。


在我们的眼动研究中,我们经常观察到用户在未阅读任何周围文本的情况下查看链接的情况。当用户试图前进以实现目标或回答问题时,在路由页面(SERP,目标页面,类别页面等)上,这种行为甚至更有可能发生。


1574335036163_5.png

进行眼球追踪研究的参与者购买珍珠首饰时,焦点放在该登录页面的子标题和链接上,但大部分都忽略了描述性文字。(热图可视化的红色部分显示了用户看的最多的地方,其次是黄色的地方(看上去很少)。)

因此,链接必须能够独立存在。假设您的用户可能只阅读链接标签,而没有阅读周围的文本。他们还会完全理解在该链接中会找到什么吗?


1574335081430_1.png

不太重要:如果  单独阅读,来自埃默里大学的这些链接没有明确的含义(大脑的前沿,恢复视野和希望 以及  走向正义的旅程)。用户必须知道每个链接下方的描述,才能知道他们在每个链接上会找到什么-以及为什么要单击它们。

例如,埃默里大学(Emory University)主页上的一个链接显示为“ 恢复视野和希望”。这意味着什么?希望什么?对未来的愿景?仅当阅读链接下方的文本时,含义才变得清楚。该描述性文字对于读者来说是必要的,以便理解该链接会导致有关为叙利亚难民提供眼保健的计划的信息。


相反,请考虑gov.uk页面上的综合链接,该页面组织了与英国出生,死亡和婚姻相关的所有重要链接。


1574335127543_4.png

大量:  gov.uk上的此路由页面包含与出生,死亡,婚姻和照料相关的链接。每个链接都完整描述了它将导致的最重要的内容。

该列表中的每个链接都完全包含用户选择链接后会发现的最重要内容,例如,婚姻,民事伙伴关系和离婚。该链接下面的描述性文字很有用,但完全是补充性的:包括在国外结婚,绝对法令和照顾孩子。该文本很有用,因为它阐明并扩展了在该链接中可以找到的主题范围。但是,没有必要阅读说明性文本以了解链接将指向何处。


简洁的

撰写链接时,请勿浪费文字。尽快到达重点,以增加用户在扫描和处理页面时快速理解链接的可能性。


请注意,这种良好链接的质量在列表中排在最后。紧缩固然重要,但必须与链接标签编写中的其他优先事项(具体,真诚,重要)保持平衡。链接没有最大字数。它们可以是实现其他三个优先级所需的时间,但不能超过此时间。链接中包含的每个词都应支持这些目标。


考虑上面uk.gov示例中的链接。其中一些内容很长(例如,一个11字长),例如持久授权书,受到护理以及您的财务状况。尽管长度很长,但链接仍然有效,因为它们设定了具体,准确的期望,并且可以独立运行。相比之下,“ 了解更多信息”只有2个字,但没有实现这些目标。


由于用户倾向于扫描网页而不是彻底阅读每个单词,因此前几个单词特别重要。为了最大限度地提高他们找到所需物品的机会,请提前加载与信息承载语言的链接。然后,如果说服用户考虑链接并阅读所有单词,则标签文本的其余部分应有助于增加用户的理解。与移动到新的上下文(即,单击进入新页面)相比,就地阅读具有较低的交互成本。


结论

撰写链接时,请记住4S。写具体是设置链接真诚的期望和满足他们,这是相当足够的独自站立,而其余的简洁越好。


责任编辑:网络UESJ网:   UE视界网,未经授权不得转载
关键词 >> UE设计,标签

还可以输入0个字

(审核后展示)
打开目录