跳至主要内容

关于在网页中使用target=_blank需要注意的地方

首先确定一点,合理而不频繁的使用target=_blank是能够在一定程度上为网站带来回旋流量和点击。同时在细节上使用target=_blank也可以增强网站整体性用户体验。
不合理的布局target=_blank,创建太多网页窗口会给用户带来一定程度上的电脑资源浪费,同时这也违反了用户行为习惯。
在本质上国外网站是不建议采用target=_blank进行布局的,但是在国内因为各大门户的争相利用,在是否使用target=_blank上参考国内大型门户网站、电子商务平台的操作行为习惯同时也将作为本章节一个重要的部分。
下面我们按照V5SHOP默认的模板结合国内多家电子商务门户网站进行阐述,
1、全站式导航:
即整站型的导航条,意思是无论进行任何一个频道导航仍然存在为可视的情况。在这样的情况下因为用户无论通过全站导航进入任何一个频道同样多能够通过全站导航返回原先页面的。在这样的情况下则无需使用target=_blank创建新窗口,否则即给予用户造成资源浪费和不合理的用户行为习惯。
正向类型参考:

CHINAZ的全站式导航


V5SHOP默认模板的全站式导航

参考:http://www.v5shop.com.cn 导航设计
反向类型参考:

此处点击淘宝商城是在新窗口打开的。
但是点击全球购则没有创建新窗口。

从上图可以看到在淘宝商城是没有明显的指向上级的链接按钮。

而预示此处的全球购频道则保留了淘宝的全站式导航和在明显位置有指向上级页面的链接按钮。

首页尽量采用target=_blank
为什么我们建议在首页采用target=_blank,其原因是适当的首页使用target=_blank,能够在一定程度上增强首页的展示机会和几率,从而提升整个网站的二次点击。
正面参考:



首页商品展示和首页分类是必须采用target=_blank的地方。

反面参考:
某网站的首页推荐文章采用的是原窗口打开,根据W3C的一些规范在链接进入下级频道和相关性内容不高的情况下,尽量采用target=_blank创建新窗口。

任何站外链接和不相关内容:
对于网站建设任何站外链接从运营和用户体验的角度出发多必须采用target=_blank进行创建新窗口。
此处实例:
1、V5SHOP的文章系统是支持站外链接的,在这个地方为了避免用户直接跳出原网站,所以必须采用target=_blank创建新窗口。
2、
诸如以上辅助内容,并且本质内容和首页相关性不大的则,必须采用target=_blank创建新窗口。

4、列表页面必须采用target=_blank创建新窗口。
基于列表页面的最根本作用是向用户进行产品展示,最后供用户进行产品对比和挑选,
这样的情况下。为了方便用户进行反复的挑选行为中来回跳转,从而此处必须给予target=_blank创建新窗口。

正面参考:

淘宝网的列表页采用的就是target=_blank创建新窗口,这样方便用户进行多商品对比和选择。

反面参考:

在这个网站的二级列表页面采用的是在原窗口打开。。


产品详细页面如相关文章等类型点入链接必须采用target=_blank创建新窗口
产品详细页面上,为了照顾大部分不习惯于使用浏览器上返回按钮的用户群体,此处对于相关商品、相关品牌、浏览过的商品、相关文章和联系客服等按钮链接多需要采用target=_blank创建新窗口的形式进行,否则会出现用户寻找不到上级页面的情况。

此处需要注意:对于购买按钮需要采用在原窗口打开,否则会出现违反用户行为习惯,因为国内大多购物网站是这样设计的,所以如果在新窗口打开则会出现用户寻找不到购买支付窗口的可能,那么可能造成用户跳出。

二级页面跳入详细页面尽量采用target=_blank创建新窗口
此处注意凡是到终端页面的链接尽量可以采用target=_blank创建新窗口的方式打开,以为终端页面的展示内容将单一到本身内容的突出,可能大多情况下会忽视页面链接布局。
作为二级页面其链接到终端页面的链接应该是最多的,那么在二级页面上target=_blank的布局应该是。
除去返回首页、平级跳转、相关性极高页面调整外多需要采用target=_blank创建新窗口。

评论

此博客中的热门博文

6岁小朋友在PSP上看到不该看的东西

美国佛州的一位母亲Thamtha Tovar为自己六岁的儿子在Manatee的沃尔玛购买了一个礼物,一台全新的PSP, 然而当这位六岁的小朋友打开此PSP的时候,映入眼帘的却是一位"一丝不挂"的美女,惊恐之下,小朋友向自己的母亲哭诉了自己的遭遇。 伟 大的母亲听说此事勃然大怒,愤然找到沃尔玛的负责人要求对此事件作出合理解释,为何刚购买的PSP里的记忆卡会有"美女"在里面。沃尔玛的工作人员如此说 道:"呃,你把机器带来过,我们把卡帮你取出来,然后我们会给您儿子免费提供一个新的游戏。"这位母亲说:"我很乐意,但是恐怕你们没有明白我说的话。" 沃尔玛的一位发言人称他们正在调查为何发生此事,寻求解决此问题,而Tovar女士则要求更换一台全新的PSP并要求沃尔玛为此事道歉。 ------------------ 洛阳生活信息点评网:http://luoyanglife.com/ 洛阳生活信息,我爱打折论坛:http://bbs.luoyanglife.com/ 河南招生考试网:http://www.edu-ha.com/  

黄光裕被拘查 三星海尔等停止向国美供货

早报记者 周皓   中国首富黄光裕再次涉案被公安机关调查   昨天,多个消息证实,39岁的国美电器控股有限公司(00493.HK)董事局主席黄光裕于11月17日晚(上周一)被北京市公安局带走调查,起因包括涉嫌"操纵市场"等。   消息人士称,此次黄光裕被拘查与政府严打证券市场操纵股价有密切关系。黄光裕涉嫌操纵其兄黄俊钦控股的*ST金泰(2.31,0.00,0.00%,吧)(600385.SH)股价。   根据此前公告,国美电器将于今天召开董事会,内容包括"考虑批准"其未经审核的第三季度业绩报告以及其他事项。昨天傍晚,国美一高管在接受早报记者采访时称,目前没有接到取消董事会的通知。该高管称,"非常时期,还是什么话都不讲为好。"   昨晚21时许,国美电器旗下永乐生活电器上海总经理宋林林表示,黄光裕"已经回家","事情已经过去了"。随后,身在北京的国美电器副总裁何阳青对此消息仍然采取了一周来一贯的态度未置可否,称"一切都是谣言"。   当晚,国美电器副总裁何阳青还向媒体宣布,国美电器24日将在香港联交所停牌,但"不会有针对黄光裕被拘事件的解释性公告"。   另悉,已有包括三星、海尔在内的家电供货商开始停止向国美电器发货,以观望事态走向。   国美电器股价上周五收报1.12港元,跌3.45%,创近三年来新低。   黄光裕"有心理准备"   最先传出黄光裕出事的是一条群发短信,从上周三(11月19日)开始,北京、广州等地的媒体和厂商手机均接收到一条匿名群发短信,短信内容为" 消息绝对可靠:国美老板黄光裕和财务总监周亚飞已于周一夜里被相关部门带走调查,至今无下落。黄的老婆杜鹃和一主要财务人员已潜逃,涉及多起重大案件…… 你尽管核实。"   短信内容随后在一些网站论坛传播开来。内地相关媒体曾对此展开求证,随机有渠道传出消息称,黄目前只是"限制出境,并未被囚"。   引人关注的是,黄光裕之女身在美国,而黄每年感恩节均会前往美国与女儿相聚――2008年的感恩节则是11月27日。也有媒体记者表示,"国美此次表现出了前所未有的紧张"。   11月21日晚,早...

设计良好网页的4项原则

我最喜欢的设计书籍之一就是《Robin Williams Design Workshop》.它深入实际的设计理论,并且包含许多极棒的设计实例。其中一个值得关注的地方就是4项主要的设计原则,它们已经在设计中为我所用。这 4项原则就是:反差, 重复, 排列, 和分类。 本文将讨论这4项与web设计相关的原则。只要在脑海中牢牢记住了这4项原则,你就一定可以设计出更加整洁漂亮的网页。 1.反差效果 好的反差效果设计可以给用户一个极好的第一印象。如果用户的眼睛没有焦点,注意力就会在处处是相同尺寸的元素和排版界面中迷失。设计师需要设计出很明显的突出视觉元素来引导用户的体验。你可以通过选择图片、颜色和字体等来形成良好的反差效果。 图片反差 当需要在很多小元素后面展示一个大尺寸的插图时,这种方法很有效。嗯,我的意思就是,比如: The Invoice Machine 这个网页利用一张大图片来吸引用户的注意。而同时网页很自然的单色又让很少的蓝色应用有了更好的效果。 Instabox 当你眼睛看到这个页面的时候,首先你会注意到什么?最有可能的就是盒子上面的那个星星了。跟 The Invoice Machine 一样,它们都是通过用一张大图片和很少的颜色来制造一个视觉焦点。 颜色反差 恰到好处地使用少量颜色,是网页中另一种制造视觉反差的有效方法。可以在网页的头部和文本拷贝中使用不同的颜色,也可以在一张图片或插图的颜色里面应用。 Fatburgr 这个网站是极出色的一个所有设计原则的应用实例。关于颜色反差我们来看看它大大的黄色头部和小小的淡灰文字。排列、图片反差、重复和分类这几个原则做得都很彻底。 I Love Typography 一个用来展示排版的网站如果在它自己的页首就为我们展示了一个极好的排版效果,那让人觉得多惊奇啊!我喜欢他们所用的字体,也喜欢他们良好的青色和深灰色搭配。 字体反差 如果你想通过字体来产生反差效果,就应该避免使用2个很相像的字体外观和大小。很相像的字体会造成混淆,并让设计变得模糊。不过把字体大小弄得很 不一样就会非常...