尝试我们的网格 主要和次要项目

RAHIM26

由于屏幕顶部变得难以触及，因此将主菜单项放置在靠近底部的位置是更好的选择。但其他同样重要的事情又如何呢？ 我提出两个想法来解决这个问题： 将搜索栏或任何非主要项目置于顶部； CTA 按钮应保留在菜单项旁边的底部，因为它是导航的重要组成部分。 重新构想的主要和次要导航项目的线框图。 重新构想的主要和次要导航项目的线框图（大预览） 这将如何影响大菜单的滚动？  有些网站有丰富的菜单、子菜单以及介于两者之间的所有内容。自然地，就会涉及到滚动。在这种情况下，翻转主要/次要项目如何工作？ 重新设计的大菜单的线框图 重新设计的大菜单的线框（大预览） 固定主要和次要项目（菜单链接、徽标、搜索输入），同时保持菜单列表可滚动。这样，您的用户将能够获得他们需要的关键内容。 你把标志放在哪里？  您可能对徽标的位置有疑问。

有两种方法可以解决这个问题： 将徽标放在底部可能有点尴尬，但是拇指很可能 美国手机号码列表 不会阻碍它。不过，由于我们倾向于从上到下扫描，因此可能会错过它。 更合理的选择是将徽标保留在页面顶部，但不固定。使其成为内容的一部分，这样当您滚动时它就会消失。这样，人们仍然能够完美地看到它。 如您所见，我在线框中使用了菜单标签。Kevin Robinson 发现在图标旁边放置标签可以提高 75% 的参与度： 徽标的线框位于顶部，而菜单位于底部 徽标的线框位于顶部，而菜单位于底部。（大预览） 它如何与车把配合使用？  某些操作系统和浏览器倾向于将屏幕的底部区域用于其自己的目的。iOS 手柄可能会妨碍底部导航。确保导航足够宽敞以容纳 iOS 安全区域。 iOS 把手和安全区域 iOS 把手和安全区域（大预览） 如果将徽标放置在中心位置，则该链接可能会与车把功能发生冲突。



一点填充就能达到目的。 用户会适应这种模式还是会觉得它令人迷惑？  当我写这篇文章时，我一直在思考这是否会导致用户浏览网站时进行重大重新设计或简单的可用性改进。毕竟，根据雅各布定律，用户大部分时间都花在其他网站上。这意味着用户更喜欢您的网站以与他们已经熟悉的所有其他网站相同的方式工作。 作为雅各布定律的反驳，我想提出菲茨定律。它认为捕获目标的时间是目标距离和大小的函数。基本上，目标越小、越远，交互成本就越高。NN/g 有一个精彩的视频更详细地解释了这一点： “与顶部菜单图标相比，底部汉堡菜单图标的交互成本要低得多，因为它更接近。通过将菜单 CTA 放置在拇指附近，我们可以让用户更快地达到最终目标。如果该功能降低了用户的交互成本，用户是否会觉得该功能让人迷失方向？可能不会。