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

心得技巧
IE8 Beta 1两个地方需要大家注意
提高网站性能中内容有关的10条原则
网页设计者应该从三个方面优化网页
Web 设计 实现干净代码的12条定律[图文]
网页设计必备工具 firefox Web Developer插件 CSS工具组教程
UCenter Home 站点添加统计代码
9款很棒的网页绘制图表JavaScript框架脚本
提高网站可用性的10个小技巧
网站维护页面的列表制作技巧
B2C 网站用户体验细节设计参考
收集12个实用的网页在线工具
设计参考 漂亮和原创的博客设计
收集25个知名网站标志中使用的字体
极尽简约的网站设计实例
个性化创意鲜明的网站设计实例(30个)
水平滚动的网站设计 小结
更受欢迎 更具创造性的深底色网页设计实例
有创意的关于我们网页页面设计
整洁漂亮的网页设计的4项原则
设计参考 WordPress建站成功案例

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2010-01-03   浏览: 80 ::
收藏到网摘: 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”) ^_^