首页 > 用户体验设计 > B2C网站是否应当新开窗口?

B2C网站是否应当新开窗口?

2009年11月24日 Kevin 发表评论 阅读评论

写在前面
这是参加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”以新开窗口方式处理的多标签浏览器,无论是操作系统否开启类似Windows 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相同的方式。

(后来想想其实还有一个不能忽视的原因,早期都是拨号计时上网,速度超慢价格还超贵。
那个时候通常打开一个网页阅读的同时为了避免等待长时间的加载,还要新开页面开打其它网页,
甚至都加载完的时候还要赶紧断网,需要看新网页时再重新拨号,节约昂贵的网费。)

看看电子商务网站们都是怎么样的呢?

TargetBlankCompare

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

AmazonLink

有什么需要注意的?
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”) ^_^

《圈圈用户体验改进计划:点击是否新开窗口》- 圈圈网
《页面是否新开窗口的一点补充》- 口碑网
《新开窗口应该浏览器控制》- 千鸟
《减少新开窗口提升可访问性》-千鸟

  1. 2009年11月30日16:48 | #1

    这个不错,继续继续

  2. 2009年12月1日00:20 | #2

    @johnson J怎么看?

  3. 2009年12月1日20:26 | #3

    说说自己的看法好了,班门弄斧了,见谅见谅。^___^

    感觉准则其实就一个:如果需要给用户显示额外的注释信息,或让用户临时处理一个信息时,就弹出一个小窗口就好。这点类同于Desktop Application的对话框。就只是起到和用户对话的目的。

    如果当前页面就能和用户对话,那就完全没有必要新开窗口或新开Tab页。个人感觉最好让用户就停在一个页面浏览。以楼主Amazon网站的图举例,如果用户需要在页面上查询ASUS的产品信息,最好的做法应该是“引用”——一段神奇的Javascript,当用户光标移动到链接上时,在页面上渲染出一个DIV之类的东西,里面就直接是ASUS的那个Page。用户随手浏览下,然后就可以关闭掉。

    其实用户是不喜欢多页浏览的,无论是多Browser还是多TabPage。为什么现在有了多Browser或多TabPage的用法?那仅仅是因为当用户进入到某个层级的页面后,没法再回到一个熟悉的原点(或回到某个点太麻烦)造成的。所以用户不得不留下一个Browser或一个Tab Page以作为自己的原点的备份,随时随地都可以关掉其它的页面,再继续从这个点开始。

  4. 小e
    2009年12月2日22:12 | #4

    大家以前都说“我觉得…”,“我认为…”
    现在从经理到前台都会“对用户来说…”“从用户体验的角度来讲…”。

    杂感觉跟我们需求评审一样的用语呢…用第一句..没人重视….用第二句…偶尔重视哈…..

    应该让我们组的开发去了解哈用户体检…尽照SRS文档来….死板呀…

  5. 2009年12月3日22:59 | #5

    @小e 呵呵,用户体验本来就是大家的事情嘛。尽照SRS有什么问题呢?

  6. 2009年12月4日00:58 | #6

    @小适
    没有啦小适,就是想跟大家多交流下的。
    本来用户体验也经常被称为高级常识。超级感谢你和小e来留这么多言。

    “让用户临时处理一个信息时,就弹出一个小窗口就好”,
    我一直在想怎么把这件事情描述清楚呢,比如什么是临时?

    多标签浏览器,我想主要是易于操作。比如新建和关闭都变得更容易。
    在一直新开页面的情况下,这些标签类似与把“前进”“后退”中的页面按访问路径可视化,
    ,在导航不清晰的情况下为用户提供一致性导航方式(就像小适说的一个原点)。

  7. 2009年12月5日23:10 | #7

    @Kevin
    临时的含义就是用户突然想用到。比如你画素描,主题是素描,可也有用到橡皮擦的时候。于是,那一瞬间,让用户看看小窗口里的内容,然后就关掉,扔一边去。^___^

    至于多标签浏览器。我总是觉得这是个不正规的用法。多标签的正规用法应该是让用户同时并行多个任务或多个流程或做多件事情。这个好比Mac或UNIX或Linux上的桌面,可以在不同的桌面上做不同的事情。其实理论上多个标签页并没有实际意义,因为Web的主体就是阅读。信息传播。交互都是其次。有什么样的用户会同时摆3本书在桌上同时阅读呢?:-)
    回到我说的,我的意思是,要是用户能够很方便的回溯到自己浏览体验中的一部分。比如现在我可以很方便的回到我5分钟前在A网站打开的第B个页面,那多标签浏览就没多大意义了。

  8. 2009年12月6日13:02 | #8

    @小适
    嗯,哪天我们重新写篇博客来讨论下临时的概念。
    不过即使每个站点都解决了导航的问题,或者是通过“向前,向后,历史记录”解决。
    “放3本书阅读”还是有意义的,因为我们可以把“书”放到后台打开,无需要等待。
    而当它们都开打的时候,多标签浏览器对标签的功能优点就体现出来了。

    提高性能:
    更加低的资源占用。与相同页面数量的非多标签浏览器相比。

    方便操作:
    更容易恢复关闭的标签。
    更易于选中及关闭。
    很方便设置为后台打开。
    有助于了解每个页面加载情况。
    可视化标签,显示为页面缩略图。如Opear 10。
    锁定标签页。比如避免经常误关闭需要常驻的嘀咕、虾米、网络游戏等等。
    自定义标签页标题。比如把“嘀咕”重命名为“… Portal” ; )

    易于组织:
    可以排序页面。
    可以拉出标签页为新窗口,或是合并。由Chrome开创。
    相同的站点自动设置为相同颜色。比如IE8和Firfox的相关插件。

  9. 2009年12月6日18:41 | #9

    哈哈。所以有时,我们也不得不承认,计算机就是传统现实习惯的颠覆者和破坏者。计算机上总是有些新型的用户习惯出现的。开3本书同时阅读,估计只有迫切需要知道事实真相的人会这么干。可在电脑上,用户的确是可以开着嘀咕,又去淘宝上购物,顺便开着招商银行网银的。:-)

    不过好好想想,也许能找到一个融合传统和现代的方式。比如一种新的浏览器,可以在一个页面上显示嘀咕、淘宝和招行网银。嘀咕在后台,用个不占显示器的小图标显示。那么淘宝和网银就应该同时出现在屏幕上。好吧,这样,开2个窗口就行了。不用发明新浏览器了。哈哈。

  10. Gavin
    2009年12月15日10:45 | #10

    这么多高手在这里发言,本不敢班门弄斧,但第一次来就留个脚印吧。

    我们在看一本非平常之书,不管是专业级还是文言文,用一本辅助书籍,字典、词典、参考书,都很正常,同时在桌上放多本书并同时关注也是很常见的,除非就看点娱乐消遣方面的书,那到没必要用其它辅助书籍了,当然这是按传统思维。

    现代科技高速发展,技术日新月异,现在不能实现的将来肯定能实现,就一本书,我看着,看到与上文有联系时,说声回到刚才看到的地方,书籍自动回到前5分钟或前10分钟所看之处,在点头称妙的时候,说声继续我的阅读,又回到返回前的地方,这样多好,书里除了正文还附带必要的参考资料,这样的话一本书够了。

    浏览器从最早的单窗口发展到现在能支持多个标签页,为什么?说明大家有同时开多个页面的需求,既然这样能方便用户,那为什么不这么做呢?至少目前能这么做嘛,不用所有页面都新打开,根据需要,需要的话新开又何妨?

  11. 2009年12月15日22:31 | #11

    @Gavin 哇,你客气了哈。欢迎Gavin到这里来看看,这个描述看起来很像用鼠标手势的及时搜索呢 ;) 呵呵被我顺藤摸瓜找到你的博客。

  12. Gavin
    2009年12月19日16:29 | #12

    哈哈,那么荒凉的地方都能被你发现,你厉害哟。偶尔整理点东西帮助自己学习的,也称不上博客了。你是怎么发现的呢?

  13. 2009年12月20日11:35 | #13

    @Gavin 呵呵,我只是搜索了下这篇文档,你的博客在百度,所以排名比较高。对了,还是很怀念你以前开的那个网站哦。

  1. 本文目前尚无任何 trackbacks 和 pingbacks.