将其向左移动。向右移动。向上移动。不,将其降低。 使它成为Webbish– but not too 网页bish.

您是否曾经想过向客户提供可视化的受众浏览器窗口大小可视化视图?

It’对用户界面中应该出现的内容有意见,这是一回事,但是支持这些意见的一些实际数据和视觉效果又如何呢?

Google浏览器大小

如果你’进行了这样的讨论,这可能是将您的设计加载到 Google浏览器大小 来自Google实验室。

让’我们以ReadWriteHack为例:

首先,注意各种轮廓和标记的百分比。接下来,注意两侧的标尺。您可能已经收集到这些轮廓代表其浏览器窗口大小的Google访问者的百分比,而标尺只是以像素为单位的大小。

或者,在Google实验室中’ own words:



此轮廓中表示的大小是客户区域大小,而不是浏览器窗口大小。这意味着它们代表了浏览器的大小,而没有标题栏,工具栏,状态栏等,因此真实地表示了使用Web的特定人群可以看到多少内容。

在保持东西的同时 折叠以上 听起来有些陈词滥调,这里有一些真实的科学正在进行。这可能是呈现示例并应用A / B测试的有效方法。

您 might say…这看起来很像Bacolicio.us。有点,但是在下面的示例中’我会看看是什么使Google浏览器大小有所不同。

让’加一些培根。或者,更好的方法是,将Google Page Size的概念和代码隐藏在Bacolicio.us的后面。

baconbrowsersize.html (这将在新窗口中打开,即target = _blank)

您’将会注意到,该功能会因单击覆盖层可见的任何内容而丢失。那’不太理想,因此当我们想快速测试Google浏览器大小时,也许可以通过粘贴以下内容使其起作用。

现在 您可以在位置栏窗口中粘贴一条有用的线。更重要的是’确实是测试您自己的图像叠加层的另一种方法。使用Google页面大小时,只需将对上面图像的引用替换为您选择的URL。

It’尚不清楚Google Page Size的开发程度如何,但有一个链接要求 反馈。毕竟,这是我们的Google实验室’在这里谈论。

也就是说,图像叠加层中使用的图像可能会给我们提示。图像简单地命名为 2009-11-18-day_google_com_100.png 所以也许这是避风港’大约一年后才焕然一新。或者,也许这个Google Labs项目毕业于 谷歌分析.