当前桌面浏览器格局中的默认标签 UI

Avatar of Chris Coyier
Chris Coyier

DigitalOcean 提供适合您旅程各个阶段的云产品。立即开始使用 价值 200 美元的免费积分!

我在所有当前版本的桌面浏览器中打开了相同的 6 个标签,然后截取了仅包含标签本身 UI 的屏幕截图。 这些截图来自运行 OS X Lion 的 Mac。

Firefox 6
Chrome 15
Opera 11
Safari 5
Internet Explorer 9

一些事实

  • 如果用户打开了 1-3 个标签(约 1200 像素,此网站的平均值),每个标签平均有 26 个可见字符。
  • 所有浏览器都保持着这个平均可见字符数(26 个),直到大约 5 个标签,然后该数字开始缩小。在 6 个标签时,您将获得大约 18 个字符。
  • IE 9 从 4 个标签开始缩小,在 6 个标签时,每个标签平均只显示 3 个字符。
  • 除了 Safari 之外,所有浏览器都显示网站图标。
  • 除了 Safari 之外,所有浏览器都将标签放在顶部(URL 栏上方)。

一些意见

  • 空间有限,请珍惜。
  • 您可以很大程度上依靠网站图标来识别您的网站,因此请不要从网站标题开始,而是从下一个最重要的内容开始。除非您的 Safari 流量很多(请记住,您网站的统计数据是最重要的)。
  • Safari 应该克服困难,在标签中添加网站图标。