2023 年我们是否需要大型下拉悬停菜单?可能不是。让我们探讨在设计和构建大型下拉菜单时要记住的事项、悬停菜单的替代方案以及设计更好用户体验的细节。
复杂的网站通常依赖于复杂的导航。当一个网站包含数千个页面时,通常结合微型网站和数百个子部分,最终导航将变得更深入和广泛。而如此复杂的多级导航,显示选项的广度需要相当多的空间。想想大型电子商务零售商和大型企业网站,它们迎合了许多受众并拥有大量切入点。
难怪处理这种复杂性的常用方法是让客户快速接触大量导航。这正是大型下拉菜单在某种程度上成为网络机构的原因——尽管主要用于复杂和大型项目。大型下拉菜单本质上是出现在用户操作上的大型叠加层。通常它包括混合的链接、按钮、缩略图,有时还包括嵌套的下拉菜单和叠加层。
几十年来,这种导航的常见行为是在鼠标悬停时打开菜单。几十年来,一个普通用户对这种模式的抱怨是绝对缺乏对子导航如何以及何时打开和关闭的确定性和控制。
有时子菜单会意外出现,有时会突然消失,有时会在屏幕上停留一段时间,尽管鼠标指针已经在页面的另一个非常不同的部分,或者完全在另一个页面上。
为什么巨型下拉悬停菜单令人讨厌?
大型下拉菜单使用起来很麻烦的主要原因是意图和期望不匹配。使用悬停菜单,我们尝试通过跟踪鼠标行为来推断特定意图并采取行动,但我们的客户在访问页面时可能有非常不同的目标和非常不同的限制。
客户的行为通常是不可预测的,尽管我们的分析可能会讲述一个稍微不同的故事,数据点在较长时间内收集并标准化。我们很少能准确地预测行为。
我们通常探索的常见场景有:
客户瞄准类别链接并直接前往该类别以探索该类别中的子导航项。
客户将鼠标移向屏幕上的目标,但鼠标必须移动的轨迹覆盖了一个导航链接,该链接会打开一个大型下拉菜单。
但是,还有很多其他情况需要考虑。仅举几个:
客户希望在输入搜索自动完成时查找大型下拉选项。为此,他们必须不断重新打开大型下拉菜单,或使用并排放置的单独浏览选项卡。
客户可能会使用触控板(或鼠标)来操作大型辅助显示器,因此指针移动会更慢、突然且不准确。这将导致每次用户在前往页面顶部的 CTA 或购物车时暂停时,大型下拉菜单会不由自主地打开。
客户想要打开类别页面,因此他们前往类别链接,单击它,但由于大型下拉菜单出现延迟而出现闪烁。
使用大型下拉菜单中的嵌套子菜单,客户希望在他们当前所在的类别中探索类似的项目,但由于嵌套,他们必须一遍又一遍地重新打开大型下拉菜单,并在同样的悬停隧道一遍又一遍。
想象一下,当您想要调整窗口大小时,就在您将要捕捉到窗口的右边缘时,一个悬停菜单不断出现——只是因为您将鼠标光标移动得太近了。 用户开始慢慢向下滚动以评估页面上的内容,但菜单不断弹出。并且每次用户移动光标来阅读大型下拉菜单的内容时,菜单都会意外消失。
问题是我们需要支持所有这些意图和所有这些事故,但同时我们需要确保我们不会为任何这些情况创造令人讨厌和令人沮丧的体验。当然,作为设计师和开发人员,我们已经发明了许多技术来解决这个问题。
未完待续。。