同一页面放两个相同的链接:这样的重复是有益还是有害?

作者:HOA LORANGER    2016-3-13    发表于NN/g    译者:小媛


摘要:尽可能消除网页重复性元素,减轻用户认知负担。每一个多余的链接会影响网站的易用性。

译者标注:本文的“链接”可指文字链、按钮等可点击功能。

经常有人在用户体验大会上问我:能不能在同一个页面上为相同的内容提供多个链接?答案是:不可以。尽管出发点是好的,但长远看却是不被用户接受的。很多时候,与其提供多个链接去吸引更多用户、倒不如只通过一个清晰的选择帮助界面更简约。

为什么有人觉得同一页面放两个相同的链接是对的?

他们提出了很多理由。以下几个最为典型:

· 可以建立安全保障:如果用户忽视了顶部的链接,或许会在滚动屏幕的过程中看到底部的链接。鉴于有的用户只会注意到页面顶部的链接,而有的用户只会注意到页面底部的链接,因此提供两个同样的链接可以保障所有用户都能注意到。这样做的原因是能留住更多用户。

· 可以兼顾长页面:如果页面内容很长,处于页面底部的用户需要不停地回翻才能找到顶部的链接,这很耗费时间。因此,在页面底部也提供一个链接,可以减少这种痛苦。

· 达到视觉平衡:顶部的链接会造成一定的空白区,这样的留白会让页面内容显得零散、存在感不强;因此在底部放一个相同的链接可以缓解这种“尴尬”,整个页面也能在视觉上达到平衡。

· 有数据作证:研究数据显示,同一页面放两个相同的链接可以提升用户抵达目的页面的流量。

为什么(大多数情况下)多放一个相同的链接是个很糟的想法?

需不需要新增一个相同链接需视情况而定。上述几个理由听起来似乎都挺在理,但是,过频地依赖这种方式、缺乏仔细而全面的考虑,会造成网站导航指示不清、让用户“陷入泥潭”。

这样做会造成哪些后果呢?

· 每一个额外的链接都会增加交互成本,这意味着用户的选择也增加了。选择越少,任务处理才会越快。

· 每一个额外的链接都会减少用户的核心注意力,即分散用户的注意力。用户的精力是有限的,或多或少得会忽略网站上的一些内容。因此每多一个链接,用户就得多付出一些精力,进而减少了对其他内容的关注——额外的重复性链接会给用户增加实质性成本。

· 每一个额外的链接都会增加用户的记忆负担。因为用户看到时需要分辨它是不是新的功能,和另一个链接是否一样;会引起用户多余的担心。在可用性研究中,我们发现用户面对一个链接时经常会有所停顿、对要不要点击犹豫不决。而当用户鼓足勇气、点了之后,却发现两个链接跳转的都是同一个页面。这会给用户带来挫败感——之前的纠结全白费了,而且这种纠结是网站设计者造成的。

如果已经达到了功能上的需求,只展示一个链接便足矣。

网站Semtech.com的全局导航与页面tabs完全一样。删掉一个吧,这样会减轻页面结构,既不会影响功能、也不会给用户造成交互、记忆等多余的负担。
Yale.edu的这个网页上有很多重复的链接,增加了用户的选择成本和不必要的认知成本。删除多余的(比如删除右上角的链接区)链接就会好很多。

我们都知道,当一个图片和它对应的标题都链接到同一个页面时,我们并不认为这是重复。因为图片的点击区域更大,这样的做法会让用户感到更便利,而不会心生困惑。同样,一个icon和一段文字链搭配在一起,也不是重复行为。因为用户把它们看到是一个整体,即使两个都可以点击。

那么重复性链接到底如何决策?

我们再回顾下使用重复性链接的理由,看一下去掉多余链接后,这些问题还存不存在。

理由之“提供安全保障”:如果放一个链接是担心用户容易忽略它的话,那么给每一个链接都增加一个重复性链接就会把网站复杂化。很多时候,与其增加多余的链接、不如把链接放在用户预期的位置上,后者效果会更好,尤其是在处理导航的时候。

假如非要为导航增加重复的链接,则一定要有足够的证据证明这是主流用户的使用场景和行为。如果证据充分——比如不同用户群期待的链接位置不同,因此需要多个相同的链接——也要仔细甄别哪些链接可以这么做。在非加不可的情况下,也只对少数优先级别最高的链接进行考虑。并且要时刻谨记:额外的重复性链接有益于一部分用户的同时,也会伤害另一部分用户。

另外,重复性链接之间的距离尽量远一些。如果用户能一眼看到它们,那么我们就需要考虑是否有多余的情况。

MassGeneral.org网站中有多个预约链接(图中3个红框部分)。比较糟糕的是,用户能一眼全发现它们3个。这会让用户犯难:这3个链接都不一样吗(比如电话预约和在线预约有什么区别)?其实,突出其中一个就可以了,而不是让它们在用户的视觉范围内扎堆出现。

有时留出一个区域对导航加以描述,的确会让导航优化,帮助用户做出更准确的选择。

以网站hsbcprivatebank.com为例:如果有些网站为用户提供的选择过多,把导航相关的选择项放到内容区不失为一个好办法。这么做的好处是有更多的空间描述这些选择项,帮助用户了解它们、做出选择。

理由之“可以兼顾长页面”:在页面顶部和底部各放一个相同链接防止用户过度地来回滚动屏幕,的确是个不错的理由。但是,我们需要弄明白怎样才算“过度地”滚动屏幕。一个只有2-3屏长度的页面,是不需要多余链接的。因为,用户如果知道链接在哪儿,是不会介意去滚动屏幕的。

如果页面的确很长,比如在移动端呈现和PC端同等长度的内容,可以将唯一的链接放在页面底部,以节省时间。但不是所有的用户都会滑到页面底部寻找链接,这时采用“返回顶部”按钮、或固定菜单可以解决过度滑屏(或滚动屏幕)的问题。

理由之“达到视觉平衡”:这个理由最不合理。为填满空白区而新增多余的链接是非常糟糕的策略,然而有很多设计师却这么做。可以尝试在空白区放置有价值(相关、或让界面看起来更有趣)的内容,比如实例、公告、或被导航菜单(或子菜单)隐藏过深的重要内容。

理由之“有数据作证”:重复性链接会增加页面流量,我对此并不感到惊讶。数据的确很有说服力,但却存在着欺骗性。因为点击率不等于用户阅读了点击后出现的页面或对此感兴趣。重复性链接带来的点击也会造成用户不想要的结果,比如用户由于缺乏足够的说明而误点了、或点了两次打开的却是同样的页面、或点击后发现不是自己想找的又不得不返回。

尽管重复性链接可以增加网站的流量,但这也仅仅是因为你突出了这个链接功能而产生的结果。这个结果未必是用户想要的,也未必是我们想要的。因此不要因小失大、一叶障目,说不定这个页面浏览量的增加是建立在其他页面浏览量下降的痛苦之上。短期看浏览量是上升了,长远看很有可能也会迅速下降。因为额外的链接给用户带来了困惑,降低了网站的可用性,最终会失去用户对网站的好感。

假如某个页面对浏览量要求很高,可以将链接突出、让更多的用户识别到,而不是单纯地在页面其他位置增加一个同样的链接,加重用户的认知负担。

总结

增加重复性链接有时是会帮到用户,但却加重了交互成本。这是4个危险的导航设计技巧之一。即使这样做可以让某个页面流量增加,但也会给用户带来困惑。从长远看,得不偿失。


译者简介:

小媛

互联网从业者,热衷于用户体验、交互设计和服务设计

若有转载需求,请与我联系;转载时请标明简书出处

原文链接:The Same Link Twice on the Same Page: Do Duplicates Help or Hurt?

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 159,117评论 4 362
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 67,328评论 1 293
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 108,839评论 0 243
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 44,007评论 0 206
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 52,384评论 3 287
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 40,629评论 1 219
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 31,880评论 2 313
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 30,593评论 0 198
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 34,313评论 1 243
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,575评论 2 246
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 32,066评论 1 260
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 28,392评论 2 253
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 33,052评论 3 236
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,082评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,844评论 0 195
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 35,662评论 2 274
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 35,575评论 2 270

推荐阅读更多精彩内容