OM19's Time

引子

许多可用性专家一直把链接新窗口打开(target=’_blank’)认为是大忌。在他们看来，新窗口打开的问题在于：

1. 用户将无法控制它在本页打开还是新窗口打开。这是不尊重用户的选择。
2. 新窗口打开使任务栏更加地拥挤。
3. 用户更加期望新页面在当页载入。
4. 新窗口打开是“后退”按钮变得不可用。

实际上，在Neil Turner的文章中提到，以下情况可以打开新窗口：

1. 链接指向一个文档(PDF,Word文档等)
2. 链接指向一个大图片，需要一定时间来下载。
3. 链接指向一个需要打印的页面(这种边缘情况都被扯进来了-_-|)

SmashingMagazine补充其他的情况时

说还有：

1. 当页加载可能打断一个正在进行的进程。
2. 链接是指向一个帮助。

其实，我认为，总结一下他们说的只有两点。也就是以下两点的情况下，可以打开新窗口：

1. 链接指向一个需下载到本地或者打印的文件(通常是非HTML的)。这里就包括了pdf, doc, mp3, 需打印的文稿等等。
2. 当页加载可能打断一个正在进行的进程，或者使之不能完成。例如需要前后对比的帮助；正在填写表单时，用户想看看隐私条款等等。

其他的可用性问题和信息构架

新窗口打开在体验上来说会加长用户认知上的等待时间。同时新窗口打开是一种弹出方式，它：

• 可能是以新Tab的方式打开。那么这个Tab可能没有被主动激活，将会需要用户主动激活该Tab才能发现刚才点击的页面。
  
  (IE7里，如果用户不勾选“当创建新选项卡时，始终切换到新选项卡”这项，那么使用javascript打开的新Tab将不会被激活。)
• 可能是以新的浏览器窗口的方式打开。那么如果这个窗口没有能被自动最大化，那么将会需要用户手动最大化。
• 过多的新窗口将需要用户花费更多的时间维护各窗口。

新 窗口打开确实会影响可用性。但这个问题常常并不在于打开新窗口本身。而在于更下一层的信息构架。国外的网站结构相对简单地多，任务流程清晰。所以很少使用 到新窗口打开。新窗口打开的使用大部分是使用在出站链接上，避免用户流失。国内网站通常结构相当复杂，没有固定、清晰的任务流程。在非线性的任务流程情况下，需要考量是否使用新窗口打开来弥补信息构架的不足。

新窗口打开弥补了导航的不足

即使如此，打开新窗口的对于导航的好处却没有被人们所广泛发现。我们来看看在IE7中，从首页的促销点击直到进入某一个商品Detail页的过程。

第一步，首页上点击某促销广告(弹出新窗口，出现产品List页面)；第二步，产品List页面上点击某产品(弹出新窗口，出现商品Detail页面)。

所有点击均弹出新窗口。我们回到IE7的Tab上，看看每一步点击後，Tab有什么变化：

其他的琐碎

另外有两点也不容忽视。

第一点是关于我国的国情。中国人的所在社会环境信息更加拥堵。导致中国人的信息承受能力会比西方互联网用户强。这将使中国的互联网用户：

• 能容忍单页面下更多的信息量。
• 同时能容忍更多的页面打开。
• 良好的信息构架对于中国互联网用户的有效性相对于西方效果更不显著。

除 此之外，第二点，对于览器后退按钮的问题，我同时认为：我国互联网用户相对于国外用户来说对于计算机认识水平要求更低。这就造成我国用户更容易理解并想到 关闭按钮的点击而不是后退按钮。在实际中，也发现在国内用户比国外用户更不会去点击后退按钮(此为经验，无数据支持)。

最后

交互设计师很多时候其实是在权衡各种各样的因素。从商业诉求到用户目标，从可用性到审美学。

在设计原则上或曰：”应该让用户对他们正在交互的界面有控制权。” 亦或曰：“应该提供Good default，减少用户控制。”

看起来，这些是矛盾的。

根据第一条，极端地，我们应该设计一个链接新窗口打开设置的功能，以便能让用户选择控制链接是否在新窗口打开。

根据第二条，我们应该为用户设想好了每一个链接是否在新窗口打开。并默认设置好它。

对于用户来说第一条定理不一定永远是对的。你把所有的界面控制都抛给用户，实际上是在做一个高可定制化的界面。有时不如使用Good default，也许更好。事实上，第一条是送给专家用户的，第二条是送给新手的。

如何平衡他俩的关系，就是我们交互设计师的职责。

最后的最后，一定记住，回到用户中间去。在我做的一些可用性测试和访谈中发现，新手和中间用户在点击新窗口打开的链接时，并未表现出明显的不理解、沮丧或是挫败。

本文同期发表于油茶会上

Facebook的新改版简直做了重大调整，整个界面流基本重写。最大的特点莫过于大量应用Ajax，大量减少了页面跳转。另外，Facebook开始在 页面内应用了多层级的导航。Facebook的层级Tab导航：其实我很少见到两级的Tab，更别说这种三级的了……用了三套样式来表达同样一个 “Tab”概念。

新版Facebook第一次登录就可以看到许多首次使用提示。提示这部分我们以前有给大伙儿提到过，但是，这次Facebook将点击展开应用在了提示的气泡上，确实是个创新的设计。

Facebook的编辑个人资料页面的交互也蛮有意思的。改版后的编辑个人资料页面做成了可关闭的面板(Closable Panels)。更进一步的是，点击面板的标题让面板展开的时候，Facebook帮你移动了滚动条。起初觉得有些突然，使用了几次，也就渐渐感觉习惯了。(注意动画最后几秒，点击完后面板会滚动) Facebook改版后的撰写日志(Write a Note)功能应用了相应式展开(Responsive Disclosure). 最开始，提供给用户最简单的输入，仅包含标题(Title)，正文(Body)。

当用户点击More Option(更多选项)后展开日志中提到的人(In this note)。

当用户继续点击Add photos(添加照片)后跳转页面，展开了全部输入项。不过我有个疑惑，Facebook用了Add photos这个文字来描述展开全部输入项这个功能是不是有些不妥(不过这样的文字确实符合更多数用户的工作流)。

同期发表于油茶会

首先，包总向大家拜年啦！新年新气象，希望大家一起努力，要紧密团就在杨掌柜周围，以油茶为中心，高举“有闲必来，有贴必看，有看必顶”理论的伟大旗帜。好，我们直接切入主题：

上下文关联帮助(Context-sensitive Help)近几年在互联网上的应用开始广泛。举个例子：

这是facebook.com创建Friend List(朋友列表)的第二个步奏的截图。在创建朋友列表的时候每个步奏都有明晰的关联帮助，让新手学习起来十分方便。

可是新手一旦晋级为中间用户甚至专家，这些提示信息对他们来说就是妨碍。在www.sixtyone.com 上，初次使用的用户界面上也会有关联帮助（图右侧的两个黑色长条就是啦）。黑色长条的右边有一个关闭按钮，一旦用户认为他已经学会，即可永久关闭这个烦人的帮助。

是的，你一定要问，如果用户关闭之后他又如何再次打开呢？www.powerset.com(一个以自然语言技术处理网上信息的搜索引擎) 是这么做的，他的右上角有一个Need Help?(需要帮助吗?)按钮，点击后，界面就进入了关联帮助模式。

同时，在Need Help按钮左边，powerset还另外提供了一个Query Examples(查询范例)按钮，它用真实的例子来示范该如何使用。真是一个不错的主意！

大家都看到我博客右栏头像下的介绍系“伟大的交互设计菜鸟,XHTMLer和摄影匠”。其实俺一直或者立志成为一个好的交互设计师。时不时也有发表一两篇关于用户体验的博文的冲动，但一直没有兑现。

上周Ryana姐姐喊我加入油茶会(www.uxstudy.com)。大喜。终于开始了我撰写关于用户体验的文章。

今后，我尽量在每周二以笔名“包总”将关于创新的交互细节的收集奉献给同行们。这也将是一个考验。

我的第一篇博文在这里：周二茶闻…Jessie：李少来了，包总跟上！

希望大家多多批评～