填充图标和轮廓图标哪一种识别速度更快

在开发移动应用程序时,你必须决定是使用填充图标还是使用轮廓图标。哪种风格有更好的用户体验?

2019年3月18日

在开发移动应用程序时,你必须决定是使用填充图标还是使用轮廓图标。哪种风格有更好的用户体验?

有些人认为它们之间的差异仅仅是一个偏好问题,但研究表明一种风格比另一种有更快的识别率。

当你知道什么时候使用填充图标或使用描边图标时会让你的用户更快捷浏览你的移动应用程序。他们会更快地识别你的图标,并选择正确的选项。

一项名为“填充图标与描边图标:图标样式对可用性的影响”的研究发现,图标风格会影响工作效率。工作效率是通过识别和选择图标的速度和准确性来衡量的。

填充图标通常比轮廓图标更快识别,但也有一些例外。一些图标的特征提示可以使它在工作时不显示差异。

 

特征提示

特征提示是用户用来识别图标的。如果图标没有特征或很难注意到图标的特征,图标就无法识别。

例如,评论气泡图标的尾部就是它的特征提示。没有它,它只是一个圆。锁图标上的钥匙孔是它的特征提示。没有它,很容易把图标误认为包。齿轮形图标上的牙齿是其特有的线索。没有它,它看起来像一个甜甜圈。

在调研中,锁图标没有钥匙孔,是被错误识别最多的图标,错误率高达四分之一。钥匙孔是一个必要的特征提示,因为没有它,图标看起来会像一个袋子,钱包,甚至一个壶。

用户识别图标时会依赖图标的特征。当使用图标时,要确保它包含用户识别它们的特征提示。每个图标可以看起来像不同的物体,可以考虑添加额外的特征信息。

 

当轮廓图标更容易注意到时

除了特征信息外,还有一些别的信息更容易让人注意到,某些图标上的特征提示在轮廓样式中比实体样式更突出。

研究发现,轮廓样式识别速度更快的三个图标是:评论泡泡、垃圾桶和钥匙。这些图标具有微妙的特征提示,出现在形状的外部边缘。正因为如此,轮廓样式使这些线索更容易被注意到。

在填充图标中,评论泡沫尾巴很容易被忽略,但在轮廓图表中却很明显。垃圾桶盖也是难注意到的信息,轮廓图标也很明显。钥匙齿是很微妙的信息,轮廓图标也使钥匙锯齿更加明显。

当图标的特征提示很微妙并且出现在形状的边缘时,使用轮廓图标样式。这使得线索更加突出,从而导致更快的识别。

选择图标时,最好坚持一致的风格。不要混合使用填充和轮廓样式,试着选择一组更具有辨识力的图标。

例如,将评论、垃圾桶和钥匙图标与信息更加突出的图标进行比较,您就会看到特征更明显的图标更容易注意到。

 

当填充图标更容易注意到时

大多数图标代表现实世界中的物体。这些物体以实体剪影的方式呈现。人们并不习惯物体以轮廓的形式呈现,这就是为什么填充图标识别速度更快的原因。

尽管如此,用户仍然能够识别轮廓图标。但如果图标的形状轮廓太靠近,则辨识需要更长的时间。

研究发现,拇指、剪刀、电话和工具图标填充风格能够更快地辨识。这是因为这些图标的轮廓样式都有狭窄的内部间距,从而产生视觉错乱。

对于内部空间较窄的图标,最好使用填充图标。剪影形式提供了一个更简单的形状,使图标更容易识别。

 

风格没有区别

研究发现,有些图标两种风格都很容易识别。例如,星星、购物车和旗帜图标都有相似的识别速度。

这意味着这些图标的轮廓样式不会降低用户的体验速度。原因它们内部的空间很宽,减少了视觉错乱。内部空间越窄,产生的视觉错乱就越多,识别越容易被干扰。

 

图标的选择风格

通常使用实体图标来显示被选中的图标,而其他按钮则保持轮廓形式。但这种设计风格是落后的,应该使它反过来。

用户需要对他们尚未发现的选项有更快的识别速度,而不是对他们已经选择的选项进行快速的识别。被选中按钮不需要实体图标。对于没选中的按钮来说,获得实体图标更为重要。

使用轮廓图标突出显示被选中按钮。它提供了一个更清晰的风格和颜色的变化,以加强所选按钮。

 

打破传统的准则

如果阅读速度对用户很重要,则必须考虑图标识别率。如果你想要更快的图标识别率,实体风格的图标要更好识别。但是这个规则有一个例外。了解规则的例外情况允许您在适合的情况下使用轮廓图标样式。

总之,在使用图标样式时,你应该记住以下几点:

  • 图标由需要识别线索和突出的特征组成。
  • 填充图标识别速度更快,除非它们的特征不突出。
  • 轮廓图标的内部间距越宽,就越容易识别。
  • 如果填充缘有细微的特征提示,可以使用轮廓图标。
  • 如果轮廓图标内部间距较窄,则使用填充图标。

 

 

原文链接

翻译:王浩

编辑:王浩

责编:王扬

发表评论

电子邮件地址不会被公开。 必填项已用*标注