美文网首页设计交互设计
链接打开方式间的博弈

链接打开方式间的博弈

作者: _Ammy | 来源:发表于2016-10-16 13:49 被阅读341次

如今网站中链接打开方式主要有两种:当前页面打开(默认/target="_self")和在新标签页(target="_blank")中打开。将链接设置为在新窗口中打开很少用到,一是来回切换窗口很麻烦,而是开多个窗口占用系统资源。而如今PC端网页链接的打开方式并没有一个统一的标准,用户有时会难以预测他将要打开的一个链接是在新标签页打开还是在当前页面。以下探讨了一些相关的现象与分析。


中外打开链接习惯的差异

举一个有趣的例子:知乎和Quora

2012年以前,知乎和Quora 两个网站都是统一在当前页面打开网页链接,当时知乎上有一些人不习惯当前页面打开链接的方式,就有了许多类似的问题:

知乎

而在2012年以后,Quora和知乎先后改变了打开链接的方式,问题链接都在新标签页打开了。然而Quora的用户不乐意了。

Quora产品更新介绍 Quora用户表示太多标签很困扰

除了知乎和Quora外,还有许多类似的情况,比如中国用户不习惯Google搜索的当前页面打开,国外的大多数网站都统一地是默认为当前页面打开链接,国外用户也比较习惯自己选择打开链接方式(ctrl+鼠标左键/鼠标中键/右键选择,三种方式都可以使页面在新标签页打开。)

造成差异的原因

查找了一些相关资料,主要有下面几个说法:

1.早期的W3C标准不支持target="_blank"等属性,国外互联网普及也比国内早,于是慢慢养成了习惯。

2.早年国内网络环境普遍比较慢,采用新开标签页的方式可以减少用户心理等待时间,而不是干等着当前页面加载。

3.默认情况下是当前页面打开,这时是可选的,按住ctrl点击链接或者直接拖拽链接到新标签页可以在新标签打开页面,这使得用户更有选择权,可以自己决定打开方式;而用了target="_blank"让用户失去了选择权,让外国人觉得不礼貌。

4.早期国内互联网发展较为浮躁,网站想通过新标签页打开外链留住用户,提高pv。

相关链接:为什么国外大部分网站内链接都不用新标签页打开?


新标签页打开vs当前页面打开?

就国内外设计方式而言,并没有好坏之分,只是长久以来的习惯差异而已。

就国内用户而言,许多人尤其是老年人并不习惯甚至或许不知道网页中有个后退前进按钮可用,于是链接打开方式的一致性就显得比较重要了。淘宝是一个使用新标签页打开方式比较极端的例子,里面几乎所有链接都是弹出一个新标签页,不一会浏览器上方就全是淘宝链接了。这可能与淘宝用户群体的庞大性有关,它必须兼顾各种互联网使用经验级别的用户。

关于何时在新标签页打开何时当前页面刷新的情况也没有统一的用法和标准,但是从体验角度和网站角度有一些比较可行的说法:

1.外部链接用新标签页打开。如本文有几个相关外部链接,对于用户来说,可能希望同时打开多个链接以供之后平行查看,同时可以继续阅读本文;对于网站来说,外部链接采用新标签页打开一定程度上利于留住用户。

2.列表性链接用新标签页打开。如搜索结果,论坛帖子等,结果链接与帖子里的链接倾向于新标签打开,因为长长的帖子或搜索结果页面权重大,后退刷新的话不容易回到原处,即容易失焦,会让人比较困扰。电商网站中同一类目的商品列表也倾向于新开标签页,防备用户来回对比查看。

3.不属于当前任务流程的链接用新标签页打开。如与客服沟通时查看商品的链接,表单填写时的一些说明性链接等,目的是为了一致连续地完成当前任务。

4.大文档如pdf等链接用新标签页打开。加载大文档时可以让用户返回原标签页面同时做其它的事。

当然还可以有其他方式,举一个网页播放器的例子,如现在的虾米音乐。播放页面固定在一个标签页面,若在其它标签页点击播放歌曲,此时并不是当前页面刷新也不是新开标签页,歌曲是在固定的那个页面默默地切歌播放。不会开多余的标签,也不会把当前列表页面刷新掉,用户可以继续发现歌曲。这是一个很好的交互体验的例子。

相关链接:

浅谈页面链接打开方式

When to use target="_blank"?


关于链接打开方式,很多情况下还是测试数据说了算。但是一致性依然需要被注意,不能随意设置,导致用户无法预知他将要点击的下一个页面是如何出现的。


相关文章

  • 链接打开方式间的博弈

    如今网站中链接打开方式主要有两种:当前页面打开(默认/target="_self")和在新标签页(target="...

  • 律师间的博弈!

    一位美国律师买了盒极为稀有、昂贵的雪茄,还为雪茄投保了火险。 结果他在一个月内,把这些顶级雪茄抽完了,随后向保险公...

  • 学习总结

    html5 dtd声明 声明所有链接打开方式

  • 人际间的链接

    今晚去东海岸参加了久违的俱乐部活动,见到了一些老朋友也有一些新朋友,还有一位从即兴研究所去参加活动的伙伴。一晚上还...

  • 007点评文章第10篇 茶道四个字,适用于茶桌沟通

    【文章标题】喝茶盘“道”:如何面对博弈型沟通 【文章链接】喝茶盘“道”:如何面对博弈型沟通[https://mp....

  • base 标签

    base 标签可以设置整体链接的打开方式 四个链接均为在新窗口打开。注:target="_self"是在原窗口打开。

  • html+css总结

    图片引入标签: 超链接标签: 百度 base标签: base标签可以给页面的链接加上默认的路径,或者默认的打开方式...

  • HTML基础

    1.标签 ..... 无语义标签(独占一行) 无语义标签 图片 超链接 段落 换行 水平线 控制全局链接的打开方式...

  • HTML标签(一)

    说说超链接a标签target属性的取值和作用? target这个属性指定所链接的页面在浏览器窗口中的打开方式。 它...

  • 细思极恐系列之 · 链接内容打开方式用哪种更好?

    目前页面内容打开方式有3种形式:当前页刷新、新页面打开、弹窗打开 一般我们看到的比较普遍的链接打开方式是当前页面刷...

网友评论

    本文标题:链接打开方式间的博弈

    本文链接:https://www.haomeiwen.com/subject/tnioyttx.html