浏览器tab的设计
虽然现在IE还是主导了整个浏览器的天下,但IE靠的并非是产品设计上的优势,而是依靠windows的力量,因为绝大多数的初级网民认为IE的产品体验不妨碍他们浏览网页。从产品体验上来看,其他浏览器的tab的设计体验,是让很多IE用户倒戈的直接原因。
浏览器tab的历史
在10年以前,互联网萌芽的时候,所有的网站设计的原型都是来自于软件,IE也刚刚奠定它在浏览器世界的霸主地位,但在当时,浏览器的tab设计就已经有了原型。记得当初我见过有一款浏览器的tab是在浏览器的下方,类似excel下方的sheet。在当时,也获得了不少用户的喜爱。
但自从amazon将tab的设计从软件工程引进到网站设计之后,用户体验的tab时代到来了。
从浏览器的使用体验来说,IE的窗口切换是在系统的任务栏,跟其他任务窗口和操作系统的信息混合显示在一起,虽然本质上也是tab,但是从信息容量到操作体验,相比现在浏览器的tab在操作成本上都要高出很多,尤其是在多窗口切换的时候。这也是为什么很多经常访问网站的中级用户慢慢地抛弃IE的主要原因。
浏览器的tab和地址栏
从目前的各大浏览器的设计来看,tab多数都放在地址栏的下面,唯独opera例外。
从信息架构上来看,浏览器的tab本应该在地址栏的上方,因为网站地址是属于单个tab下的一些信息。但是,为什么其他浏览器的tab放在地址栏的下方呢?
用户在使用的过程中会因此受到打击吗?答案是不会,相反,我认为tab应该放在地址栏下面,用户对tab的操作频率和需求要高于地址栏(包含前进、后退、刷新)。
让用户易用比逻辑架构清晰更加重要。
新开tab窗口的弹出位置
抛开设置不说,在有tab的浏览器中,在当前窗口中新开tab的交互方式有两种:
1 在当前窗口的旁(右)边(以傲游为代表)
好处是可以让同一个网站、或者说相关联的网站在同一个区域显示。
2 在整个tab的最右边(以firefox为代表)
好处是让用户清楚自己的访问的顺序,在窗口多的时候能按照心智模型去寻找目标tab。
几大浏览器中tab的细节体验
1 傲游的双击关闭tab是个很棒的设计,使用其他浏览器(我现在常用的firefox),我经常不小心在切换tab的时候点到了关闭按钮。
2 opera在未选中的tab上悬停时候,显示网页的缩略图如下:

我是来沙发的!
悬停效果,ff装插件也有。
tab的数量多了后,用户对后退等的操作呢?
关于tab和地址栏的位置,我补充一个原因:在浏览器的设计中,地址栏作为同一个控件,而tab则是数个空间。如果把地址栏放在tab下,就增加了很多个地址栏,冗余了。
ff有个插件支持双击关闭tab。就是关闭按钮去不掉,挺郁闷的。
路过,留个脚印。
有时候使用习惯和用户体验不是一回事
比较的话,建议就比较详细点,鼠标手势和快捷键都可以拿出来比较。对于使用这些浏览器的人来说,本身就已经属于互联网应用的高知人群了,基本上鼠标手势和快捷键都是知道的。
tab数量一多,就不好管理了。
不过一般情况下,普通用户不会搞那么多的TAB,这个不是问题
恩,很同意3楼(柚意)的意见,我很喜欢用遨游的双关闭功能.
“opera在未选中的tab上悬停时候,显示网页的缩略图”我觉得这个功能在opera首页让用户自定义的时候,特别实用,但在后面可以不出现悬停缩略图了…^^
其实一直觉得傲游的操作很方便,这几年一直用它,但最近频繁的死机,使我抛弃了它。
习惯并喜欢鼠标 中键 关闭。
从目前的各大浏览器的设计来看,tab多数都放在地址栏的上面,唯独opera例外。
是不是打错了?大部分都是标签在地址栏下头= =
@sivan 嗯,是打错了:)
@h_Davy
Tony很少出wp主题啊!
“新开tab窗口的弹出位置
抛开设置不说,在有tab的浏览器中,在当前窗口中新开tab的交互方式有两种:
1 在当前窗口的旁(右)边(以傲游为代表)
好处是可以让同一个网站、或者说相关联的网站在同一个区域显示。
2 在整个tab的最右边(以firefox为代表)
好处是让用户清楚自己的访问的顺序,在窗口多的时候能按照心智模型去寻找目标tab。”
似乎很多软件都可以进行设置的,而且鼠标直接点击和Ctrl+鼠标点击打开的位置也会有不同(居然是在同一浏览器里,让人很难接受),TX的TT也支持双击关闭,有时候真不知道谁抄谁的,平时TT用的最多,不过在打开的tab过多的时候,TT始终是将所有tab都显示的,很难去点,稍不小心就点到关闭了。
个人认为TT的TAB也不错,
Greenbrowser的tab我最喜欢,可以选择新开tab的位置。
我用ff,想新建一个tab很麻烦,在按钮区增加一个新建tab的就会比较方便
Chrome的Tab也是在地址栏上面,我想位置不同的原因,主要是使用方式,Chrome和Opera是设置成Tab可以拖出来变成一个新窗口的,Tab在地址栏和工具栏上面这样拖比较直观。Firefox以前则没有这功能。
引用此文章的博客