在用户界面设计中谈论“Chrome”时,我们的意思是什么?在最近的课程中,一个与会者在课程中询问了这个问题移动和平板电脑的视觉设计。每当有人向我们询问一个基本问题时,我假设更多的人也希望答案 - 因此,这篇文章在Chrome。

  • 定义:Chrome是可在屏幕内容上提供有关或命令操作的可视化设计元素(而不是成为该内容的一部分)。这些设计元素由底层系统提供 - 无论是操作系统,网站还是应用程序 - 并围绕用户的数据。
  • 不巧合,“Chrome”也是谷歌的Web浏览器的名称,但我在这里没有使用这个词。

我不知道是谁想出了“铬,”一词,但它可能是在20世纪50年代在大型美国汽车上使用金属铬的视觉类比:汽车身体(你坐在哪里)被闪亮的铬环绕着保险杠,尾鳍等。

同样,在大多数现代的GUI中,铬围绕屏幕的边缘,周围的中间区域,专用于用户的数据。

不同系统级别的铬

以下是Chrome的一些示例,这取决于“底层系统”:

  • 在Windows PC上,底层系统是Windows操作系统。在Windows 7中,Chrome包括开始按钮,任务栏,系统托盘和回收站。我们也可能考虑小工具区域是Chrome,特别是如果用户只需坚持使用该系统发货的那些小工具。(尽可能多,由于用户惯性和默认值。)
  • 使用时应用软件,例如单词处理器,Chrome在菜单栏中找到了丝带或工具栏,统治者,滚动条和各种专业窗格,如Word的词库栏或Photoshop的颜色样本调色板。
  • 在一个网页浏览器,Chrome包括URL字段,浏览器工具栏,浏览器按钮,选项卡,滚动条和状态字段。
  • 在一个移动应用,Chrome通常在屏幕顶部和底部的命令图标中包含一个状态栏。有时,状态栏下面还有一个导航栏。
  • 在A.网站,Chrome包括导航栏,页脚,徽标,品牌,搜索框等。

铬肥胖:不要吃我的像素

Chrome的惩罚很清楚:Chrome占用屏幕空间,对目标内容或数据留下更少。这在移动设备上特别糟糕,其中屏幕空间比平板电脑或PC更高的溢价。但即使在我的30英寸桌面监视器上,组合的Windows和Excel Chrome也意味着我可以在电子表格中看到67行数据而不是理论上适合屏幕的80行。因此,没有Chrome,我能够审查大约19%的数据。

电子表格示例显示了Chrome的另一个缺点:它累积由于系统嵌套在其他系统的层内,每个系统都有自己的Chrome。让我们说,例如,你使用Facebook。在典型的桌面浏览器窗口中,用户的Facebook新闻源仅占网页的48%;Facebook的Chrome和浪费的屏幕空间剩下的52%。(根据我们的定义,广告不是真正的Chrome - 因为它是无用的 - 但它仍然是开销,所以我在这里算了它。)当你进一步减去浏览器和OS Chrome时,所以用户的新闻源不到40%的屏幕空间

当我分析了一系列网站主页9年前,我发现了实际内容分配了20%的Paltry用户的屏幕。在当今更大的监视器上,OS和浏览器Chrome消耗的相对开销不太臃肿,因此Facebook允许的40%可能会相当代表主要网站。

因为累计铬经常吃超过一半的像素,所以一定是一个指导肯定要小心铬肥胖

第二种指导是考虑方法暂时隐藏铬的部分只有在需要时才透露它。这样做是危险的但是,因为看不见的是往往的想法 - 而你绝对不能依赖短期记忆在用户界面设计中。Chrome,只有你:

  • 用一个简单可靠操作以揭示Chrome(不要使用钝或受到意外激活的手势)。
  • 提供摇滚固体一致性因此,隐藏的Chrome的存在通过过度重复和不存在会破坏学习的任何偏差或例外,钻入用户的长期内存。

Chrome的好处

虽然昂贵,Chrome有相当大的好处:

  • 铬合金赋予用户通过提供稳定的一组命令和选项,它们始终可见(如果遵循我的指导方针,至少容易透露)。Chrome还保持在同一位置,解放用户必须找到它。此外,用户从特定网页或内容设计人员的突发事件中释放出来;这就是一个原因后退按钮是Web上最受欢迎的功能之一。Chrome可能在屏幕像素方面开销,但它是用户指尖的电源,它用作来自令人讨厌或无用的网页的直接逃生舱口。
  • Chrome提供一组通用命令这对其框架内显示的所有不同类型的内容和数据有关。因为它总是相同的,用户越少了解,这意味着他们可以专注于他们的真实需求而不是在电脑上。
  • 镀铬促进用户界面中的一致性和标准,促进了学习,使用户感到更具可能的经验。(当然,这仅适用于您遵循标准,而不是发明你自己的奇怪铬混淆用户。)

平衡,Chrome对可用性有利。只是不要过度。