童话说说技术创业美文职业
投稿投诉
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

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

11月3日 呛人心投稿
  尽可能消除网页重复性元素,减轻用户认知负担。每一个多余的链接会影响网站的易用性。
  译者标注:本文的“链接”可指文字链、按钮等可点击功能。
  经常有人在用户体验大会上问我:能不能在同一个页面上为相同的内容提供多个链接?答案是:不可以。尽管出发点是好的,但长远看却是不被用户接受的。很多时候,与其提供多个链接去吸引更多用户、倒不如只通过一个清晰的选择帮助界面更简约。
  为什么有人觉得同一页面放两个相同的链接是对的?
  他们提出了很多理由。以下几个最为典型:
  可以建立安全保障
  如果用户忽视了顶部的链接,或许会在滚动屏幕的过程中看到底部的链接。鉴于有的用户只会注意到页面顶部的链接,而有的用户只会注意到页面底部的链接,因此提供两个同样的链接可以保障所有用户都能注意到。这样做的原因是能留住更多用户。
  可以兼顾长页面
  如果页面内容很长,处于页面底部的用户需要不停地回翻才能找到顶部的链接,这很耗费时间。因此,在页面底部也提供一个链接,可以减少这种痛苦。
  达到视觉平衡
  顶部的链接会造成一定的空白区,这样的留白会让页面内容显得零散、存在感不强;因此在底部放一个相同的链接可以缓解这种“尴尬”,整个页面也能在视觉上达到平衡。
  有数据作证
  研究数据显示,同一页面放两个相同的链接可以提升用户抵达目的页面的流量。
  为什么(大多数情况下)多放一个相同的链接是个很糟的想法?
  需不需要新增一个相同链接需视情况而定。上述几个理由听起来似乎都挺在理,但是,过频地依赖这种方式、缺乏仔细而全面的考虑,会造成网站导航指示不清、让用户“陷入泥潭”。
  这样做会造成哪些后果呢?
  每一个额外的链接都会增加交互成本,这意味着用户的选择也增加了。选择越少,任务处理才会越快。
  每一个额外的链接都会减少用户的核心注意力,即分散用户的注意力。用户的精力是有限的,或多或少得会忽略网站上的一些内容。因此每多一个链接,用户就得多付出一些精力,进而减少了对其他内容的关注额外的重复性链接会给用户增加实质性成本。
  每一个额外的链接都会增加用户的记忆负担。因为用户看到时需要分辨它是不是新的功能,和另一个链接是否一样;会引起用户多余的担心。在可用性研究中,我们发现用户面对一个链接时经常会有所停顿、对要不要点击犹豫不决。而当用户鼓足勇气、点了之后,却发现两个链接跳转的都是同一个页面。这会给用户带来挫败感之前的纠结全白费了,而且这种纠结是网站设计者造成的。
  如果已经达到了功能上的需求,只展示一个链接便足矣。
  网站Semtech。com的全局导航与页面tabs完全一样。删掉一个吧,这样会减轻页面结构,既不会影响功能、也不会给用户造成交互、记忆等多余的负担。
  Yale。edu的这个网页上有很多重复的链接,增加了用户的选择成本和不必要的认知成本。删除多余的(比如删除右上角的链接区)链接就会好很多。
  我们都知道,当一个图片和它对应的标题都链接到同一个页面时,我们并不认为这是重复。因为图片的点击区域更大,这样的做法会让用户感到更便利,而不会心生困惑。同样,一个icon和一段文字链搭配在一起,也不是重复行为。因为用户把它们看到是一个整体,即使两个都可以点击。
  那么重复性链接到底如何决策?
  我们再回顾下使用重复性链接的理由,看一下去掉多余链接后,这些问题还存不存在。
  理由之“提供安全保障”:如果放一个链接是担心用户容易忽略它的话,那么给每一个链接都增加一个重复性链接就会把网站复杂化。很多时候,与其增加多余的链接、不如把链接放在用户预期的位置上,后者效果会更好,尤其是在处理导航的时候。
  假如非要为导航增加重复的链接,则一定要有足够的证据证明这是主流用户的使用场景和行为。如果证据充分比如不同用户群期待的链接位置不同,因此需要多个相同的链接也要仔细甄别哪些链接可以这么做。在非加不可的情况下,也只对少数优先级别最高的链接进行考虑。并且要时刻谨记:额外的重复性链接有益于一部分用户的同时,也会伤害另一部分用户。
  另外,重复性链接之间的距离尽量远一些。如果用户能一眼看到它们,那么我们就需要考虑是否有多余的情况。
  MassGeneral。org网站中有多个预约链接(图中3个红框部分)。比较糟糕的是,用户能一眼全发现它们3个。这会让用户犯难:这3个链接都不一样吗(比如电话预约和在线预约有什么区别)?其实,突出其中一个就可以了,而不是让它们在用户的视觉范围内扎堆出现。
  有时留出一个区域对导航加以描述,的确会让导航优化,帮助用户做出更准确的选择。
  以网站hsbcprivatebank。com为例:如果有些网站为用户提供的选择过多,把导航相关的选择项放到内容区不失为一个好办法。这么做的好处是有更多的空间描述这些选择项,帮助用户了解它们、做出选择。
  理由之“可以兼顾长页面”:在页面顶部和底部各放一个相同链接防止用户过度地来回滚动屏幕,的确是个不错的理由。但是,我们需要弄明白怎样才算“过度地”滚动屏幕。一个只有23屏长度的页面,是不需要多余链接的。因为,用户如果知道链接在哪儿,是不会介意去滚动屏幕的。
  如果页面的确很长,比如在移动端呈现和PC端同等长度的内容,可以将唯一的链接放在页面底部,以节省时间。但不是所有的用户都会滑到页面底部寻找链接,这时采用“返回顶部”按钮、或固定菜单可以解决过度滑屏(或滚动屏幕)的问题。
  理由之“达到视觉平衡”:这个理由最不合理。为填满空白区而新增多余的链接是非常糟糕的策略,然而有很多设计师却这么做。可以尝试在空白区放置有价值(相关、或让界面看起来更有趣)的内容,比如实例、公告、或被导航菜单(或子菜单)隐藏过深的重要内容。
  理由之“有数据作证”:重复性链接会增加页面流量,我对此并不感到惊讶。数据的确很有说服力,但却存在着欺骗性。因为点击率不等于用户阅读了点击后出现的页面或对此感兴趣。重复性链接带来的点击也会造成用户不想要的结果,比如用户由于缺乏足够的说明而误点了、或点了两次打开的却是同样的页面、或点击后发现不是自己想找的又不得不返回。
  尽管重复性链接可以增加网站的流量,但这也仅仅是因为你突出了这个链接功能而产生的结果。这个结果未必是用户想要的,也未必是我们想要的。因此不要因小失大、一叶障目,说不定这个页面浏览量的增加是建立在其他页面浏览量下降的痛苦之上。短期看浏览量是上升了,长远看很有可能也会迅速下降。因为额外的链接给用户带来了困惑,降低了网站的可用性,最终会失去用户对网站的好感。
  假如某个页面对浏览量要求很高,可以将链接突出、让更多的用户识别到,而不是单纯地在页面其他位置增加一个同样的链接,加重用户的认知负担。
  总结
  增加重复性链接有时是会帮到用户,但却加重了交互成本。这是4个危险的导航设计技巧之一。即使这样做可以让某个页面流量增加,但也会给用户带来困惑。从长远看,得不偿失。
  
投诉 评论 转载

不扁平的设计:我们的世界没有一处是光滑和平整的如果你点进这篇文章是想听听,我们扯什么下一个取代扁平化设计的视觉设计趋势,那抱歉可能你要失望了我们不想就拟物设计,或者扁平按钮的功能可见性展开激烈的讨论。我们只是尝试为设……网页设计中的极简风格无的力量作为设计师,我们都知道极简的设计效果的确非常出彩。然而,在设计过程中,我们往往会由于使用较少元素而感觉缺了什么,或是让最终成品看起来仿佛没有完成。那么什么是极简设计?又是……SMILEDesign打造价值创新的极致体验每一个创新的方案不可复制,虽然我们都非常希望能提供一个简单易行的创新秘方,以保证每个项目都能成功,但是创新的稀缺性,恰恰决定了每一个成功的创新都是方案都是不可复制的,但其中的很……最浓缩的概念:一句话明确UI本质,区别真伪UI我同意一种观点,成人的知识学习体系最好的其实是慨念性的。因为,我们面对的社会不再是以前学校里老师给方向,让我们去找方法。而是方向我们自己思考自己找,然后针对自己的思考出的方向再……初级用户体验设计师可以向其他合作伙伴学习什么?(前端承接上一篇文章《初级用户体验设计师可以向其他合作伙伴学习什么?(运营PD篇)》,今天写写前端开发们值得我们这些初级用户体验设计师去学习的地方。对边界场景的……搜狐交互设计师:我常用的一套交互设计工具刚开始接触交互设计往往会面临自己的想法找不到合适的方法输出。所以完成基本工作同时也在积极寻找、学习适合自己又和工作环境相匹配的工具。与团队成员配合的时候没有人会在意你是用什么工……同一页面放两个相同的链接:这样的重复是有益还是有害?尽可能消除网页重复性元素,减轻用户认知负担。每一个多余的链接会影响网站的易用性。译者标注:本文的“链接”可指文字链、按钮等可点击功能。经常有人在用户体验大会上问我:……从这几个案例入手,学会设计APP注册流程从注册这点小事儿上看如何提升细节设计和用户体验,希望对一些新入行的童鞋有所帮助。互联时代的产品都离不开:直白点就是什么样的环境下?为哪些人?提供了哪些事情的解决方案……聊下你不知道的交互设计:交互设计师在项目中是如何工作的从事交互设计3年了,经常有朋友和同事问我“到交互到底干嘛的?”答曰:“根据用户的需求及场景,用简单、愉悦的方式完成任务”。但他们似乎还是不太明白。那么交互到底是干什么的呢……设计心理学设计中的防呆设计最近读到设计心理学的再次接触到防呆设计的概念,联系交互设计做一些总结。防呆设计的定义:是一种预防矫正的行为约束手段,运用避免产生错误的限制方法,让操作者不需要花费注意力、……设计理论:人物模型设计和目标设计在自然科学和社会科学中,模型通过有效的抽象来代表复杂的现象。好的模型强调所代表结构的显著特色关系,弱化不太重要的细枝末节。由于我们是为用户而设计的,因此重要的一点就是,要了解这……响应式网页图片库设计的九个注意事项响应式设计无疑是当前网页设计领域当中,不可忽略的必要组成部分。而响应式网页中的图片显示又是老生常谈的问题,许多争论集中在响应式网站的图片应当怎么展示。继续延伸开来,那么响应式网……
多抓鱼小程序:如何打造有温度的线上二手书店?美丽修行产品分析新消费时代下化妆品消费模式的转变趋势字节跳动下的飞书,有哪些优势与劣势?网易云音乐产品分析报告音乐的力量不可限量用户签到功能优化竞品分析非常时期,聊聊办公协作产品竞品分析报告小爱同学vsSiri“作业帮直播课”产品分析:K12在线直播如何抓住用户的心?竞品分析精选模式电商微信读书分析报告:面对视频内容冲击,如何破局?吱呀APP3。0产品更新对比报告英语流利说专注“AI教育”的智能老师空调低压管结霜怎么办空调结霜解决办法详解国产手机太卷了!入门款也能拥有骁龙8Gen2,性能不输电竞手CBA广东男篮第三人离队,新赛季新四人组及一潜力新星被扶正农业干旱等级是如何划分的什么食物能通血管呢半年实现万用户积累一年时间销售额翻番如何做到好梦易醒歌词关于好梦易醒歌词感恩的心打高尔夫球如何预防背部肌肉拉伤关于产业集聚区安全监管现状前期调研工作汇报欧洲断气!能源危机再升级,煤炭板块将迎来价值重估众人帮赚钱任务多赚钱快目前一天赚元

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界