应用 UI/UX 设计师必看!发现使用“汉堡按钮”导航时用户参与度减半

您正在创建的导航按钮基于当前趋势。汉堡按钮”,也称为“导航抽屉”已被采用?还是使用列表中显示的“选项卡按钮”?

“汉堡按钮”导航干净、简单,并为主要内容提供了最宽的显示区域。另一方面,“选项卡按钮”导航始终显示按钮,不可避免地缩小了主要内容的显示区域。自然,“汉堡按钮”在视觉设计上更胜一筹。那么用户真的有同样的看法吗?

当zeebox开发者真正进行A/B测试并尝试时,使用“汉堡按钮”导航将用户参与度降低一半已经很清楚了!

干净简单,但用户不记得如何使用它

许多应用程序中都可以找到称为“汉堡包按钮”或“导航抽屉”的导航 UI。谷歌也适用于应用程序开发人员推荐为推荐设计模式

因此,zeebox将导航按钮从之前的“选项卡按钮”改为“汉堡按钮”。更新做过。正常显示时应位于屏幕顶部的按钮被隐藏,因此更新之后,导航从头开始显示,如下图所示。

结果是灾难性的。用户参与度减半事情变得很清楚了。两周后,zeebox 团队迅速改为“选项卡按钮”导航,并带有“汉堡按钮”选项。

六个月后,zeebox 团队决定再次尝试“汉堡按钮”导航。然而,上次它应用于所有用户,这次它将作为 A/B 测试来实现。

使用的 A/B 测试系统是转向。 15% 的情况使用“汉堡包按钮”,其余 85% 使用常规“顶部按钮”导航。

结果如下。

平均每周访问频率正在下降。日均访问频率也在下降。结论,“汉堡按钮”导航不被用户接受事情再次变得清晰起来。

为什么“汉堡按钮”不好?正如我在开始时提到的,它干净简单,主要内容很大且易于查看,但需要更多点击才能访问导航按钮。如果它始终显示,您可以通过点击所需的选项卡移动到它,但如果它隐藏在抽屉中,则必须先显示抽屉,然后点击所需的按钮。水龙头数量从一个增加到两个对用户来说是一个缺点。

首先,令人惊讶的是,用户无法记住点击汉堡形状的图标会导致一直显示的按钮出现的机制。对于每天使用很多应用程序的人来说可能很难相信,但无论我问父母多少次,我都不记得父母家里的炊具在哪里(我对做饭不那么感兴趣)。对于不经常使用且不感兴趣的人来说,点击左上角会成为一个很大的障碍,增加了导致用户放弃的可能性。

然而,这并不是说“汉堡按钮”导航在所有情况下都是禁忌。将用户不需要经常打开的功能(例如设置屏幕和选项)隐藏在抽屉中不是更好吗?

事实上,iOS 版的 Facebook 官方应用不久前就从抽屉变成了选项卡。 Android版本目前正在进行A/B测试。

当然,我并不是说“汉堡按钮”导航不好。正如很多评论中提到的,确实前提是“Tabtabon”最初被采用。然而,我希望这会让您意识到,仅仅因为它使内容更容易查看而采用“汉堡按钮”可能会产生与您预期相反的效果。

UI 还让合适的人在合适的位置。当然,最佳选择会根据每个应用程序的不同而有所不同。我认为你应该考虑优点和缺点,然后选择最合适的UI。

随着智能手机变得越来越流行,用户人口统计和用户特征将会发生变化。应用程序 UI/UX 设计师可能需要充分了解这些变化并在未来进行适应。

(通过下一个网络