交互分析:什么时候该用新窗口打开(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

相关推荐

  • 交互设计中的情感化!

    文/金雅庆UI即User Interface 用户界面的简称。UI设计是指设计人和产品或服务互动的一种机制 , 以用户体验为基础进行的人机交互设计是要考虑用户的背景、使用经验以及在操作过程中的感受,从而设计符合最终用户的产品,使得最终用户在使用产品时愉悦、符合自己的逻辑、有效完成并且是高效使用产品。交互设计是一种如何让产品易用,有效而让人方便的技术,它致力于了解目标用户和他们的期望,了解用户在同产品交互时彼此的行为,了解“人”本身的心理...

    2018-03-09
  • 资源贴|2016年Top20 UX设计博客和资源网站

    全球用户体验和用户界面的发展从未停止,并引领潮流,似乎每个人都知道该行业的流行语。尤其重要的是要时刻更新行业最新想法和会谈结果,但很难从众多的资源中找到真正有帮助的材料,所有撰写该文,这就是博客的方便之处。

    2017-05-19
  • 聊聊2017年即将流行的UX设计趋势

    2016马上就要过完啦,我们来回顾下今年用户体验都发生了哪些大事,并通过回顾过去来展望2017年的用户体验将会有哪些趋势。“可用性”这个词本身变得不那么重要了。它不那么需要我们了。“聊天机器人”是我们行业中最热门的术语之一,如果你还没有,我们很有信心你将很快建立一个。但对话式界面的未来是什么样子?但后退一步:是不是每一个界面都是用户和机器之间的对话?未来的交互不是由按钮组成的。公司不只需要一个界面,而且设计师也不只通过设计工具来完成他们的工作。苹果手表和Alexa可以让用户不碰手机的情况下使用Uber。虽然这可能听起来很简单,但它为人们对技术的期望设定了基调:完全连接和无处不在的体验。作为设计师,我们如何将所有的拼图连接在一起?我可以向Alexa请求Uber乘车,在我的Apple Watch上接收预估时间,与Messenger上的朋友分享费用,并在我的手机app上评分吗?技术应该尽可能不被注意到。——Amber Case,Calm Tech从《黑客帝国》,到《她》和《黑镜》,人类总是幻想生活在虚拟现实的世界。随着数字世界变得更加真实,我们需要采取的行动来实现这些体验。设计VR不应该意味着将2D实践转移到3D,而是应当寻找一种新的范例。 ——Jonathan Ravaz我们一直在听的问题:设计师应该写代码么?设计师画原型吗?设计师应该写文案吗?至少有几十篇文章试图回答这些问题,所以我们现在可能更接近一个确定的答案:这些都可以。今天,UX设计师可能会身兼数职。当我们开始为我们的自动化生活进行设计时,我们首先需要自动化我们的工作。我们将与机器人一起设计。多样性和伦理是今年用户体验中最重要的两个主题。许多设计师之所以从事UX,是为了更好的改变人们的生活。我们可以找到这么做的关键点么?设计并不是一件附属品。我们的工作影响着人们的生活。设计可能失败,但设计师不能。如果你的公司只是为了赚钱,也许你应该找一个更好的公司。这不是你的错,但这是你的责任。—— Alan Cooper,Ranch Stories talk

    2017-05-14
  • 餐馆与UX中的用户引导

    Gordon Ramsey因为烧焦的食物冲别人咆哮,这和用户引导之间有什么关系?这个问题和事情本身一样有趣,优秀的用餐体验非常玄妙,远不止是食物那么简单:这就是用户引导的体验。

    本文中,我们来一窥餐馆顾客引导的魔力,思考如何将它们运用到体验设计中。

    2017-04-28
  • 2018年04月07招聘岗位

    诚聘:通辽澳鼎医疗器械公司诚聘:工作人员要求:40岁到50岁之间的女性,能长期工作的,有爱心,有孝心,家庭没有负担的,高中以上文化程度,语言表达能力好待遇:中午有工作午餐,每个周日休息,节假日休息,基本工资1800元,满勤奖200元,年底奖金不少于12000元。联系人:闫经理。联系电话,15247572846,15374967717不能长期工作的勿扰!招聘服务员工资底薪2500加提成收银员2700元加提成招聘电话:8663888,157...

    2018-04-08
  • 12个很不错的UI交互设计动效灵感

    转自:设计达人(ID:shejidaren888)链接:http://www.shejidaren.com/ui-interactions-01.htmlUI动效设计是每位设计师们的一个进阶技能,我们做动效时,不仅仅要有用,而且还有好看哦,今天达人分享来自muzili整…

    2017-08-02
  • 【交互设计】选择时间设计

    作者:Mufly 对于不少手机应用来说,都有一个选择时间的功能,那么从交互体验的角度来看,这个时间选择表格应该如何去设计比较理论呢?   时间选择,常见的一般分: 1、具体时间点选择,这种类型侧重于具体的…

    2015-09-07
  • 如何应对交互设计中的技术实现问题

    数十万互联网从业者的共同关注!作者: 山晓,作者授权早读课转载。公众号:LEX设计生(ID:Lex-design)编辑:Dva技术实现是交互设计的last but not the least环节,甚至有时应该是设计优先考虑的问题,毕竟…

    2017-08-02
  • 《用户体验可视化指南》视频讲书(5)

    《用户体验可视化指南》书中第2章"绘制基础"的第1部分。服务体验中,避免负面切换波动。从可视化的角度,阐述体验的特点。点击视频观看(大约10分钟,推荐室内安静、有wifi环境下播放)兰静同学听后分享这是本章节的开篇,蓉姐在视频中提了2个重点:切换波动。对应到用户企业的互动上,就是各触点上的体验波动。我自己用App最常发生体验波动的地方就是电商App的活动页,本来选东西选的正爽,结果一不小心进到活动页就会蒙圈,完全想不起来刚才发生了什么,...

    2018-04-09
  • 提升体验,要懂心理学之行为主义(一)

    有时我在设计用户体验的时候,在想,什么体验对用户来说是重要的?什么才是真正吸引用户?怎么样才能让用户,甚至会对自己设计的产品上瘾呢?

    2017-05-20