当我们谈论用户界面设计中的“铬”时，我们指的是什么?一位与会者在最近的一门关于手机和平板电脑的视觉设计．每当有人问我们一个基本的问题，我认为更多的人也想要答案-因此，这篇文章在chrome上。

  • 定义:Chrome是一种视觉设计元素，它向用户提供有关屏幕内容的信息或操作命令(而不是作为内容的一部分)。这些设计元素由底层系统提供——无论是操作系统、网站还是应用程序——并围绕着用户的数据。
  • 并非巧合的是，“Chrome”也是谷歌的网络浏览器的名称，尽管我在这里没有使用这个术语。

我不知道是谁想出了“铬”这个词，但它很可能是一种视觉类比，就像20世纪50年代美国大型汽车上使用的金属铬:车身(你坐的地方)周围的保险杠、尾翼等都是闪亮的铬。

类似地，在大多数现代gui中，chrome位于屏幕边缘，围绕着用于保存用户数据的中间区域。

不同系统级别的Chrome

下面是一些chrome的例子，这取决于“底层系统”:

  • 在Windows PC上，底层系统是Windows操作系统．在Windows 7中，chrome由开始按钮、任务栏、系统托盘和回收站。我们也可以将gadget区域视为chrome浏览器，特别是如果用户只是简单地坚持使用系统附带的gadget。(由于用户的惯性和违约的力量．)
  • 当使用应用软件，例如文字处理器，铬是在菜单栏中找到的丝带或工具栏、标尺、滚动条和各种专门的窗格，如Word的词库栏或Photoshop的调色板色板。
  • 在一个web浏览器， chrome包括URL字段、浏览器工具栏、浏览器按钮、选项卡、滚动条和状态字段。
  • 在一个手机应用程序在美国，chrome通常包括横跨屏幕顶部的状态栏和横跨屏幕底部的带有命令图标的标签栏。有时候，状态栏下面还有一个导航栏。
  • 在一个网站在美国，chrome包括导航条、页脚、logo、品牌、搜索框等等。

铬肥胖:不要吃我的像素

铬的惩罚是明确的：Chrome会占用屏幕空间，留给目标内容或数据的时间更少。这在移动设备上尤其糟糕，因为移动设备的屏幕空间比平板电脑或pc更昂贵。但即使是在我的30英寸桌面显示器上，Windows和Excel chrome的结合意味着我只能在电子表格中看到67行数据，而不是理论上能在屏幕上显示的80行数据。因此，如果没有chrome浏览器，我可以多查看大约19%的数据。

电子表格的例子显示了chrome的另一个缺点:它积累因为系统被嵌套在其他系统的层中，每个系统都有自己的chrome浏览器。比如说，你使用Facebook。在一个典型的桌面浏览器窗口中，用户的Facebook新闻订阅只占网页的48%左右;Facebook的chrome浏览器和浪费的屏幕空间吞噬了剩下的52%。(根据我们的定义，广告不是真正的铬——因为它是无用的——但它仍然是开销，所以我在这里计算它。)当你进一步减去浏览器和操作系统铬，用户的动态消息被允许使用不到40%的屏幕空间．

当我分析了一系列的网站主页九年前，我发现实际内容只分配了微不足道的20%用户的屏幕。在今天更大的显示器上，操作系统和浏览器chrome所消耗的相对开销就不那么庞大了，所以Facebook允许的40%可能相当能代表主流网站。

因为累积铬经常吃掉我们一半以上的像素，一个指导方针肯定是当心chrome肥胖．

第二个指导方针是考虑如何暂时隐藏部分镀铬层只有在需要的时候才说出来。这样做是危险的因为眼不见，心不烦——你也一样绝对不能依赖短期记忆在用户界面设计中。Chrome来来去去的工作，只有当你:

  • 使用一个简单的和可靠的操作显示铬(不要使用钝器或容易被意外激活的手势)。
  • 提供绝对可靠的一致性因此，通过过度重复和没有任何会破坏学习的偏差或例外，隐藏的铬元素的存在被钻到用户的长期记忆中。

Chrome的好处

虽然昂贵，铬有相当大的好处:

  • 铬授权用户通过提供一组稳定的命令和选项，这些命令和选项总是可见的(或者如果遵循我的指导方针，至少很容易显示)。Chrome也停留在相同的位置，使用户不必去定位它。此外，用户可以从特定网页或内容设计师的随心所欲中解脱出来;这是原因之一回来按钮是网络上最流行的功能之一。在屏幕像素方面，Chrome可能是一个负担，但它的力量在用户的指尖，作为一个立即逃离讨厌或无用的网页的出口。
  • Chrome提供了一套通用的命令可以处理其框架内出现的所有不同类型的内容和数据。因为它总是一样的，用户需要学习的东西更少，这意味着他们可以专注于现实世界的需求，而不是在电脑上。
  • Chrome促进用户界面的一致性和标准，这有助于提高易学性，并让用户感觉更能控制自己的体验。(当然，这只适用于遵循标准的情况，而不是发明你自己怪异的铬合金来迷惑用户。)

总的来说，chrome有利于可用性。只是不要做得太过分。