空心图标真的没有实心图标那么好辨认吗？.pdfVIP

空心图标真的没有实心图标那么好辨认吗？ 去年夏天，软件设计师奥布里 约翰逊（· Aubrey Johnson ）在 Medium 上发表了一篇关于苹果公司的 移动操作系统 iOS7 中存在的明显缺点的文章。约翰逊说苹果的空心图标，看上去比实心图标更复杂 ，容易让用户产生认知疲劳，这将直接导致用户讨厌这种界面并停止使用这样的系统。小范围的转 发引来了大批的讨论者，有些设计者认为这篇文章是中肯的建议，也有些人批评作者过分放大问题 ，而且表述太简单，缺乏证据。 作为一名从 Viget 毕业的人机交互助理以及用户体验设计师助理，我发现了一个有趣的方法，让用户 的真实体验作为证据来检测约翰逊的论点。为了寻找到 空心图标是否需要用户更多的认知精力“ ”的 确定答案，我用不同的视觉样式制作了一个网页应用，来检测用户选择图标的速度和准确性。参与 人员超过了 1000 名，通过测试，与对应的实心图标相比，空心图标并没有想象中的那么不好用。但 结果确实是有一点复杂 图标 首先要声明的是作为测试的图标都是比较特殊的图标：就如标签栏的图标一样，是平面的，单色的 ，简单的。就像你平时在手机应用的底部见到那一排 4 个或者 5个的图标一样。因为标签栏的图标是 作为进入应用程序其他区域的导航按钮，所以用高亮图标来表示当前激活的区域是很重要的。随 着iOS7 系统的发布，苹果采用了两种互补的图标样式：一种实心的版本表示激活 /被选中的状态， 一种空心的版本表示未激活 /未被选中的状态。据我所知，当今也就只有苹果一家软件制造商为基础 图标使用两种样式。 就这一刻来说，我承认实心和空心两者之间真没有什么界限。每个图标都有实心和空心两种特征。 因此，我为测验精选了一些两者很容易区分的图标。每种图标都代表一种具体的事物，并且配上了 文字标签，这就限制了认知测验者将图标和名字配对的范围。 测验 在 Nate Hunzaker 不可或缺的帮助下，我开发了一个管理图标认知测试的网页应用程序。虽然做一 下测试比我说来得方便得多，但我还是要简短地说明一下：测试开始之前，被测试者需要先熟悉下 这20 组带文字标签的图标。然后，参与者需要从 24 组测试数据中选出刚才所看到的 20 组图标的名称 ，并且尽可能快速准确地将名称与环形阵中正确的图标配对。每个测验以 20 组图标为测试数据，最 初的四组数据作为热身测验，不计入数据分析中。应用程序随机决定图标在阵中出现的顺序和位置 ，是实心的或者是空心的。测试时间为 5 分钟。 来 亲自测试一下更能体会它是如何工作的。就像我说的那样十分有趣。 结果 经过 10 天的时间， 1260 名参与者总共完成了超过 25000 次认知测试。统计数据偏向于年轻懂科技的 苹果用户（ 18-40 岁），参与者作出选择的平均时间是 3秒，上下偏差 1.5秒。 取20 组图标测验的平均成绩，空心图标要比实心图标多耗费 0.1秒的时间，这看上去符合约翰逊的 “ 空心图标比实心图标需要更多的认知精力 ”的论点（如果只在一个小范围内的话）。但图片的测验却 不是这样的。 我忘了说我的测验还包括另外一个图标样式的变化：图标颜色。每个测验包括一组四种样式的图标 ：白底黑色实心图标，白底黑色空心图标，黑底白色实心图标，黑底白色空心图标。（边注：白色 和黑色这个问题的灵感来自 Viget 的设计师在聊天室的激烈争论。） 将数据分成四组有利于让我使用一种非常酷的统计技术，叫做双向方差分析，选择速度一目了然。 我发现一个细微的差别：在相同的统计条件下，选择黑底白色空心图标要比其他三种组合的时间 慢0.17 秒。换句话说，白底黑色的图标，无论是空心还是实心的对选择速度都没有提升效果。同 样的，对于实心图标，无论在白底还是黑底上显示都是一样的效果。但黑底白色的空心图标，在选 择时间上有一个微弱的增加。 这的确是没什么大的影响，但从超过 1000 名的用户中显示这是确实存在的。如果我们将黑色实心作 为默认的图标，添加一些样式样式增加图标的可用性也是可取的，看上去也很自然。 这个结论还是有一个奇怪的地方。为了得到