什么是垂直导航?

阅读时间:9 分钟

垂直导航是指将网站菜单放在侧面而不是顶部。这种设计通常用于屏幕较小的设备,例如智能手机。除了垂直导航之外,您可能还会听到它被称为侧边栏。

垂直导航的目的是确保用户在浏览网站时不会感到屏幕杂乱。您可能会看到一个汉堡图标用于展开选项列表,而不是下拉菜单。在其他情况下,导航栏将保持静态。

垂直导航对于内容丰富的网站尤为重要。类别显示在设计中,可以通过单击访问。虽然垂直导航常用于移动设备,但它也可以在台式机上实现。

专家提示:
在桌面设备上使用带有可折叠元素的垂直导航来优化空间。
要点:
  • 垂直导航是内容丰富的网站的关键考虑因素
  • 当您想要避免占用太多屏幕空间时,请使用垂直导航
  • 垂直导航需要迭代和测试才能满足您的目标和用户偏好
Hocoos 小 logo 解答 网站导航

垂直导航栏的优点和缺点是什么?

在网站上实施垂直导航之前,请仔细考虑其优缺点。了解您可能会遇到的问题对于避免这些问题至关重要。 

企业实施垂直导航栏的原因是: 

  • 视觉层次结构: 使用垂直导航可以创建清晰的从上到下的结构,方便用户浏览。 

  • 内容焦点: 将最重要的内容放在垂直导航栏的顶部。 

然而,垂直导航的一些关键注意事项是……

  • 屏幕空间: 放置位置至关重要;确保左侧或右侧垂直导航栏在屏幕上留有足够的空间。考虑使用汉堡菜单图标,以便用户可以打开和关闭它们。 

  • 熟悉度: 由于垂直导航栏不如标准顶部菜单常见,请向用户展示如何使用它们。 

  • 移动端实施: 考虑不同的屏幕尺寸,以便在移动设备上实施垂直导航栏。 
深入了解: 
使用垂直导航时,视觉提示非常重要。略微改变颜色是让用户注意到垂直导航栏存在的一种方法,但您也可以考虑选择相关的图标。 

哪些网站有效地使用了垂直导航?

在您的网站上使用垂直导航之前,请查看示例,了解如何应用这些原则。 

一些使用垂直导航的网站有: 

  • Facebook: 用户可以通过网站的垂直导航栏找到 Facebook Marketplace、他们的群组、保存的帖子等。 

  • Netflix: 该流媒体服务通过垂直导航栏将其电视节目和电影分为不同的类别(例如喜剧和戏剧)。 

  • Medium: 网站读者可以在侧边栏中找到他们可能想要浏览的类别和主题。 

  • Spotify: 用户可以通过垂直栏访问他们保存的播放列表。 在该区域,听众还可以选择创建新列表和更改顺序。 
深入了解: 
找出这些垂直导航栏的成功之处以及你不喜欢的地方。然后,考虑你的受众以及如何实施你自己的导航。 

垂直导航如何影响用户体验?

垂直导航会显著影响用户体验,但其优势并不总是 guaranteed。它与用户浏览您网站的方式互动的一些方式包括: 

  • 扫描: 使用垂直导航简化扫描和识别信息的过程。用户可能会从上到下扫描内容,而不是像使用水平菜单那样从左到右扫描。

  • 优先考虑内容: 如果您有一些页面或内容比其他页面或内容更重要,您应该将它们放在页面顶部。  
专家提示:
从用户那里获取反馈,并实施他们建议的垂直导航栏更改。 

垂直导航如何适应不同的屏幕尺寸和设备?

您的响应式导航必须能够适应不同的移动设备和桌面屏幕尺寸。考虑以下因素:

  • 折叠菜单: 使用按钮或图标,让用户可以在不需要时隐藏垂直导航栏。

  • 水平切换: 如果用户是从特别小的屏幕访问您的网站,请考虑将垂直菜单改为水平菜单。 

  • 简化导航栏: 网站导航很重要,但您应该避免提供太多选项,以免用户不知所措。 
专家提示:
采用移动优先的方法开始您的网站设计;考虑使用带有优化模板的网站构建器。 

总结

虽然不如水平导航常见,但您可能需要考虑在您的网站上实施垂直导航栏。优先考虑最重要的内容,并确保仔细优化导航栏,以免占用太多屏幕空间。 

评估用户如何与您的网站互动,并确保引导他们到 导航栏。使用图标或 颜色 来做到这一点。了解不同的用户体验实践对于实施垂直导航栏也至关重要。 

目录

准备好开启您的小型企业之旅了吗?

重要考虑事项: 我们的专家团队提供的信息旨在帮助您大致了解网站创建流程和可用功能。请务必注意,此信息不能替代根据您的具体需求和目标量身定制的专业建议。
阅读我们的 Answers 内容的编辑标准。
我们的目标是帮助您创建一个出色的网站。如果您在构建过程中有任何疑问或需要指导,请随时 联系我们 我们很乐意提供帮助并为您指明正确的方向。