网站菜单是你认为理所当然的事情之一——直到你试图使用一个非常糟糕的菜单。理想情况下,用户可以立即了解网站提供的内容,只需单击一两次即可访问所有重要内容。在最糟糕的情况下,用户最终会迷路和沮丧,找不到他们正在寻找的东西。本文将引导您了解菜单设计的基本知识,并帮助您了解哪些选项最适合您的网站。
为什么你的网站菜单很重要?
您的网站菜单非常重要,因为它可以帮助用户浏览您的网站。当然,有时用户会直接从搜索引擎到达他们正在寻找的页面。但通常你的访问者想在你的网站上查看不同的页面。你的菜单应该在每个页面上使用,所以如果你设计得很好,用户到达的位置并不重要:他们总是能找到他们需要的东西。
阅读更多:着陆页优化和转化入门指南
除了菜单的基本导航功能外,它还是一种巧妙的方式,让用户了解您的网站提供的内容。你可以把它想象成每页的横幅,上面写着这就是我们所做的。充分利用这个机会!
是什么创造了优秀的网站菜单?
一个好的网站菜单应该包含链接,指向你网站的所有最重要的部分。因此,你最终决定放什么。但无论你决定包含什么,绝对有必要让你的菜单可用。
不要:添加太多的菜单项:添加太多的菜单项:
你能做的最糟糕的事情之一是使用太多的链接来超载你的菜单。这使它看起来很混乱,用户需要努力工作才能找到他们需要的东西。根据你选择的菜单设计,如果你有太多的链接,有些链接最终可能无法访问。例如,如果您使用下拉菜单,用户可能很难访问屏幕外的链接。
做:选择性或使用其他导航选项
最好的选择是选择菜单中包含的内容,但不可能选择更大或更复杂的网站。幸运的是,拥挤的菜单还有很多其他的解决方案。
解决方案是创建中心页面或类别,然后添加到您的菜单中。然后用户可以导航到相关类别或中心,并从中找到更具体的内容。
第二个解决方案是添加子菜单;这些是额外的菜单选项,仅在用户停止或单击特定菜单区域时出现。子菜单可能很方便,但它们也可能变得凌乱和困难。因此,如果您确实使用子菜单,请适度使用。
第三个选项是在导航菜单中包含一个搜索栏。这样,如果用户在您的菜单中看不到他们正在寻找的内容,他们可以在您的网站上搜索他们需要的内容。无论你的菜单是否太乱,搜索栏都是一个很好的功能。但它确实需要一些时间来配置你的搜索功能,否则它不会真正有帮助。
不:只为桌面设计站点菜单
当您使用台式计算机构建网站时,很容易忘记移动用户。但这是您最不想做的事情,尤其是在您的站点菜单设计方面。一个看起来不错且在桌面上运行良好的菜单可能在手机或平板电脑上完全无法使用。现在越来越多的人使用移动设备上网,考虑桌面和移动设备的菜单设计非常重要。
做:确保您的网站菜单能够在移动设备上运行
有两种选择可以创建适合桌面和移动设备的菜单。首先,您可以添加一个响应菜单,以适应所使用的屏幕尺寸。或者,您可以为网站的移动版本创建一个特定的菜单。无论您选择哪种解决方案,测试几个不同的屏幕尺寸,以确保最终结果对用户友好。
常见的网站菜单设计
有许多不同风格的菜单可供选择。著名的例子是汉堡菜单、下拉菜单和侧栏菜单。野外还有一些非常抽象和有创意的菜单!然而,实现这些风格对整体印象和可用性有很大影响。
以下是一些更标准的选项:
极简网站菜单
如果你有一个简单的网站,只有一两个在线目标,选择简单的菜单设计是有意义的。Behance 是一个展示和发现创意作品的网络,所以它不需要复杂的菜单。它们只包括3个菜单选项:发现、直播和工作。这使得用户可以专注于搜索字段和显示的创意作品。
一些网站使用更简单的菜单风格来迎合他们的移动用户。汉堡菜单(看起来像这样:)是移动网站流行的极简主义选择,因为它占用的屏幕空间很小。例如, Joolz.com 在移动版本中,有三个简单的图标可以帮助用户导航:搜索、购物车和汉堡菜单。单击汉堡菜单以显示其产品类别列表。这样的解决方案可以很好地在移动设备上工作。
经典网站菜单
经典菜单可能是最容易使用的。这些专注于选择网站的主要类别或区域,并使用带有文本标签的按钮将用户引导到正确的位置。水平导航栏是最常见的经典菜单类型。有时,在主菜单项下方有一些下拉选项。WordPress.org 在其桌面网站上使用了经典的菜单设计。其中两个菜单项有一个下拉按钮以显示更多选项:“支持”和“参与其中”。
另一种经典的菜单风格是侧栏。你可以在百度地图上看到这个菜单。通常,汉堡菜单按钮可以用来打开这些类型的菜单,按钮可以再次关闭。这是提供全屏内容的好方法,因为菜单大部分时间都是隐藏的。
超级菜单
超级菜单是一种下拉菜单,但不是每个主菜单项下都有一列链接,而是有多列空间。这些菜单在更大、更复杂的网站上很受欢迎,因为它们为链接提供了比其他菜单风格更多的空间。因此,理论上,你可以对链接不那么挑剔。正确的?
事实上,这种所谓的好处可能是大菜单的失败。即使所有的链接都可以包含在内,菜单中包含太多的内容也可能会让用户不知所措。尽管如此,如果您将自己限制在适当数量的菜单链接中,大菜单可能是您网站的最佳选择。
你可以在世界粮食计划署的桌面网站上找到一个非常完整的大型菜单示例。在这种情况下,下拉菜单显示国家/地区列表,用户仍然可以轻松浏览菜单。但想象一下,如果所有这些链接都是关于不同的主题的。然后用户很难找到他们需要的东西,就像他们在凌乱的抽屉里搜索一样。
其它导航选项
你可以用网站菜单做很多事情,但这不是唯一的导航选项。许多网站在网站页眉或页脚上添加额外的导航链接。您经常在这些空间中看到登录或更改网站语言的选项。然而,如果您确实选择添加页脚链接,则必须禁止无限滚动,否则您的用户将永远无法到达页脚。
另一种可能性是创建用户可以访问的网站地图页面。这显示了您网站所有页面的结构化列表。这些不像以前那么受欢迎,但它们仍然可以成为网站导航的强大工具。
网站菜单和 SEO
你的网站菜单会影响 SEO ?当然可以!你不太可能从向菜单添加项目中获得很多内部链接的好处。但是你的菜单还有其他方法可以让你的 SEO 受益,这与用户体验你网站的方式有关。
如果用户找不到他们正在寻找的内容,他们可能会离开得更快,可能不会再回到你的网站。搜索引擎可以接收到这些信号。因此,一个伟大的菜单绝对可以帮助你 SEO,尽管是间接的。
您将选择哪个网站菜单?
作为一般规则,尽可能简单地保持菜单是个好主意。特别是对于较小的网站和刚开始的网站,经典或简单的菜单应该对你非常有用。如果你有一个巨大的网站,你需要更努力地思考你的用户需要看到什么,以及如何最好地显示它们。
一旦你有一个令人满意的设计,请尝试并给你他们的反馈。如果您真的想使您的网站菜单可用,您可以执行基于任务的用户测试。无论如何,请确保您的网站菜单适合您的用户,并为他们提供良好的体验!
原创文章,作者:墨羽SEO,如若转载,请注明出处:https://www.moyuseo.com/tutorials/wzyh/28762.html