当前位置: 首页 > 图文教程 > 网页制作 > 心得技巧 > B2C电子商务网站是不是用新窗口打开链接

心得技巧
设计作品参考:有创意的美观大方的简历设计
产品设计:产品三要素三角模型
手机移动平台的UI界面设计:减少空间占用
B2C网站产品设计实例:简单的广告设计
设计理论:杂志的目录设计
用户体验设计:良好的站内搜索设计指导
设计作品参考:很具想象力的标志LOGO设计
用户体验:简单的用户研究的分析和总结
WEBJX收集11个优秀的在线表单服务网站
邮件设计与网页设计的巨大差别
优秀的交互设计应该是最愉悦的满足用户的需求
谈新版豆瓣首页交互设计:复杂网站的标签系统
GOOGLE用户体验设计师谈Google的十大设计原则
腾讯QQ产品经理谈互联网产品经理的素质
网页设计参考:50个激发你设计灵感的网站实例
WEBJX收集27个流行且别致的网站header设计实例
50个鼓舞人心的设计惊艳的iphone应用网站
淘宝网系统的前端安全规范
混乱的URL编码
WEBJX收集10个非常不错的旅游行业网站设计

心得技巧 中的 B2C电子商务网站是不是用新窗口打开链接


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2010-01-03   浏览: 46 ::
收藏到网摘: n/a

写在前面
这是参加SEO培训时候和咨询老师争议的问题。
SEO?没错,是SEO培训老师花了相当时间大讲用户体验。
果然是一个全民用户体验的年代了。
大家以前都说“我觉得…”,“我认为…”
现在从经理到前台都会“对用户来说…”“从用户体验的角度来讲…”。

担心的是用户体验发展如同早期被泛滥的用户友好(User Friendly),
那个时候“User Friendly”作为众多软件必备标签印刷在外包装上,以达到用户友好的标准。

先把标题写下,勉励一定在本周完成日志,梳理一些思路。
星期一了,赶紧正题开始。(整理完文档凌晨3:30,实现承诺果然是很辛苦的。)

新开窗口?新开标签?还是新开页面?
新开窗口的描述并不准确,因为不同的浏览量器处理target=”_blank”的方式并不一致。

不支持多标签的早期浏览器,处理target=”_blank”的方式自然是新开一个窗口,如IE6。
多标签浏览器却并非都是新开标签。Firefox及Chrome的处理方式是新开标签。
但是同样是多标签浏览器的IE7、8和Safari面对target=”_blank”的方式是如同IE6一样的新开窗口。

那么浏览器无论是否新窗口,相同点是都会新开一个页面,那么接下来问题转移到是否要使用target=”_blank”或者是否新开页面好了。


一致使用target=”_blank”的不好地方是?
1. 加重浏览器负载。中国网站使用Flash、JS等动态效果很多,不断新开页面对浏览器会加重浏览器负载。
2. 不方便选择/关闭操作,IE6以及IE7、8和Safari这样面对target=”_blank”以新开窗口方式开打的多标签浏览器。无论是否打开类似XP默认”分组相似任务栏按钮”。
3. 无法使用浏览器的前进、后退按钮完成前后跳转。
4. 不能通过 HTML 4.01 Strict XHTML 1.0 Strict 和 XHTML 1.1及以后版本的验证。只能通过 HTML 4.01 Transitional 和 XHTML 1.0 Transitional版本的验证。
5. 无法很好照顾使用屏幕阅读器的用户。

起因和现状
或许国内门户网站一开始带给了大家“更懂中国”的新开页面使用习惯,
Google.cn也迫于本土习惯改成了baidu相同的方式。
看看电子商务网站们都是怎么样的呢?

新蛋很多站外链接都是当前页面跳转,这部分链接会提高网站跳出率(Bounce Rate)。
比较好的处理方式可以参考Amazon.com,通过Icon提前告诉用户链接会新开页面。

\

整理一下原则
1. 是否要新开页面,控制权交给用户。
2. 通过导航设计解决用户迷失的问题,而不是新开窗口。
3. 需要使用target=”_blank”,站外链接、下载链接、打印页面链接。通过视觉设计告知用户这些链接会新开页面。也可以用第二条原则来解释,这些链接打开的页面一般情况都不能通过导航返回。
4. 不需要使用target=”_blank”,导航、筛选、Tab、翻页、有用户输入表单的流程页面链接(注册、支付等等)。
5. 不要使用传统弹出窗口(Popup)。虽然现在相对少了很多。

回答B2C网站是否应当新开窗口?个人角度:
对于Amazon.cn、Newegg.com.cn这类已经长期按国外方式的网站,
为避免改动造访问习惯更改,处理好导航及外部链接标识,延续目前的模式。
对于Dangdang.com、360buy.com这类网站,继续更懂中国的方式好了。

描述中的浏览器版本仅测试IE7、8,Firefox3.5,Safari4,Chrome3.0。
参考及引用资料,可以通过以下链接了解更详细信息。(当然都要用target=”_blank”) ^_^