最近开始关注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. PS(photoshop)里A4纸张的像素是多大?

    A4纸的尺寸是210mm×297mm, 当你设定的分辨率是72像素/英寸时,A4纸的尺寸的图像的像素是595×842, 当你设定的分辨率是150像素/英寸时,A4纸的尺寸的图像的像素是1240×175 ...

  2. ASP.NET四则运算--工厂模式

    这次是在ASP.NET上实现四则运算,之前用策略模式实现了,所以这次想着用工厂模式实现一下. Calculator.cs using System; using System.Collections. ...

  3. Ubuntu升级没有声音的解决方法

    自从安装U14.04LTS版本后,每次开机都会弹出update窗,以前因为网络速度慢没更新成功过,这回环境允许就尝试了下这个过程,很顺利,可更新后没声音了,找了N中方法来解决,像更改配置文件/etc/ ...

  4. ABAP DESCRIBE语句

    声明:原创作品,转载时请注明文章来自SAP师太技术博客( 博/客/园www.cnblogs.com):www.cnblogs.com/jiangzhengjun,并以超链接形式标明文章原始出处,否则将 ...

  5. 《NoSQL精粹》思维导图读书笔记

    <NoSQL精粹>思维导图读书笔记 各主题笔记 这本书短小精悍,虽不能解答所有NoSQL疑问,但在读书过程中会抛给你不少未曾想过的问题,给人以更深入的思考: 这里对每一个主题分别做了笔记: ...

  6. WPF GroupBox样式

    来源:http://code.msdn.microsoft.com/WPF-GroupBox-Style-1d9df7c5/ 效果: XAML CODE: <Window xmlns=" ...

  7. oracle的基本查询~上

    SQL> --查询一下当前登录的用户名SQL> show user;USER 为 "SCOTT"SQL> --查询当前用户下有哪些表SQL> select ...

  8. iOS添加Prefix Header

    1. 添加Prefix Header 注: Xcode 6苹果默认去掉prefix Header, 用以提高原文件的复用性, 便于迁移. 并且可以一定程度上减少Build Time. 解决办法: (1 ...

  9. 禁止ubuntu的super快捷键

    在mac上安装了ubuntu虚拟机, 但是发现command健(ubuntu中叫super健)被系统占用了, 习惯了command健的同学来说非常不方便, 如何禁用默认的command健呢? You ...

  10. [转载] google mock cookbook

    原文: https://code.google.com/p/googlemock/wiki/CookBook Creating Mock Classes Mocking Private or Prot ...