设计观点View
作者头像

新窗口打开链接的博弈

【一丝冰凉】 /2013-04-24/已有人看过/用户体验

新窗口还是当前窗口打开,一直以来颇具争议。诚然,任何不分场景的强制使用某一种方式都是耍流氓。这里我就不一一分析场景了,这也需要用户研究同学提供的数据作为参考。在对用户使用场景做出了合理分析之后,我觉得还可以把细节做的更好。HJG上海云路网络科技有限公司

举个栗子:HJG上海云路网络科技有限公司

比如论坛这样的大面积列表页面,曾经 Discuz! 产品部门就为了是当前页面打开还是新窗口打开进行了激烈的讨论。然后某人灵机一动,何不在一个醒目的位置做出是否新窗口打开的选项呢?把选择权交给用户。HJG上海云路网络科技有限公司

Like this:HJG上海云路网络科技有限公司

Discuz! 新窗口打开页面选项示例HJG上海云路网络科技有限公司

勾选「新窗」后,所有的链接都会新窗口打开了。HJG上海云路网络科技有限公司

那么除了给 a 标签增加 「target=”_blank”」的强制方式让链接在新窗口打开,我们还有哪些方法呢?HJG上海云路网络科技有限公司

  1. 单击鼠标中键可以新窗口打开
  2. 在链接上单击右键,然后选择「在新窗口打开链接」或者「在新标签打开链接」
  3. 按住键盘上的 Ctrl/Command 单击链接,新标签打开链接
  4. 按住 Shift 单击链接新,新窗口打开链接HJG上海云路网络科技有限公司

OK,总结完毕,想要知道怎么样才是比较好的方式,必须做到知己知彼。知道了这些方式之后,我们可以尝试做一些细节优化了。HJG上海云路网络科技有限公司

比如可以尝试通过 JS 判断用户 点击鼠标中键,Ctrl/Command+单击,右键菜单+新标签打开几种方式的次数,然后弱提示用户:亲,可以试试勾选「新标签打开链接」哦,这样单击就可以新标签打开了哦!(然后可以提供两个选项:1.我试试,2.不再提示我)HJG上海云路网络科技有限公司

怎么样让这样的提示不会影响用户的正常浏览,同时又能引导用户使用这些浏览器自带的功能,在文案和引导方式上需要下点功夫了。HJG上海云路网络科技有限公司

例如 QQ空间 当用户放大了页面的时候会有这样的提醒(还记得那个老板找谈话问为什么页面错位的问题吗?):HJG上海云路网络科技有限公司

HJG上海云路网络科技有限公司

人文关怀与产品的博弈无处不在,不是吗?HJG上海云路网络科技有限公司

举个切身实际的栗子:HJG上海云路网络科技有限公司

我们每个人每天都会和搜索引擎接触,我用 Google 的过程是这样的:HJG上海云路网络科技有限公司

输入搜索关键词→中键点击所有感兴趣的链接(注意此时依然是在当前页面,中键点击的链接是在后台打开的)→然后再分别阅读之前打开的页面→关闭不需要的或者看过的页面HJG上海云路网络科技有限公司

这里有个关键是「后台打开链接」的功能,搜狗等国内浏览器默认也提供的这样的功能:HJG上海云路网络科技有限公司

HJG上海云路网络科技有限公司

注意如果不是后台打开新标签,我们就需要不停的在搜索结果页面和新打开的页面之间切换,这是一个很头疼的问题,所以搜狗等浏览器才有了这样的功能,这是很有爱的。HJG上海云路网络科技有限公司

一些是否关于新窗口打开链接的讨论:HJG上海云路网络科技有限公司

  1. 乎上你点开一个问题时,常是直接左键打开,还是右键打开新窗口?
  2. 减少新开窗口提升可访问性
  3. 知乎里面提问或回答中的 url 链接加一个 target=”_blank” 是不是会更好?每次后退好麻烦。
  4. 链接应该在新窗口打开吗?
  5. 一个网页如何决定是当前页打开还是新窗口打开?
  6. 有多少人习惯用鼠标中键点击,在什么情况会用?
  7. 新窗口打开 VS 当前窗口打开 — 浅谈页面链接打开方式

以上HJG上海云路网络科技有限公司
一丝HJG上海云路网络科技有限公司