bts防弹少年团演唱会

bts防弹少年团演唱会

测试汉堡包图标以获得更多收入

《测试汉堡包图标以获得更多收入》

移动流量是大多数网站的重要组成部分,移动用户的流畅导航至关重要。 大多数网站都使用汉堡包导航图标来显示菜单,因为它已成为此菜单的默认选项。

这是一个好主意吗? 它很可能不是。

很多设计师都对汉堡包做出了令人信服的理由。 这是不直观的令人困惑 ,它并不明显 。 但不是每个人都讨厌它。

Exis Web针对单词“MENU” 测试了汉堡包 ,创建了3个不同的迭代。 这些是结果:

《测试汉堡包图标以获得更多收入》

虽然测试只运行了5天,但他们的(初步)结果表明,MENU + border / hamburger这个词比普通的汉堡更好。

在Booking.com的人们也测试了按钮 – 他们的情况没有区别。

自己测试汉堡包

我们的客户之一是一个销售香薰蜡烛的电子商务网站。 在他们的情况下,移动流量比桌面更重要。 这是他们的最后30天:

《测试汉堡包图标以获得更多收入》

我们决定测试汉堡包图标,并根据其他人的测试结果提出了这些挑战者(我们也试图进行创新,但无法想出一个全新的,更好的图标)。

所以我们测试了通常的嫌疑人:带有和没有汉堡包的“菜单”这个词。 《测试汉堡包图标以获得更多收入》

除了这些,我们添加了一个变体,我们将“汉堡包+菜单”图标变为粉红色(网站上的一种颜色,不是随机选择的 – 想法是通过颜色吸引更多关注图标)。

我们进行了为期6周的测试(总样本量大约为240,000个用户,每个变体大约有2800个购买量),这就是结果:

《测试汉堡包图标以获得更多收入》

(点击放大)

主要结果: 所有4种治疗都带来了比对照更多的收入 。 不是点击,参与或其他软指标。 元。

这个结果值多了几十万美元/年。 只需更换图标就不会太破旧。

这是赢家:

《测试汉堡包图标以获得更多收入》

我们进行了为期3周的后续测试,测试了其他替代方案,但未能移动针头(第一次测试的获胜者仍然是最好的):

《测试汉堡包图标以获得更多收入》

(点击放大)

为什么汉堡包图标令人困惑(对某些人来说?)

嗯,你认为这是明确和明显的吗? 可能不是。 该图标是在1990年为一个完全不同的世界设计的。 把它带到今天并没有多大意义。

虽然现在无处不在,但并不是每个人都能够理解它。 所以想象一下,你从未见过这个偶像。 或者你可能已经看过类似的图标,如下所示:

《测试汉堡包图标以获得更多收入》

这些图标是:

  1. Motorola硬件菜单按钮
  2. MS Word Bullet Butcon
  3. Android Holo 组合图标
  4. Android Context Action Bar Overflow (Android设备右上角)

难怪它令人困惑。 当您阅读诺曼尼尔森关于设计图标指导原则时 ,他们建议您使用5秒规则:如果您需要超过5秒的时间来考虑适当的图标,那么图标就不可能有效地传达这种意义。 测试图标的可识别性 :询问人们对图标的期望。

他们自己%E5%AF%B9%E5%9B%BE%E6%A0%87%E5%8F%AF%E7%94%A8%E6%80%A7%E7%9A%84

图片来源

好的,那还有什么更好的?

我们自己的测试显示,单词MENU有助于+使用一种颜色使其从噪音中脱颖而出可以提供帮助。

Luis Abreu建议始终将完整菜单显示为列表:“ 只要网站导航显而易见,人们仍会滚动浏览它,并且肯定会立即显示可用选项。

例:

《测试汉堡包图标以获得更多收入》

UX大师卢克·沃罗布斯基(Luke Wroblewski)多次在汉堡包中发声,如:

Adrian Zumbrunnen建议我们首先建立背景:

“我们从%E6%A0%BC%E5%BC%8F%E5%A1%94%E5%8E%9F%E7%90%86%E7%90%86%E8%AE%BA%EF%BC%8C%E6%9B%B4%E5%85%B7%E4%BD%93%E5%9C%B0%E8%AF%B4%E6%98%AF%E6%8E%A5%E8%BF%91%E5%8E%9F%E7%90%86%EF%BC%8C%E7%9F%A5%E9%81%93%E5%BD%BC%E6%AD%A4%E9%9D%A0%E8%BF%91%E7%9A%84%E7%89%A9%E4%BD%93%E8%A2%AB%E8%A7%86%E4%B8%BA%E4%B8%80%E7%BB%84%E3%80%82″>

《测试汉堡包图标以获得更多收入》

通过在滚动期间显示/隐藏标签,我们可以确保用户有机会学习与图标相关的操作。 一旦用户再次向上滚动,我们甚至可以淡化标签。

结论

在移动网站上进行导航时,请不要依赖默认选项。 有一些测试,其中汉堡包屁股被踢,并测试替换没有区别。 测试菜单图标 – 运行用户测试以及a / b拆分测试。 了解您的特定受众如何回应它,并找出最有效的方法。

特色图片

相关文章

点赞

发表评论

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