浏览器tab的设计
作者:Tony 来源:懒得设计 时间:2008-08-11 13:03:00
虽然现在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上悬停时候,显示网页的缩略图如下: