我们对隐藏菜单(比如汉堡图标)和可见菜单(比如页面顶部的链接)进行了定量可用性测试,结果显示:

  • 隐藏的导航不太可发现比可见或部分可见的导航。
    • 隐藏导航时,用户不太可能使用导航。
    • 如果人们使用隐藏的导航,他们会在任务的后期使用。
  • 隐藏的导航提供比可见的更糟糕的用户体验在移动电话和桌面用户界面中,都有部分可见导航。这一发现跨越多个UX度量标准,包括用户对任务难度的评估,任务所花费的时间和任务成功。
  • 在桌面上,隐藏导航比手机上的体验和导航可发现性更加劣化。
  • 隐藏导航主要影响通过内页链接无法直接访问的内容。

为什么要研究隐藏和可见导航

响应设计具有许多的优点;然而,其中一个幸福的效果之一是移动首先设计的过度普及,它将转化为更大的桌面屏幕。要清楚,“移动首先”本身不是问题。相反,这个问题正在服用足够好的移动设计,并将它们移植到桌面,在那里他们也不工作。尝试不应该平等移动电话。

(显然,这里有一般原则:如果设计技术旨在跨越平台X和Y,那么毫不妥协X-First.这种方法会让Y变成一个后顾之危,并且会伤害到在Y上的用户Y,您需要考虑两者的优势和需求,并相应地调整两个版本的网站。)

隐藏的导航(如汉堡菜单)是由移动设计启发的众多模式之一。屏幕空间是手机上珍贵的商品。满足挑战优先级的内容仍然导航(和其他)可访问,设计师通常依赖于隐藏菜单下的导航 - 通常由臭名昭着的汉堡图标表示。就像一个便宜的快餐链,它让设计师沉迷于其便利性,现在每天都在移动设备和台式机上供应数百万美元。

虽然我们的定性用户测试一再显示隐藏在下拉菜单下隐藏的导航在桌面上的发现较少,我们希望在定量研究中衡量这种效果的大小,并评估隐藏导航对桌面的相对影响。为此,我们与之合作whatusersdo(一家专门从事远程可用性测试的公司)对179名参与者进行了一项研究,他们在6个不同的网站上完成了任务,包括智能手机和台式电脑。本文报道了这项大型研究的结果。另一篇文章包括我们的详细的菜单研究方法和图像测试。

衡量标准:导航使用,内容发现,时间,任务难度

为了确定不同菜单的有效性和可用性,我们在6个不同导航设计类型的网站的桌面和移动版本上进行了可用性测试。以下是我们考虑的导航类型:

  1. 隐藏的导航:主导航链接放在图标(例如汉堡包)或按钮下放置,需要显示明确的用户操作。
  2. 可见导航:主导航链接显示在一个可见的导航栏中,因此可以通过简单的一瞥看到,而不需要任何事先的操作。
  3. 组合导航:一些主要导航链接是可见的,有些是隐藏在菜单下。

请注意,对于移动设备,我们没有完全测试可见导航条件。(可见导航在移动设备上不太常见,而且由于我们的研究中的其他限制,我们无法包含此条件。)我们在移动设备上测试了隐藏和组合的导航条件。

我们为每个网站写了2个简单的任务。在不使用常规网站导航的情况下,可以完成一些任务,而其他任务则需要使用导航(或搜索)。这是一项任务的示例:“去http://www.bbc.com,看看你对你感兴趣的自然或野生动物有什么信息。一旦找到有趣的文章,请说明它是哪一个。”

为了衡量这些设计的有效性,我们收集了5个指标:

  1. 导航使用:参与者是否使用导航链接
  2. 导航时间:从任务开始到在该任务中首次使用导航的时间
  3. 任务难点:参与者对任务难度的评估
  4. 内容可发现性:参与者是否能够发现站点上的内容
  5. 任务时间:人们完成任务所花费的时间

前2个指标与导航使用有关,而最后3则指的是用户体验的质量。

更多关于不同类型的用户体验指标,以及如何收集和分析它们在我们的全天课程测量用户体验)。

导航用法:隐藏的导航在任务中少使用

为了量化导航使用,我们查看了(1)导航使用:是否在任务期间使用导航;(2)导航时间:从任务开始到使用导航时的时间。(如果使用导航,我们只计算导航时间。)

这些指标告诉我们导航是否有用,以及它是否容易被发现。如果导航是突出的,你会期望它被更多更快地使用,而不是很难发现。

我们的任务没有指导参与者使用导航、搜索、页面链接或任何其他界面功能。相反,人们可以在接口中使用他们想要的任何东西来完成任务。我们假设,如果导航是可见的,并且对用户有帮助,他们会点击它;如果没有,他们会尝试其他的事情。因此,我们认识到,不点击菜单只能反映用户认为有其他更好的选择,而不是他们没有注意到或不认识菜单。

例如,在某些页面和任务上,一个内联链接可能有高信息的气味-想象一下在报纸网站上寻找一部电影:如果你在页面上看到的第一个标题就是关于这部电影的,那么你很有可能会选择它而不使用导航或搜索。

我们的结果表明,在这两种措施中,隐藏的导航明显不太可发现比可见或组合导航:

  1. 无论是在移动设备上还是在桌面电脑上,当所有或部分导航选项都可见时,人们更倾向于使用导航(即在可见和组合条件下)。
柱状图的数据如下所述
导航用法作为设备类型(桌面,移动)和导航类型(可见,隐藏,组合)(我们没有在手机上只有可见导航的网站。)
  • 在桌面上,人们仅在27%的情况下使用隐藏的菜单,而他们使用了几乎是两倍的可见或组合导航:分别为48%和50%的案件。
  • 在移动设备上,57%的用户使用隐藏导航,86%的用户使用组合导航,是前者的1.5倍。

我们遇到了混合效应的逻辑回归,发现这些差异有统计学意义。此结果并不令人惊讶:当(全部或某些)导航选项可见时,它们对用户更加突出。如果没有别的,可见或组合导航的屏幕足迹大于仅由图标或标签表示的菜单,因此人员将更多地注意到更多。

2.相比桌面,人们更倾向于使用移动设备上的导航(隐藏或部分可见)。

此发现有许多潜在的解释:

  • 在移动设备上导航(无论是隐藏在菜单下还是部分可见的)需要比桌面上的屏幕空间比例更大,只需屏幕较小。因此,人们更有可能注意到并使用它。事实上,在桌面上,我们目睹了许多人甚至没有看到菜单图标的课程。一些测试参与者甚至表示,带有隐藏导航的网站没有菜单。
  • 由于隐藏的导航在手机上比桌面更常见,因此人们可能更熟悉它,更有可能想到使用它。
  • 移动页面往往需要更多滚动,内容较少在折叠上方可见有时加载速度会较慢,因此人们可能会使用菜单,而不是浏览页面,看看是否有符合他们兴趣的内容。在台式机上,页面加载速度很高,更大的屏幕可以更好地预览页面内容。(换句话说,互动成本在移动设备上访问所需的信息较高,而不是桌面。)

打字更难,更容易出错,人们可能更有可能更喜欢导航而不是搜索当导航可用时。

  1. 无论在桌面还是移动设备上,当导航栏被隐藏时,参与者使用它的时间都比导航栏可见或部分可见时要长。我们的混合效应广义模型表明,该结果略微显着(P <0.1)。
显示隐藏的桌面导航花费31秒的条形图,而组合和可见导航花费23秒和26秒。在移动设备上,隐藏导航和组合导航的时间分别是26秒和24秒。
在桌面上,当导航栏被隐藏时,参与者要多花5-7秒来使用它。在移动设备上,这一差距更小(大约2秒)。(我们没有测试只有手机可见导航的网站。)

尽管这些数字似乎表明了一种设备效应(即,参与者在移动设备上使用隐藏导航比在桌面上更快)或一种互动(即,隐藏导航在桌面的影响比在移动设备上更大),但这些效应在统计学上并不显著。

花费了额外的几秒钟可能看起来很小,我们同意它不会有罚款和可怕的用户体验之间的区别。但在那些时刻,用户可能开始体验挫折感和自我怀疑。添加几秒钟,用户可以放弃任务,或者至少是菜单。

隐藏的导航会导致更糟糕的用户体验

我们收集的其他3个指标专注于用户体验的质量:

  • 内容可发现性。我们的任务非常简单,使用户提供了一个相当数量的自由(例如,“找到一个兴趣的技术文章”),因此人们实际上能够大多数时间完成它们。但是,鉴于我们研究的重点,我们使用更细微的成功措施(内容可发现性),而且不仅考虑了人们是否完成任务,还要考虑怎么样他们完成了它。因此,内容可发现性测量用户是否能够在这些情况下在这些情况下使用导航(而不是搜索)来查找它们正在寻找的内容,当内容未直接链接到主页。
  • 任务难度等级。在每项任务结束时,我们要求参与者评估任务从1到7的规模比较容易或困难,1简单,7个难以。任务难度是一个主观的公制;它测量用户的自我报告的任务评估。它通常反映了它们在使用该网站的整体经验,因此高估的难度评定将会间接说明在定位导航和浏览网站时遇到的实际困难。
  • 任务的时间。这种度量标准表示参与者完成任务的时间,无论是否成功。菜单可以添加或减少任务时间,如果很容易或难以找到,打开或使用,因此需要更长的任务时间也反映了由于可用导航较小的额外的交互成本。

我们的研究结果表明,在所有三个不同的指标中,隐藏的导航显着降低了移动设备和桌面上的用户体验

1.无论在移动设备还是桌面,当导航被隐藏时,内容的可发现性都要低得多这一数据显示,与使用可见或组合导航的网站相比,使用隐藏导航的网站的可发现性下降了20%以上。换句话说,可见或组合导航使人们更有可能成功地完成任务,而不依赖搜索。

条形图显示隐藏,组合和可见导航条件之间的可发现性差异。隐藏的导航再次得分最低,再次赢得冠军。文本中的详细信息。
隐藏导航的内容可发现性低于移动和桌面的其他类型导航。(我们没有在手机上只有可见导航的网站。
  1. 隐藏导航比可见导航或组合导航的难度要高得多:与可见的可见相比,难度评级显示隐藏导航条件增加了21%,与组合导航相比,隐藏导航条件增加了11%。这一结果与我们的其他发现一致并加强了结论隐藏导航使用户更难完成其任务。可见导航被列为最不困难的,最有可能的原因是它很容易被发现,用户可以立即扫描导航选项并从中选择一个。其他导航类型隐藏导航选项并增加交互成本。
条形图显示任务难度为1到7.隐藏2.6,组合2.3,可见2.1。
根据用户的评分,任务难度在隐藏导航条件下比在可见导航条件下增加了21%。复合条件下的增幅仅为11%。(这些数字代表了移动和桌面平台上的聚合数据。)在这个图表中,数字越低表示用户体验越好。
  1. 用户显着更长的时间来完成具有隐藏导航的网站上的任务,而不是在桌面和移动设备上使用具有可见或组合导航的网站
  • 桌面至少人们是这样慢39%当导航被隐藏(与可见或组合条件相比)。
  • 移动人们是慢15%当导航被隐藏时(与组合条件相比)。
显示隐藏导航的条形图最易于使用与桌面和移动设备上的组合或可见导航相比。。
在手机和电脑上,隐藏导航的平均任务时间更高(我们没有测试只有手机可见导航的网站)。

桌面和移动设备用户体验的差异

在本文的第一部分中,我们报告了移动用户比桌面用户更有可能使用导航(参见图1)。

  1. 隐藏的导航更有可能在桌面上减少内容可发现性而不是移动设备。换句话说,当用户发现需要使用导航的内容时,他们在桌面比在移动设备上更有可能失败。此外,当导航被隐藏时,成功的下降更大。这一结果也可以用桌面用户使用搜索的倾向增加来解释:搜索在桌面上更加突出(大多数时候),当内容的路径不是很明显时,用户可能更倾向于使用它。
  2. 桌面用户比移动用户更快(结合所有类型的导航时)平均而言,移动用户占用12%的时间来完成任务。这个结果并不令人惊讶:由于小屏幕和狭窄的通信通道在用户和设备之间,在移动设备上获得相同的内容通常需要更多的交互。

为什么隐藏的导航效果效果

为什么隐藏的导航有这些效果?在整个文章中,我们暗示了几个答案:

  1. 低的突出:在大屏幕尺寸(甚至在较小的手机上),小图标更难注意到。
  2. 低信息量菜单图标或标签通常不会告诉人们里面有什么,所以他们不知道点击它是否会找到他们需要的东西。
  3. 额外的工作当前位置要想知道菜单里面有什么,人们必须把它扩展。这增加了用户的交互成本,使他们不太可能这么做,或者,如果他们这么做了,他们可能需要更长的时间。
  4. 缺乏标准:不同的网站以不同的方式实现隐藏导航。有些网站使用它,有些则不使用。在移动设备上,模式已经开始形成,但是在桌面中隐藏导航的位置和标签有很多变化和不一致。
  5. 低的熟悉:特别是在桌面上,隐藏导航不是一个常见的模式,人们可能不会指望在可扩展菜单下找到全球导航。有些人也可能仍然不熟悉经常用于此类菜单的汉堡包图标。这种低熟悉程度加剧了缺乏减少长期学习的标准(如我们在我们的课程中进一步讨论)人类的思维和可用性,通过重复曝光相同的模式,促进了学习。)

在这5个反对隐藏导航的点中,只有最后一个可能在未来几年下降。假设,增加的设计标准化也会发生(这也会增加熟悉度),但是我们在过去几十年里观察web设计演变的经验并不能让我们乐观地认为强有力的设计标准会很快出现。低突出度,低信息气味,以及额外的工作这三个最大的缺点将永远是隐藏导航的诅咒,它将降低其可用性。

导航建议

这个研究对你的下一个设计项目有什么启示?

桌面:有很多屏幕房地产显示导航选项,我们推荐:

  • 不要在桌面用户界面中使用隐藏的导航(如汉堡图标)。
  • 取而代之的是显示顶级导航选项,通常在页面的顶部或左边。

移动:对于手机,没有艰难的规则。但我们的一般性建议是:

  • 如果您的网站有4个或更少的顶级导航链接,请将其显示为可见链接。
  • 如果您的网站有超过4个顶级导航链接,则唯一合理的解决方案是隐藏其中一些。我们确实发现隐藏导航所强加的可用性惩罚非常出现在移动中,但它小于桌面。因此,我们建议制作这种设计权衡,因为可扩展导航菜单的可用性远远优于替代设计。
  • 提供有关网站上重要信息的页面链接,或使用其他方法支持汉堡包(或其他一些隐藏的)菜单。

记得:尝试不一样吗移动。当然,还要遵循其他长期确立的原则菜单设计的UX指南

与研究有关的manbetx官网手机登陆其他文章本文是基于