2025 年汉堡图标辨识度如何

链接
分类
文章设计交互2025-06-17 03:04:47
简介

十一年前,Material Design 将汉堡图标推至风口浪尖,潮水过后标签栏导航依然是主流。如今汉堡图标已经被大众接受,基本都能识别出图标背后的隐藏菜单含义。但与此相对,如果在标准汉堡图标样式有所调整的话,则会让人对其用途感到疑惑。甚至一些类似汉堡的图标(比如列表)也容易被误解。

相似条目

笔记

Beta

汉堡菜单是本文核心主题,指用三条横线表示的隐藏主导航图标。2015-2016年研究显示其降低任务成功率、增加用时;如今用户识别度显著提升,尤其在左上角标准位置,但仍可能被误认或增加交互成本,需遵循标签、动画和对比度等设计原则。

文章在设计建议中提到,极端扁平化设计会降低汉堡图标的可发现性,使用户难以判断其可点击。推荐保持一定视觉层次,如添加微妙动画或确保对比度,以提升交互效果。此点被列为避免用户忽略图标的关键注意事项之一。

移动端导航是汉堡菜单最初的应用场景,用于小屏幕节省空间。本文指出苹果、亚马逊等采用后普及该模式,但早期可用性测试显示其降低用户参与度和满意度;如今在移动网站如Dick's Sporting Goods、Vivaia中,用户能正确解读标准样式图标。

本文引用Nielsen Norman Group过去定性与定量可用性测试,证明汉堡菜单导致内容参与度下降、任务完成时间增加;近期针对数十个图标的识别测试显示,用户多能正确判断其为菜单功能,但未重新测量任务指标。测试强调位置和标准样式的重要性。

本文指出汉堡菜单已深入用户心理模型,三条横线强烈暗示导航菜单,导致Apple Notes列表图标、YouTube筛选图标等类似设计被误判为菜单,尤其置于左上角时。文章建议通过标签和差异化避免视觉干扰,强化图标可理解性。

文章指出,即使汉堡菜单图标如今已被多数用户识别,隐藏导航仍会增加交互成本,因为用户需额外点击才能看到菜单项。结论强调这种代价并未因熟悉度提升而消失,重要内容仍处于视线之外。建议在空间受限时才使用,并配合其他导航方式降低成本。

文章通过近期研究评估汉堡图标的易用性,发现标准三线图标在左上角位置时,用户多能正确识别其为隐藏菜单功能。研究还指出位置和简洁样式对易用性影响最大,额外装饰或与其他线条图标混淆会降低识别准确性。文章最后建议通过用户测试验证图标易用性。

本文作者Kate Kaplan于2025年6月13日撰写,基于Nielsen Norman Group的研究,分析汉堡菜单图标从十年前到现在的演变。文章结合其新书《Digital Icons That Work》中的用户测试数据,探讨图标识别度与设计最佳实践。

本文由Nielsen Norman Group发布,总结了该机构2015-2016年针对汉堡菜单的定性和定量研究结果,以及2025年针对图标可识别性的新研究。文章指出,尽管汉堡菜单如今更常见,但隐藏导航仍会增加交互成本,建议谨慎使用。

文章提到YouTube移动应用中的搜索筛选图标(三横线加短线),尽管不在左上角,仍被多位用户误判为类别或收藏列表。该例子证明用户对线条组合与导航的强关联已根深蒂固,提醒设计时需区分同类图标以防混淆。

文章以Apple Notes桌面应用为例,说明其左上角的列表视图图标(带圆点的三横线)常被用户误认为汉堡菜单。此案例展示了相似线条结构图标在导航常用位置时产生的视觉干扰,即使有小差异也难以完全避免误解。

可左右滑动查看

标题占位
https://example.com/path
描述占位
- · - · 添加于 - -