最近开始关注target="_blank"标签,是源于对咨询区的采纳工作。帖子内容页是在原页面加载,这样问题就来了,每采纳完一个问题,必须得后退好几次才可以,很不方便。后来按ctrl,可以在新的标签打开。但是有的用户也许并不知道,也许用户习惯自然点击,所以我们在作站时,尤其是小站,本来就没有什么流量的话,基于用户角度,所有的页面都是原页面加载这点是不利于用户体验的。
    用户在浏览很多网站的时候,点击某一链接,很多都是在原页面加载,而不是另外打开一个新的标签页面,如果点击过快,就会将页面关闭,还得再重新进入网站,有的也许就不会再进入我们站点。好像之前google,点击一条搜索结果,也是在原页面加载,而不是新打开窗口,这点非常不符合中国人的使用习惯,后来google注意到了这点有所改善。好像国外的网站一般都是从原页面打开,很少使用新窗口打开。其实,从用户的体验度来说,新打开页面无疑会对用户有更好的体验度。大部分的用户看完一个页面之后会习惯性的关掉这个页面,如果所有的页面都是在原来的基础加载,会给用户的浏览带来不便,不可能打开一个就点后退吧,有时候需要两个页面的产品或者什么资料作比较,也不方便。如果可以在新的标签打开,那就很方便了。这些也是我作为一个用户,上网浏览时的感受。

可是如果一个站点所有的页面都是新页面打开,会不会引起用户的烦感呢,如果用户打开了N个页面,关闭是不是很麻烦呢。这也是一点值得考虑的问题。还有就是会不会加重浏览器负载?很多网站使用Flash等动态效果很多,不断新开页面对会加重浏览器负载。所以一般来说站内同级别链接可以在同个窗口打开,比如栏目页链接到栏目页可以不用加target="_blank",而如果是栏目页打开内页,则建议加上target="_blank"在新标签打开。一般用户在同个栏目下不止看一个页面,方便操作。

还有就是站外链接:如果链接到站外,都是当前页面跳转的话,那么无疑这部分链接会提高网站跳出率,所以target="_blank"是必不可少了,不然用户就可能永远不会再回到我们的网站了,我想这点就不用我多说了。

下面我们按照V5SHOP默认的模板结合国内多家电子商务门户网站进行阐述,全站式导航:

  即整站型的导航条,意思是无论进行任何一个频道导航仍然存在为可视的情况。在这样的情况下因为用户无论通过全站导航进入任何一个频道同样多能够通过全站导航返回原先页面的。在这样的情况下则无需使用target=_blank创建新窗口,否则即给予用户造成资源浪费和不合理的用户行为习惯。

target标签对于优化用户体验的作用的更多相关文章

  1. jQuery Pjax – 页面无刷新加载,优化用户体验

    pjax 是 HTML5 pushState 以及 Ajax 两项技术的简称,综合这两个技术可以实现在不刷新页面的情况下载入 HTML 到当前网页,带给你超快速的浏览器体验,而且有固定链接.标题以及后 ...

  2. 性能优化 && 用户体验

    性能优化 下拉菜单那种最好是点击时候请求,或者是查询时候请求 分页加载 用户体验 有加载.进度条.友好提示

  3. web开发性能优化---用户体验篇

    怎样从技术角度怎样增强用户体验.都是非常多平台都在做的事情,依据个人实际经验碰到几种体验做下总结. 1.降低页面刷新白屏 适当使用ajax技术.改善刷新白屏现象. 2.信息提醒,邮件.站内信.短信在购 ...

  4. Elasticsearch(四)优化用户体验

    改正用户拼写 Term suggester:词项匹配建议:可以通过wiki的插件来下载wiki上面的单词以及短语,来作为你的拼写提示基础仓库: Phrase suggester:n-gram算法,短语 ...

  5. 提升网站用户体验—WebP 图片的高效使用

    一.WebP 的由来 现代图像压缩技术对我们的生活方式影响很大.数码相机能将上千张高质量图片存储到一张内存卡里.智能手机可以与邻近设备快速分享高分辨率的图片.网站与手机等移动设备能快速展示各种富媒体. ...

  6. 用户体验 | 寻找成套的 App SDK 服务

    前言 对于开发者来说,三方 SDK 这个词已经是一个不需要任何解释的词语了,然而我想面对琳琅满目的 SDK 产品,大家都会纠结如何选择.那么选择一个 SDK 需要注意哪些问题呢? SDK 的 稳定易用 ...

  7. CDN高级技术专家周哲:深度剖析短视频分发过程中的用户体验优化技术点

    深圳云栖大会已经圆满落幕,在3月29日飞天技术汇-弹性计算.网络和CDN专场中,阿里云CDN高级技术专家周哲为我们带来了<海量短视频极速分发>的主题分享,带领我们从视频内容采集.上传.存储 ...

  8. 改善用户体验 Web前端优化策略总结

    前端是庞大的,包括HTML.CSS.Javascript.Image.Flash等等各种各样的资源.前端优化是复杂的,针对方方面面的资源都有不同的方式.那么,前端优化的目的是什么? 1. 从用户角度而 ...

  9. jQuery 浮动标签插件,帮助你提升表单用户体验

    浮动标签模式(Float Label Pattern)是最新流行的一种表单输入域的内容提示方式,当用户在输入框输入内容的时候,原先占位符的内容向上移动,显示在输入的内容的上面.这里推荐的这款 jQue ...

随机推荐

  1. request 获取各种路径

    从request获取各种路径总结 request.getRealPath("url"); // 虚拟目录映射为实际目录 request.getRealPath("./&q ...

  2. poj 1410 线段相交判断

    http://poj.org/problem?id=1410 Intersection Time Limit: 1000MS   Memory Limit: 10000K Total Submissi ...

  3. HDU 1711 Number Sequence(数列)

    HDU 1711 Number Sequence(数列) Time Limit: 10000/5000 MS (Java/Others) Memory Limit: 32768/32768 K (Ja ...

  4. Webbrowser控件判断网页加载完毕的简单方法 (转)

    摘自:http://blog.csdn.net/cometnet/article/details/5261192 一般情况下,当ReadyState属性变成READYSTATE_COMPLETE时,W ...

  5. GitHub上不错的Android开源项目(三)

    收集相关系列资料,自己用作参考,练习和实践.小伙伴们,总有一天,你也能写出 Niubility 的 Android App :-) GitHub上不错的Android开源项目(一):http://ww ...

  6. android上让我放弃使用wstring来操作中英文字符串 转

    android上让我放弃使用wstring来操作中英文字符串 2013-08-07 16:37:24|  分类: cocos2d|举报|字号 订阅     项目需要,需要对中英文字符串进行遍历修改等, ...

  7. ASP.NET常用正则表达式

    验证数字:^[0-9]*$ 验证n位的数字:^\d{n}$ 验证至少n位数字:^\d{n,}$ 验证m-n位的数字:^\d{m,n}$ 验证零和非零开头的数字:^(0|[1-9][0-9]*)$ 验证 ...

  8. mysq错误(1)空用户创建库

    mysql5.6.24免安装版: 1.ERROR 1044 (42000): Access denied for user ''@'localhost' to database 现象:创建库失败. 出 ...

  9. paoracle中的包头(Package)与包体(Package body)

    http://www.th7.cn/db/Oracle/201406/56949.shtml 简单的实例 create or replace package body integrationEgoTo ...

  10. Python学习笔记9—文件

    打开文件