浏览器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上悬停时候，显示网页的缩略图如下：
0
投稿猜你喜欢
做WEB前台开发也有两年多，在开发中经常要涉及到DOM编程，我想大家也跟我一样，经常要处理各种DOM编程的操作，今天我就拿一个lightbo- 1.双击setup.exe.(出现安装向导界面) 2.在安装向导界面:选"基本安装",并选好主目录位置；创建启动数据库(
- 计是一个输入-输出的过程，因为首先有用户的需求，客户的项目才有设计的产生，设计是带有目的性和市场行为的，当然也有一部分的创造性设计，仅仅为了
- 原理：建一个栈，每次碰到一个新标签，就与栈顶的标签配对，如果配对，栈顶的标签就出栈，如果不配对，这个新标签就进栈，最终，栈如果是空的，说明所
- 这是写给web设计者和前端开发者的教程，我们将演示如何使用Photoshop创建按钮的sprite图，然后是如何使用jQurey打造动态渐变
- 多版本并发控制Multiversion Concurrency Control大部分的MySQL的存储 引擎，比如InnoDB，Falcon
- 代码如下:Function htmll(mulu,htmlmulu,FileName,filefrom,htmla,htmlb,h
- 元素的CSS样式，除了包括内联的（即通过style属性加上的）样式定义外，还有页面嵌入的css和外部引入的css两种方式。但在JS中通过el
- 我们在使用ASP 内置的ADO组件进行数据库编程时，通常是在脚本的开头打开一个连接，并在脚本的最后关闭它，但是就较大脚本而言，在多
- 对数据库的管理常规就是进行预防性的维护，以及修复那些出现问题的内容。进行检查和修复通常具有四个主要的任务：1. 对表进行优化2. 对表进行分
- 首先得抛出个重要的前提观点，大屏幕、宽屏幕根本不是为方便“扫视”准备的。所以说以内容为基础的网站设计不用考虑超宽、超大的场景，甚至包括服务类
- 目前，保护数据免受未授权用户的侵犯是系统管理员特别关心的问题。如果你现在用的是MySQL，就可以使用一些方便的功能来保护系统，来大大减少机密
- 淘宝商城的 detail 页面“产品详情”部分是商家自定义区块，曾出现这样一个问题：推荐:css行高：line-height属性详解 <
- 关于Mysql的触发器，基本上每个Mysql教程里都有讲到，但是我发现那些教程里讲的都是如何处理其他表的数据。在Mysql中写触发器操作本表
- 1 导言 Microsoft 在Microsoft SQL Server 2000中推出了与XML相关的功能以及Transact-SQL 关
- 在我之前写的几篇网站优化的文章中，着墨最多的是减少HTTP请求。通过减少请求数目，你的浏览器必须能对你的网站所有内容成功检索，总的HTTP请
- 作用: 构建一些简单的SQL语句，结合在提交表单时使用，可以较方便<％@LANGUAGE="VBSCRIPT&
- 内容摘要：当讨论Request对象内容时，要研究的集合之一就是ServerVariables集合。这个集合包含了两种值的结合体，一种是随同页
- Cookie简介首先，我们对Cookie做一个简单的介绍，说明如何利用ASP来维护cookie。Cookie是存储在客户端计算机中的一个小文
- MacJi “偷懒”翻译了部分，下午冒着被 BOSS 开除的危险将其补完（原文链接）。使用 line-height 垂直居中line-hei
