导航是Web网站重要的元素:置顶菜单的设计研究

导航是Web网站中最重要的元素.

SirsiDynix公司UX/UI设计师Hyrum Denney在Smashing Magazine上发表了一篇文章《Sticky Menus Are Quicker To Navigate》，分享了自己对“置顶菜单”进行的可用性研究成果，及实现技术和相关挑战。CSDN对该文进行了编译，内容如下：

导航是Web网站中最重要的元素之一，大部分设计师都同意这一点。尽管如此，现在的导航并不总是容易使用。通常，用户必须滚动到网站的顶部才能访问导航菜单。最近，我在研究“置顶菜单”是否可以加速网站的导航。对此我进行了可用性研究。下面将展示本次研究的成果，以及一些实现的技术及相关的挑战。

置顶导航的定义

置顶（或固定）导航是被锁定在网站某位置的菜单，当用户滚动页面时，该导航并不会消失，换句话说，用户可以在网站的任何地方访问该导航，而不用滚动页面。虽然置顶导航可以应用到任何菜单中，比如页脚、社交媒体按钮，但一般主要用于网站的导航上。图2展示了移动设备上标准导航与置顶导航的不同之处。

可用性研究

研究背景

为了本次研究，我专门创建了两个几乎完全一样的测试网站。唯一的不同点是一个具有标准导航，另一个是置顶导航。在第一个网站中，要求四十个参与者限时完成5个任务。然后再到另一个网站上去完成另外不同的5个任务。这两个网站均在桌面电脑上进行测试，直到最后才会告诉用户两网站之间的不同。在测试完全结束后，通过对数据的分析，我得出两个有趣的结论。

1.置顶菜单可使导航快22%

研究数据显示，参与者不必将页面滚动到顶部，就可以快速地找到他们所需要的内容。22%看起来可能并不是一个大数据，但对访问者却有很大的影响。根据该数据，置顶导航可以帮助访问者每5分钟节约36秒。当然，如果你正增强用户体验，让用户在页面中停留更长的时间只是其中的一个好处。应该让用户深入探索该网站，不受任何限制地找到所需要的东西。

2.100%的参与者更喜欢置顶菜单，但不知道喜欢的原因

在测试的最后阶段，我都会问用户是否注意到两个网站的不同之下。但没人能说得出。变化很微小，没人注意到它，因为他们都在专注于完成彼此的任务。当询问参与者感觉哪个网站更容易使用。40位参与者均认为有置顶导航的网站更容易使用（使用更快速）。很多人评论说：“我不知道这两个网站有什么不同之处，但我感觉通过点击置顶导航可以节省更多的时间。”如此评论显示出用户对置顶导航的绝对支持。

桌面软件的置顶导航

想象一下，你正在Word中输入一个文档，每当你想加粗一个单词，或加宽页边距，都必须滚动到第一页进行设置。是不是一想起来，就让人沮丧啊。无论你正在做什么，大部分桌面软件都会时刻提供一个完整的导航菜单供你访问。Web浏览器也应该这样，如果我们必须滚动到网站的顶部才能访问浏览器的地址栏，那就太可笑了。

相关的主题文章：http://tianmtbsc.diandian.com/