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 ...
随机推荐
- Java_JDK_HashMap
(二)HashMap 需要注意的无非几点: 是什么结构,如何存储的? 如何加入元素?既然是hashMap,那么是如何计算hashcode的呢?遇到冲突又是如何解决的呢? 如何删除元素? 当容量不够时是 ...
- String一点小发现
今天面试官问了几个关于java内存方面的问题,其中有一个是关于内存重复使用的.突然想到java中String比较特殊的地方,根据自己的理解所以稍微记录一下以免遗忘. 对于下面这个小程序: public ...
- herf窗口点击跳转
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
- 用Spring MVC开发简单的Web应用
这个例子是来自于Gary Mak等人写的Spring攻略(第二版)第八章Spring @MVC中的一个例子,在此以学习为目的进行记录. 问题:想用Spring MVC开发一个简单的Web应用, 学习这 ...
- git bash下的选择、复制、粘贴
1. 打开git bash 2.点击左上角,选择属性,打钩 3.回到界面,选择一行文字,然后点击 “右键”,这样就复制到剪切板了.再点 “右键”,可以粘贴到命令窗口中了.
- Python基础学习笔记(二)变量类型
参考资料: 1. <Python基础教程> 2. http://www.runoob.com/python/python-chinese-encoding.html 3. http://w ...
- HTML笔记(五)表单<form>及其相关元素
表单标签<form> 表单是一个包含表单元素的区域. 表单元素是允许用户在表单中输入信息的元素. 输入标签<input> 输入标签的输入类型由其类型属性type决定.常见的输入 ...
- SQL SERVER赋权限
--创建登录账户 use master GO EXEC sp_addlogin 'jacky', 'pwd' --EXEC sp_droplogin 'jacky' --删除登陆账户 use Test ...
- 强制性签出被人没有签入的文件(在.net开发vs中)
灵感,是天才的女神.她并不步履蹒跚地走过,而是在空中像乌鸦那么警觉地飞过的,她没有什么剽带给诗人抓握,她的头是一团烈火,她溜得快,像那些白里带红的鹤,教猎人见了无可奈何.——巴尔扎克(上海网站建设) ...
- HDU5829 NTT
以下这份代码并没有过.但感觉没有问题.不是蜜汁WA就是蜜汁T. #include <cstdio> #include <iostream> #include <cstri ...