交互分析:什么时候该用新窗口打开(target=_blank)?

是否从新标签打开页面看起来也许并不是特别起眼,甚至可以说是一个很小的细节。但是正是这种小细节往往决定了你网站的用户粘性,是否可以在竞品中胜出。


是否从新标签打开页面看起来也许并不是特别起眼,甚至可以说是一个很小的细节。但是正是这种小细节往往决定了你网站的用户粘性,是否可以在竞品中胜出。

交互分析:什么时候该用新窗口打开(target=_blank)?

target=_blank,是html中锚链接中target属性的一个选择值,即点击链接的时候是否打开新页面。如果写上target=_blank,则在点击链接的时候需要打开新的页面。我在使用网站的时候,发现国内的网站好多地方都在使用target=_blank,而国外的网站则多数在当前标签打开新页面,那么什么时候应当使用target=_blank,什么时候不使用呢?的确应当思考一下。

使用的宗旨:“需要打开新的页面,但是当前页面不想被关闭”。

应当使用target=_blank的情况

一、站外链接

我们在使用某一网站的时候,往往在网站页面的页脚会有一些站外链接,或者是一些莫名其妙弹窗的广告,这些链接往往与网站并不属于同一站点,而是出于一些商业的需求或者为了提高用户体验添加的。这个时候当用户在点击该标签时,网站的运营者并不希望新打开的页面替换掉我自己网站的页面。所以从网站自身的角度来看,应当在新标签打开页面。

交互分析:什么时候该用新窗口打开(target=_blank)?

二、由概述到详细的页面

这种情况是比较常见的一种情况,即我从一个概述或者统筹总结性质的页面,进入到其中某一小块的详细页面中。在我们使用百度搜索相关信息时,我从搜索的结果到实际搜索到的页面时,就应当打开一个新的页面。因为我并不知道我所要打开的页面是否就是我想要的。同时,我仍然希望可以看到搜索的结果以便我可以方便的浏览其他的结果页面。当我们浏览淘宝的时候,搜索到的商品结果也需要做一个较为全面的对比,此时,我也需要从新的标签打开页面。使用知乎时候,我浏览在自己的timeline上面,突然发现一个问题或者某一用户我比较感兴趣,但是我目前的主要操作点仍然在timeline上面,所以我需要从一个新的标签打开该页面。所以在这种由概述到详细的页面跳转时,从用户体验方面应当从新标签打开页面。

交互分析:什么时候该用新窗口打开(target=_blank)?

三、用户在当前页面的操作成本较高的时候

我们在注册一个比较有专业性质的网站时,往往需要填写一堆的表单,但是在最后的时候会有一个用户协议需要勾选同时可以点开。这个时候,用户协议应当采用的方法就是新标签打开,因为我当前的用户操作成本较高,如果在当前页面打开,那之前所有的操作都被进行了刷新,从用户层面来说一定会异常的懊恼,甚至关闭网站,损失用户或者流量。所以,在用户进行一些操作成本较高的操作时,比如注册或者进行一些上传图片,文章的操作等都需要进行新标签的打开。必要的情况下,用户在刷新页面的时候也要进行弹窗的提醒,警示用户该页面的输入信息将会丢失。

交互分析:什么时候该用新窗口打开(target=_blank)?

四、页面中有正在进行的操作

在我们观看视频网站的时候,暂停时一般会弹出一些广告。如果当我们点击广告将当前页面刷新了,那当我再次希望观看这个视频的时候,我需要一切都重头再来。我需要再次观看好几分钟的广告,需要拖动进度条找到自己观看到什么时候了,这些对于用户来说,都是糟糕的体验。所以在当前页面有用户正在进行的操作时,比如观看视频,收听音乐,观看某一小说的某一章节,都应当在点击链接时从新的标签打开页面。

交互分析:什么时候该用新窗口打开(target=_blank)?

五、当前页面的位置节点比较重要

一个页面或者一个网站往往都会遵循二八原则,即我整个页面可能主要的信息只占了整个页面内容的20%,或者网站中所有用户浏览量最大,用户转化率最高的页面只占了整个网站所有页面的20%,这些页面,这些位置无疑是十分重要的。所以为了将用户停留在这些页面,在用户点击其中的某些链接的时候,往往需要从新标签打开。

不适用target=_blank的情况

一、流程清晰且唯一

在我们使用购物网站的时候,到了购物车结算以及确认订单这一步时,流程已经十分的明确了,当我选择填写完必要的信息后,提交订单或者取消该订单目的都十分的明确,这个时候再从一个新的标签打开该页面就没有任何的必要了。在上传一些图片的时候,上传完毕后需要填写图片的一些相关信息,而此时图片已经上传完毕,信息不可更改且接下来的操作也十分的明确,在点击下一步操作的时候就可以在当前页面重新打开新的页面了。所以,在用户接下来的操作已经十分明确的时候就完全可以从当前页面打开新页面而不是新建一个标签了。

交互分析:什么时候该用新窗口打开(target=_blank)?

二、当前页面在点击后无实际意义

有时候在填写一些重要信息时,网站需要我们再次将自己填写的信息确认一遍,比如报考四六级等。确认完毕后,这个页面就没有任何存在的意义了,无论我们接下来要进行什么操作,这个页面留给我们的意义都不大,所以此时,在进行其他操作的时候就可以将其覆盖了。

三、用户群体明确知道该如何打开新标签

其实浏览器中隐藏着关于打开新标签的功能,当我用鼠标中间点击某一链接的时候,就可以打开新标签;按住ctrl键点击链接也是点开新标签;鼠标在链接右击有在新页面打开标签的选项。然而这些小技巧在国内的用户是很少知道的,但是用户数量少并不代表没有。如果我网站的用户群体刚好是这样的一群人,比如一个资深电脑玩家的论坛,就完全可以不去使用target=_blank,而是将打开标签的方式交给用户,让用户去做抉择。

四、网站追求简洁的效果

其实在点击链接从新标签打开这种操作大部分时候看起来往往很不错,但是有些时候它并不是一个明智的选择。因为如果一直从新标签打开,你的浏览器会多了一堆的标签,用户用起来没准会很烦恼。当用户想要关闭的时候也需要一直的点点点,这并不是一个十分优秀的用户体验。所以如果你的网站追求简洁的效果且内容不多,用户在任何情况下可以比较方便的触及到你网站的任何位置,不妨使用下载当前页面打开,它会使你的用户感觉到十分的清爽,干净。

总之,是否从新标签打开页面看起来也许并不是特别起眼,甚至可以说是一个很小的细节。但是正是这种小细节往往决定了你网站的用户粘性,是否可以在竞品中胜出。网站的交互设计者应当慎重的考虑下这些小细节。

 

作者:执迷,公众号:执迷有悟

本文由 @执迷 原创发布于人人都是产品经理。未经许可,禁止转载。

原创文章,作者:Catherine,如若转载,请注明出处:https://www.iamue.com/20693/

(0)
CatherineCatherine
上一篇 2017-08-04 06:42
下一篇 2017-08-04 07:23

相关推荐

  • 选择爱情与用户体验

    用计算机思维的视角来看爱情和用户体验。一、做结婚教练的互联网产品经理最近发现一个心理咨询师现在转型做了一个结婚教练。她是我的一个心理咨询师朋友,现在做的工作就是指导30多岁下定决心要结婚的女生,如何能够在一年半之内搞定结婚。她的方法已经帮助了30多个30多岁的女生完成了结婚。那么这个结婚教练以前是干什么的呢?她以前也是做过一个互联网公司的产品经理。她的这一套结婚的体系内容挺多的,这堂课我想把她最重要的一个环节拿出来分享。这个环节就是如何...

    2018-02-03
  • 2019届及以后实习|互联派、苹果、百度等一大波实习来咯!

    今天的实习信息也是满满的哦~快跟着派派一起来看看吧~互联派、苹果、法国优格、百度、京东等多个岗位等你投递~面向人群2019届及以后,包括2019届、2020届、2021届同学,以下的岗位都可以投递哦~岗位预览◆互联派/用户运营实习生/大连◆互联派/新媒体运营(内容编辑)实习生/大连◆网易有道广告优化实习生◆苹果/数据分析实习生/北京◆法国优格/财务助理实习生/上海◆百度/HR实习生(招聘方向)/北京/可转正◆百度/人力资源实习生/北京◆...

    2018-03-23
  • 当卡片式UI不再流行,列表式UI将是王牌

    作为设计师,虽然我们都喜欢最新的流行趋势,额外的白色空间和大图像,但对于新闻和数据,列表式是更好地解决基本的用户目标的方法。卡片是提供详细信息的入口。——来源:Google Material DesignGoogle的搜索结果可能会更加丰富多彩,但每页提供的信息较少。——来自:GreenBot

    2017-05-13
  • 交互设计文档怎么写? | 设计基础

    摘要交互设计师的工作虽不只是画交互稿子,但是好的交互稿不仅能够完美阐释产品内容和设计师的设计思路,还能够在项目各方协调工作中起到重要作用。保证完整的呈现产品需求和设计思路的交互稿,能够让各方工作人员有一致的工作目标,而有良好体验的交互稿,还能够便于各方理解,提高后期开发对设计的还原度,提高各方工作效率。对于一个设计团队来说,统一的文档规范和设计规范,不仅能够减少合作方的学习成本,提升设计师和设计部门影响力。即使产品不同需求不同设计师不同...

    2018-02-09
  • 从用户体验的角度聊《南方公园:手机破坏者》是如何盈利的

    原文作者:Matt Suckley & DeltaDNA欢迎回到In-App Purchase Inspector,在这里我们会以消费者的视角,定期测评一些F2P游戏。每期文章,我们都会考虑游戏中IAP的诱因、压力、它们的感知价值、IAP带来的扩展内容还有整个游戏体验的评估。最终目的就是看看这游戏究竟值不值得我们砸钱,不花钱的游戏体验是否也能让玩家感到满足。本期文章,我们与数据分析公司DeltaDNA合作,对改编自动画情景喜剧《南方公园...

    2018-04-02
  • 设计师应该了解的“用户记忆理论”

    记忆是人类储存信息的“硬盘”,它可以收集信息,处理信息,并且可以对外界的刺激做出反应。人类可以在需要的时候可以去“硬盘”中调取信息。但是这个“硬盘”有着一些瑕疵,因为它会受到人类机体和情感因素所影响。了解记忆的运行机制,会帮助设计师创建出人性化的界面,节省工作量,提升产品的易用性。

    2017-04-30
  • 网易UEDC的交互设计书单 (上)

    为什么列这个书单?常有读者留言:想要学习(或精进)交互设计,有什么书可以推荐的?其实网上已经有很多交互设计的书单可以参考啊,那么我想读者问这个问题的真正含义应该是:有哪些书是真正值得读的?于是我们让…

    2017-08-04
  • 重要交互设计原则

    不管是开发者还是交互设计师,每一位从业者都想要创造让自己自豪的产品。为了改善结果,两方人员一直在重新思考整个开发流程,要求有更好的工具、更好的指南、更高的权限。交互设计的强大力量不容置疑。它能让用户在工作、娱乐和交流之际,获得难忘、有效、简单,以及有益的体验。设计原则:1. 用户界面应该基于用户心理模型,而不是实现模型。2. 目标导向的交互设计反映了用户的心理模型。3.交互设计不是凭空猜测。4.不要让用户感觉自己愚笨。5. 界面设计的关...

    2018-03-01
  • 【曝光台】用户体验不佳 “海带宝”屡遭投诉

    导读凭借业内领先的电子物流平台和遍布全球的优质物流资源,海带宝为全球跨境电商、代购平台提供一站式综合进口物流解决方案。然而,据“电子商务消费纠纷调解平台”(微信ID:DSWQ315)接到的用户投诉维权案例统计,“海带宝”存在提现等待队伍长、转运速度慢、用户体验不佳等问题。电子商务研究中心(100EC.CN)了解到,深圳海带宝网络科技股份有限公司成立于2013年8月,是一家基于互联网智能化物流解决方案的高新技术企业,国内现有员工300余名...

    2018-04-26
  • 困扰多年的选择困难症,居然让交互设计给我治好了...

    觉得自己患上了选择困难症?也许这并不是你的错,而是对方给予的选项太多。 Hick’s Law(席克法则)中说道:一个人面临的选择(n)越多,所需要作出决定的时间(T)就越长。用数学公式表达为反应时间 T=a+b log2(n…

    2015-09-10