1. 兔课网
  2. 资讯
  3. UI设计教程
  4. 空心图标真的比实心图标更难识别吗?

空心图标真的比实心图标更难识别吗?

4185人阅读 2020-07-09 收藏

自从IOS 7发布以来,我不知道我的同学是否发现了它。许多应用程序(QQ、微信、微博等)。)已被空心图标取代。然而,空心图标是否会给用户带来认知疲劳一直没有定论。现在,一些学生专门写了一个应用程序,做了1260个图标识别测试,并得出了一个精确的结论。结论是什么?来学习吧!去年夏天,设计的一位教师奥布里约翰逊发表了一篇文章,批评《传媒》杂志的ios7。Jonhson指出,苹果新的空心图标在视觉上比实心图标更复杂,这会给用户带来认知疲劳,这会让用户厌倦使用这个界面。这篇文章很快被广泛分享和讨论。一些设计老师认为这是一个明智的建议,但也有一些判断认为它夸大了事实,过于简单,缺乏有效的证据。所选图标使用实心图标。空图标用于未选中的图标。

iOS-App-Store-screenshot-zoom

作为一名在维杰从事人机和用户体验的实习生,我看到了一个验证和检验约翰逊解释的有趣机会。为了找到空心图标是否会给用户带来更多认知负担的问题的答案,我开发了一个网络应用来衡量用户选择不同视觉风格图标的速度和准确性。从1000多名测试参与者的数据中,我发现空心图标的使用并不比实心图标少。然而,结果仍然有些复杂。

图标

首先,本讨论集中于一种特定类型的图标:众所周知的标签或平面单色图标,便于导航。您通常会在移动应用程序屏幕的底部看到一行四到五个这样的图标,因为底部列中的图标通常用作导航应用程序的一部分,在一定程度上突出显示哪个部分当前处于活动状态非常重要。随着ios7的推出,苹果开始使用两种互补的图标样式来显示这些状态:实心图标显示活动或选定状态,空心图标显示非活动或未选定状态。据我所知,苹果是目前唯一使用两种基本图标风格的软件开发商。

kx20141019 (1)


测试中使用的20个图标是从ios、安卓和Windows Phone上的图标中借来的。这个泡泡图标是直接从约翰逊的文章中借来的。

测试

在维格特的内特洪扎克的技术指导下,我编写了一个应用程序进行测试。如果你测试自己,会比我解释更容易理解。我会尽可能简单地描述它。我承认实心和空心样式之间的区别的定义是不清楚和松散的。图标可以有实心和空心两种样式。为此,我选择了一系列图标进行研究。研究表明,实心和空心版本之间有相当明显的区别。每个图标还代表一个特定的对象,并使用一个文本标签,以避免测试参与者过多的认知负担,他们只需要将名称与其图标匹配。

kx20141019 (2)



结果

天的数据收集过程中,为18-40岁的苹果用户完成了1260次图标识别测试和25000多次图标识别测试。这表明选择时间几乎只有三秒,标准差为1.5秒。图标的平均数量是20,空心图标的选择比实心图标慢0.1秒,这似乎支持约翰逊需要空心图标比实心图标更多的认知负担。我还没有提到它。实际上,我研究中的图标风格还包括另一种美学:图标颜色。每个实验实际上是四种不同类型的颜色和风格的组合:纯黑在白色背景上,暗心在白色背景上,纯白在黑色背景上,空心白在黑色背景上。在实验中,四种颜色被组合在一起(本文中黑色圆圈用于演示)。作为实验的结果,黑色上的白色图标显示在连续的黑色背景上),并且数据被分成四组(我称之为双向方差分析统计技术),以进一步分析图标选择速度。使用这种技术,我发现了更微妙的结果:黑色上的白色图标比其他三种颜色的组合慢了大约1.7秒。换句话说,白色图标上的黑色。图标是实心还是空心对选择速度没有显著影响。同样,对于实心图标,黑色是否用于白色没有影响。然而,当空心样式与黑白配色方案相结合时,选择的数量会更多。

kx20141019 (3)


每种颜色样式的选择数量的平均值是不同的。只有在黑色背景上带有空心白色的图标显示不同(眼睛图标代表平均20种图标)。这只有很小的影响,但是来自1000多个用户的数据表明它确实存在。一个合理的猜测是:如果我们认为黑色图标是一种默认的美学,并使用分层风格,将有一种被激活的感觉。这看起来很直观。然而,仍然有一些人不同意这个结论。为了从数据中获得更多细节,我研究了每20个图标的风格和颜色的影响。我发现矛盾不同于上述结果。几乎一半的图标(9)显示图标的风格没有任何影响,这意味着实心和空心图标被识别的速度和空心图标一样快。其他11个图标确实显示了风格的影响。事实上,三个空心图标表现更好。事实上,语音泡泡图标在整体和平均上显示了完全相反的效果:纯黑版本比所有其他版本都慢。但是当你考虑到我们遇到的大多数语音气泡图标都是以白色或者轮廓样式(或者两者都有)显示的,这就很容易解释了。实心黑色语音图标不具备帮助快速识别的典型功能。值得一提的是,图标的样式和颜色对参与者正确选择提示图标的能力几乎没有影响,除了图标——锁,当以黑白显示时,它可能有点不可识别。我不知道为什么,但是锁图标在许多数据指示器中是不正常的。这是最容易出错的图标,也是最慢的图标。

kx20141019 (4)

约翰逊警告说,用户界面中不应该使用空心图标,也没有证据表明用户真正支持它。首先,图标的风格不是孤立存在的,它还与颜色的搭配有关。无论如何,微小的差异不会影响识别速度或导致视觉疲劳。大多数设计老师可能会根据空心/实心理论画出设计图标,但设计的图标是视觉上复杂的动作,不适合简单的二元规则。

相关文章推荐

ui设计用到哪些软件啊?,UI是怎样的?做什么的?
中国手机的UI设计处于什么样的水平?,UI设计界面培训哪个机构比较好?
UI设计培训有什么课程?有学过的介绍下,最新ui设计培训的课程讲哪些?
零基础如何去学UI/UE设计,UI设计和UE设计,哪个视觉效果好?
零基础学学习ui设计师,有没有好的培训班推荐呢?,ui设计培训班哪个比较好?
零基础能学ui设计吗,UI设计专业可以零基础开始学吗?
济南ui设计培训哪家好?济南培训UI怎么样?,济南学ui设计去哪学?
参加UI培训,主要学习哪些知识?
南昌的视觉UI设计师是什么,ui设计师和视觉设计师的区别
平面设计和ui设计还有淘宝美工有区别吗?,是平面设计吃香,还是UI设计好一点呢?

特别推荐

上一篇>> UI设计师做设计如何具备开发的视角

下一篇>> 6招让LOGO成为品牌传播的视觉核心

新人大礼包

1
咨询客服

交流Q群

微信公众号
返回顶部