浏览器tab的设计

作者：Tony　来源：懒得设计　发布时间：2008-08-11 13:03:00　

标签：IE,浏览器,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上悬停时候，显示网页的缩略图如下：

投稿

浏览器tab的设计

猜你喜欢