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

标签:IE,浏览器,tab,设计
0
投稿

猜你喜欢

  • Mysql的增删改查语句简单实现

    2024-01-19 03:03:57
  • vue循环中点击选中再点击取消(单选)的实现

    2024-05-13 09:43:50
  • pytorch掉坑记录:model.eval的作用说明

    2023-01-07 11:52:18
  • python计算auc指标实例

    2021-12-21 12:10:03
  • 微信小程序中的canvas 文字断行和省略号显示功能的处理方法

    2023-08-25 02:53:35
  • 别人复制你网站的文章时自动加上注释

    2009-02-09 13:20:00
  • Http头 Range、Content-Range

    2010-06-25 19:19:00
  • 使用Python编写Linux系统守护进程实例

    2022-06-09 16:50:52
  • Echarts图表移动端横屏进入退出的实现

    2024-05-11 09:06:45
  • Python中装饰器的基本功能理解

    2021-05-26 05:17:56
  • python判断一个变量是否已经设置的方法

    2022-06-09 19:33:15
  • js实现一个简易计算器

    2024-04-25 13:13:38
  • 对Python 中矩阵或者数组相减的法则详解

    2024-01-02 01:29:17
  • 下载Internet Explorer 9 平台预览版4

    2010-08-05 20:59:00
  • Python闭包装饰器使用方法汇总

    2022-12-21 05:47:17
  • 深入mysql基础知识的详解

    2024-01-21 06:04:45
  • Python使用pyautocad+openpyxl处理cad文件示例

    2022-05-24 11:44:18
  • Python利用WMI实现ping命令的例子

    2022-07-12 04:42:22
  • 10个调试和排错的小建议

    2022-01-19 18:51:57
  • Oracle如何设置表空间数据文件大小

    2024-01-13 01:00:03
  • asp之家 网络编程 m.aspxhome.com