随着所有这些设备的增加，对网站的设计和功能的心态发生了许多变化。我相信由于这种转变，你已经听到了很多新的方法和想法。改变旧方法也有一些犹豫，我已经通过切换点击看到了它。我现在承认，正如你可能从标题中猜到的那样，我对一方有点意见，但那是因为我在开发网站时已多次进行这种思想实验。让我们来看看导航菜单的问题和需求，你也可以判断“点击”是否是一个很好的互动选择。

想要阅读快速的优点/缺点？

导航布局选项
为了让我们通过思考，最好先确定我们将使用哪种导航布局。有许多类型的菜单布局，但每种菜单布局都有各种站点地图的不同优点。您可以采用Apple的方法，并且没有子导航。这是最简单的点击导航。但是，一个可能的缺点是您必须经过多个页面才能到达目的地。您可能遇到过Jeffrey Zeldman撰写的关于设计原则的三次点击规则。我经常听到基于悬停的功能的论点，从表面来说它是有道理的。该规则在2001年左右流行，但到2003年已经有了测试结果来自用户界面工程，不支持该理论。用户的满意度并没有随着所涉及的点击量而发生变化，并且无论如何都可能完成它。我会更多地使用3次点击规则作为指导。是的，如果您只需点击一下即可轻松访问某个页面，很棒，但如果用户想要获取他们愿意点击的信息，那么就可以访问该页面。如果人们没有将您的网站级联起来，那么由于逐步披露，您的内容可能不仅仅是可用性。现在，让我们排除这种交互方法，因为它不会突出显示点击或悬停的差异。要注意的主要是用户可以点击。

好的，子菜单免费导航不是一个好选择，那还有什么呢？有英雄菜单占据导航栏的整个宽度，并有垂直堆叠的下拉菜单。后者将具有所需的最多交互，因为子菜单通常具有子子菜单，等等具有这些导航。因此，让我们为实验选择垂直堆叠的子菜单。我们还应该记住我们的站点地图，在确定站点地图之前不应该选择导航选项，但我认为了解我们的导航选项会很好。你有登陆页面吗？或者网站地图是否像Comcast一样例如，将主层导航用作类别而不是链接。因此，我们可以展示导航中更困难的方面，让我们一起使用登录页面，以便有一个页面用于所有主要层和子层链接。

现在，故事是什么？
现在我们知道正在使用哪个导航以及我们正在使用它的站点地图，让我们想象一下用户的故事将如何发展。假设您有一个电子商务网站，只销售90年代文化中最好的产品。一个特定的用户想要购买只有最亮的霓虹绿色Hammer裤子钱可以买。在您的站点地图中，该页面位于“Hip Clothes” - >“Awesome Pants” - >“Hammer Pants”中。因此，用户需要转到主要层项“嘻哈衣服”然后打开子菜单列表以找到“真棒裤子”，然后打开其子菜单以找到“锤子裤子”。我们还要说同一个用户想要在新标签中找到“Awesome Pants”，以防“Hammer Pants”无法解决。这个用户在Microsoft的Surface Pro上完成所有这些工作，因此他们可以用手指点击网站或使用他们的鼠标。我正在使用这种特定情况，因为它允许同时在一个设备上同时使用两种输入类型。

悬停有什么问题？
我们有我们的设置，选项和故事，所以现在我们可以进行基于悬停的导航。请记住，用户可以使用触摸或鼠标为“桌面”90年代的纪念品网站。想象一下，用户当前没有或正在使用鼠标。触摸用户无法获得真正的悬停，但有些设备会在触摸时执行悬停功能。像Superfish这样的Javascript库为非悬停用户设置点击功能以扩展菜单。因此，我们确实有选择在这些情况下悬停工作。但是，这些并不能完全为这些用户提供完美的界面。该用户目前正在尝试打开“Awesome Pants”页面以查看完整列表。她或者他点击“Hip Clothes”来扩展菜单，好像他们徘徊一样。然后用户点击“Awesome Pants” 但它有一个子菜单，所以它也打开了一个菜单。如果他们用鼠标徘徊，他们只需点击链接，然后转到“很棒的裤子”。那么触摸用户应该做什么？他们可以再次点击它，但这也可能会关闭菜单。他们可以按下并最终显示设备弹出菜单。但你能安全地假设用户甚至会知道他们可以做任何这些吗？也许用户认为它就像Comcast，“Awesome Pants”只是一个类别，而不是一个页面。当我们考虑触摸用户时，悬停只是不再削减它。我们可以实现变通方法和修复，以便设备了解悬停的作用，但我们无法解决触摸和指针设备发生的断开连接。如果他们用鼠标徘徊，他们只需点击链接，然后转到“很棒的裤子”。那么触摸用户应该做什么？他们可以再次点击它，但这也可能会关闭菜单。他们可以按下并最终显示设备弹出菜单。但你能安全地假设用户甚至会知道他们可以做任何这些吗？也许用户认为它就像Comcast，“Awesome Pants”只是一个类别，而不是一个页面。当我们考虑触摸用户时，悬停只是不再削减它。我们可以实现变通方法和修复，以便设备了解悬停的作用，但我们无法解决触摸和指针设备发生的断开连接。如果他们用鼠标徘徊，他们只需点击链接，然后转到“很棒的裤子”。那么触摸用户应该做什么？他们可以再次点击它，但这也可能会关闭菜单。他们可以按下并最终显示设备弹出菜单。但你能安全地假设用户甚至会知道他们可以做任何这些吗？也许用户认为它就像Comcast，“Awesome Pants”只是一个类别，而不是一个页面。当我们考虑触摸用户时，悬停只是不再削减它。我们可以实现变通方法和修复，以便设备了解悬停的作用，但我们无法解决触摸和指针设备发生的断开连接。但这也可能会关闭菜单。他们可以按下并最终显示设备弹出菜单。但你能安全地假设用户甚至会知道他们可以做任何这些吗？也许用户认为它就像Comcast，“Awesome Pants”只是一个类别，而不是一个页面。当我们考虑触摸用户时，悬停只是不再削减它。我们可以实现变通方法和修复，以便设备了解悬停的作用，但我们无法解决触摸和指针设备发生的断开连接。但这也可能会关闭菜单。他们可以按下并最终显示设备弹出菜单。但你能安全地假设用户甚至会知道他们可以做任何这些吗？也许用户认为它就像Comcast，“Awesome Pants”只是一个类别，而不是一个页面。当我们考虑触摸用户时，悬停只是不再削减它。我们可以实现变通方法和修复，以便设备了解悬停的作用，但我们无法解决触摸和指针设备发生的断开连接。当我们考虑触摸用户时，我就不再削减它了。我们可以实现变通方法和修复，以便设备了解悬停的作用，但我们无法解决触摸和指针设备发生的断开连接。当我们考虑触摸用户时，我就不再削减它了。我们可以实现变通方法和修复，以便设备了解悬停的作用，但我们无法解决触摸和指针设备发生的断开连接。

让我们暂时排除触摸，只关注悬停。为桌面用户悬停是好的，因为他们有鼠标吗？实际上，这与基本原则并不遥远。但是，有一些可用性方面也可能存在悬停问题。鼠标用户（取决于导航布局选项）会使项目更难点击，或者用户必须通过悬停隧道，这样他们就不会丢失菜单。用户不会意外地将鼠标移动太远，或者他们会关闭菜单等。因此，对于鼠标用户，您还需要记住许多潜在的问题。

“点击”桥接所有用户的功能
让我们让同一个用户通过完全基于点击的菜单。由于我们专注于触摸屏用户的悬停功能，让我们首先从鼠标用户的角度看一下“点击”。我松散地使用术语“点击”，因为从技术上讲，触摸/点按和“点击”之间存在细微差别，但最后它们都调用相同的功能。用户首先在“嘻哈衣服”上盘旋，没有任何反应。这是我听过的常见问题，但如果再次查看Apple网站示例，您会记得用户也习惯于简单点击导航和渐进式披露。所以，如果没有任何反应，你真的想要一些“很棒的裤子”，你或任何用户会做什么？点击。现在菜单已经扩展，用户刚刚了解到导航以这种方式扩展。他们将为“令人敬畏的裤子”做同样的事情并得到相同的回应...一个扩展的菜单。但是我们遇到了与悬停导航相同的问题。我们如何进入裤子登陆页面？

这与以前的问题相同，因为我们没有进行切换点击所必需的强制调整。那一个调整将是站点地图。我们需要在其子菜单中包含“Awesome Pants”链接。用户可以尝试再次单击相同的链接，但这只会关闭菜单。但是，如果您在子菜单中再次使用“Awesome Pants” - >“All Pants”或甚至只是“Awesome Pants”文本，则用户仍可以进入登录页面。就像网站上的表单或许多其他内容一样，当用户继续执行任务时，他们将专注于显示的新元素，并将从上到下和从左到右（英文）处理内容。如果你很容易理解新的措辞或甚至相同的措辞，用户可以识别出那里的登陆链接。这与悬停菜单示例之间的区别在于，有一些视觉效果可以指示要做什么，这是主要的。

现在我非常愿意反驳这个实验中的论点，例如“我们不能在悬停示例中添加子菜单链接并保持悬停状态吗？” 是的，你可以，但悬停用户现在有两个链接到同一个地方，所以可能会有一些混乱。再次，我们在用户之间断开连接。切换到“点击”的美妙之处在于它在所有设备，浏览器和操作系统中无处不在。您曾经使用的每个程序最有可能都有一个点击菜单，因为它是最简单和最友好的选项。如果我们记住Surface Pro用户的故事，他们可以同时访问触摸屏和鼠标。如果您创建了一种通用的体验，他们甚至可以使用不同的设备/计算机并确切知道如何使用它。从悬停切换到点击，从这个意义上讲，创建了一个易于学习和可重复的UI。我还可以了解所有悬停库如何与最新版本的Windows手机有问题，并且必须返工才能匹配。点击功能不需要调整。然而，这可能是另一天。

 

只是想快速比较一下？
好吧，也许这个思想实验还有一段时间，但这只是我们在开发优秀网站时必须考虑的一小部分。但为了帮助巩固利弊，我们来看看：

徘徊：
PRO：   鼠标用户可立即获得的信息，无需点击
该即时选项对触摸用户不起作用，因此他们仍然需要点击
CON：   触摸用户无法轻松识别登录页面
CON：   触摸屏和鼠标用户之间最终断开连接
CON：   对于鼠标用户而言，鼠标悬停通常也存在可用性问题
CON：   随着新设备和浏览器的发挥，悬停Javascript库最初可能会失败，就像他们使用Windows手机一样
点击：
PRO：   使用点击而不是悬停导航不需要额外的学习或解释
PRO：   到目前为止，所选择的“点击”互动在每台设备上均可用，并且很有可能在未来可用
专业版：   触摸用户将有一种易于识别的方式来登陆页面
CON：   您需要在登录页面的站点地图中添加额外的链接
具有子导航的项目将始终是类别而不是着陆，因此您需要为其创建登录页面
误区：   用户不应点击三次以上才能到达网站的任何位置。
这不是骗局，因为正如信息所示，用户可以点击更多。
您应该将该规则视为3页规则，而不是3次点击。只需点击几下即可获得一个页面可能比必须加载多个页面更好。
正如您所看到的，hover对于一种类型的受众只有一个非常具体的专业版，但对于绝大多数用户来说都包含很多缺点。点击菜单实际上只有一个弱点，即有更多的站点地图规划。但是，即使您使用基于悬停的菜单，也可能需要执行此操作。这个思想实验是为了确定哪个用户拥有最多的用户，并且点击一直为我所工作的每个网站赢取。