target标签对于优化用户体验的作用
最近开始关注target="_blank"标签,是源于对咨询区的采纳工作。帖子内容页是在原页面加载,这样问题就来了,每采纳完一个问题,必须得后退好几次才可以,很不方便。后来按ctrl,可以在新的标签打开。但是有的用户也许并不知道,也许用户习惯自然点击,所以我们在作站时,尤其是小站,本来就没有什么流量的话,基于用户角度,所有的页面都是原页面加载这点是不利于用户体验的。
用户在浏览很多网站的时候,点击某一链接,很多都是在原页面加载,而不是另外打开一个新的标签页面,如果点击过快,就会将页面关闭,还得再重新进入网站,有的也许就不会再进入我们站点。好像之前google,点击一条搜索结果,也是在原页面加载,而不是新打开窗口,这点非常不符合中国人的使用习惯,后来google注意到了这点有所改善。好像国外的网站一般都是从原页面打开,很少使用新窗口打开。其实,从用户的体验度来说,新打开页面无疑会对用户有更好的体验度。大部分的用户看完一个页面之后会习惯性的关掉这个页面,如果所有的页面都是在原来的基础加载,会给用户的浏览带来不便,不可能打开一个就点后退吧,有时候需要两个页面的产品或者什么资料作比较,也不方便。如果可以在新的标签打开,那就很方便了。这些也是我作为一个用户,上网浏览时的感受。
可是如果一个站点所有的页面都是新页面打开,会不会引起用户的烦感呢,如果用户打开了N个页面,关闭是不是很麻烦呢。这也是一点值得考虑的问题。还有就是会不会加重浏览器负载?很多网站使用Flash等动态效果很多,不断新开页面对会加重浏览器负载。所以一般来说站内同级别链接可以在同个窗口打开,比如栏目页链接到栏目页可以不用加target="_blank",而如果是栏目页打开内页,则建议加上target="_blank"在新标签打开。一般用户在同个栏目下不止看一个页面,方便操作。
还有就是站外链接:如果链接到站外,都是当前页面跳转的话,那么无疑这部分链接会提高网站跳出率,所以target="_blank"是必不可少了,不然用户就可能永远不会再回到我们的网站了,我想这点就不用我多说了。
下面我们按照V5SHOP默认的模板结合国内多家电子商务门户网站进行阐述,全站式导航:
即整站型的导航条,意思是无论进行任何一个频道导航仍然存在为可视的情况。在这样的情况下因为用户无论通过全站导航进入任何一个频道同样多能够通过全站导航返回原先页面的。在这样的情况下则无需使用target=_blank创建新窗口,否则即给予用户造成资源浪费和不合理的用户行为习惯。
target标签对于优化用户体验的作用的更多相关文章
- jQuery Pjax – 页面无刷新加载,优化用户体验
pjax 是 HTML5 pushState 以及 Ajax 两项技术的简称,综合这两个技术可以实现在不刷新页面的情况下载入 HTML 到当前网页,带给你超快速的浏览器体验,而且有固定链接.标题以及后 ...
- 性能优化 && 用户体验
性能优化 下拉菜单那种最好是点击时候请求,或者是查询时候请求 分页加载 用户体验 有加载.进度条.友好提示
- web开发性能优化---用户体验篇
怎样从技术角度怎样增强用户体验.都是非常多平台都在做的事情,依据个人实际经验碰到几种体验做下总结. 1.降低页面刷新白屏 适当使用ajax技术.改善刷新白屏现象. 2.信息提醒,邮件.站内信.短信在购 ...
- Elasticsearch(四)优化用户体验
改正用户拼写 Term suggester:词项匹配建议:可以通过wiki的插件来下载wiki上面的单词以及短语,来作为你的拼写提示基础仓库: Phrase suggester:n-gram算法,短语 ...
- 提升网站用户体验—WebP 图片的高效使用
一.WebP 的由来 现代图像压缩技术对我们的生活方式影响很大.数码相机能将上千张高质量图片存储到一张内存卡里.智能手机可以与邻近设备快速分享高分辨率的图片.网站与手机等移动设备能快速展示各种富媒体. ...
- 用户体验 | 寻找成套的 App SDK 服务
前言 对于开发者来说,三方 SDK 这个词已经是一个不需要任何解释的词语了,然而我想面对琳琅满目的 SDK 产品,大家都会纠结如何选择.那么选择一个 SDK 需要注意哪些问题呢? SDK 的 稳定易用 ...
- CDN高级技术专家周哲:深度剖析短视频分发过程中的用户体验优化技术点
深圳云栖大会已经圆满落幕,在3月29日飞天技术汇-弹性计算.网络和CDN专场中,阿里云CDN高级技术专家周哲为我们带来了<海量短视频极速分发>的主题分享,带领我们从视频内容采集.上传.存储 ...
- 改善用户体验 Web前端优化策略总结
前端是庞大的,包括HTML.CSS.Javascript.Image.Flash等等各种各样的资源.前端优化是复杂的,针对方方面面的资源都有不同的方式.那么,前端优化的目的是什么? 1. 从用户角度而 ...
- jQuery 浮动标签插件,帮助你提升表单用户体验
浮动标签模式(Float Label Pattern)是最新流行的一种表单输入域的内容提示方式,当用户在输入框输入内容的时候,原先占位符的内容向上移动,显示在输入的内容的上面.这里推荐的这款 jQue ...
随机推荐
- CurlSharp
https://github.com/masroore/CurlSharp clone版本库之后,在本地使用,会遇到找不到dll的情况 编译EasyGet项目之后,进行调试,会提示 System.Ba ...
- CUBRID学习笔记 6 修改用户密码
修改密码 可以在web管理中修改. 还有另外两种体位 1 语句 ALTER USER user_name PASSWORD 'any_password_here_in_single_quotes'; ...
- zoj 2107&&hdu 1007最近点对问题
http://acm.zju.edu.cn/onlinejudge/showProblem.do?problemId=1107 Quoit Design Time Limit: 5 Seconds ...
- Codeforces Round #380 (Div. 2, Rated, Based on Technocup 2017 - Elimination Round 2) D. Sea Battle 模拟
D. Sea Battle time limit per test 1 second memory limit per test 256 megabytes input standard input ...
- XAF应用开发教程(六)控制器
是的,XAF也是MVC结构的,但不仅限于MVC,ViewModel也存在,它是一项复合技术,AOP,ORM,MVC都有. 真实运行的系统中,仅有增删改查功能肯定是远远不够的,ERP.CRM等系统的开发 ...
- 转一篇讲camera的 mb好多年不搞3d 都忘光了
Camera定义 游戏中,Camera用来向用户展示场景,Camera就像一个摄像机,摄像机里面的景象就是Camera的展示范围,如下图所示: 在3D空间中Camera被定义为一个位置,有一个单位“方 ...
- Spring的DI(Ioc) - 注入集合类型
1: 首先给service添加集合类型的属性,并提供getter, setter package cn.gbx.serviceimpl; import java.util.ArrayList; imp ...
- 跨代的对决 英特尔i7-6700HQ对比i7-4720HQ性能测试
http://itianti.sinaapp.com/index.php/cpu 跨代的对决 英特尔i7-6700HQ对比i7-4720HQ性能测试 2015-10-13 19:46:31 来源:电脑 ...
- jQuery插件开发全解析
jQuery插件的开发包括两种: 一种是类级别的插件开发,即给jQuery添加新的全局函数,相当于给jQuery类本身添加方法.jQuery的全局函数就是属于jQuery命名空间的函数,另一种是对象级 ...
- (三)uboot源码分析
一.九鼎官方uboot和三星原版uboot对比(1)以九鼎官方的uboot为蓝本来学习的,以三星官方的这份为对照.(2)不同版本的uboot或者同一版本不同人移植的uboot,可能目录结构和文件内容都 ...