设计趋势：侧导航无处不在，但它有效吗？

虽然它看起来不错，可以帮助简化在整个画布上的混乱，它真的有效吗？用户会响应侧导航吗？这是你应该考虑的设计趋势？今天，我们将用一些实用的答案来找到问题的核心。

侧边导航无处不在

侧导航是隐藏和有趣的菜单风格演变的一部分。响应式设计几乎强迫设计师考虑其他导航模式，以使在小屏幕上更容易。汉堡菜单图标诞生了。

这已经演变成更多的流行风格，从一个汉堡图标开始。其中一些导航菜单是完全开放的，而另一些导航菜单则提供了一种完全的用户选择选项。常见的主题是许多汉堡图标打开到垂直滑动的导航。

完整的侧边栏导航似乎是这个想法的延伸

当前迭代的趋势主要是左侧的窄栏导航栏。它们往往很简单，只有单一的纯色(或覆盖)，还包括一些可供选择的物品。导航栏可以包含logo或品牌标记、文本链接和社交媒体或其他图标和搜索的混合。

使这种趋势工作的关键是确保侧边栏中包含足够的对比度，以清晰地显示与屏幕的其余部分，它必须在移动设备上工作(这可能相当棘手)，并且宽度足够容纳可读的字体。

在考虑垂直导航时，还有一个建议:不要被诱惑塞进太多的元素，只是为了填满标准分辨率屏幕的深度。白色空间是完全可以接受的——甚至是非常推荐的——作为这种格式的设计工具。看看这篇文章中的例子，您可以看到，在条目之间留出空间，或者将元素对齐到顶部、底部或中间，每个空间都有吸引力。导航栏中的额外空间将有助于吸引眼球，有助于增加总体可用性。

导航的优点

侧边导航具有审美价值很多。虽然这一概念在网络早期被频繁使用，但今天的垂直导航菜单却是时尚而时髦的。

使用垂直导航的优点包括：

左边的垂直导航属于f型的长笔画，在这个过程中，读者首先从上方看，然后在左边作为一种自然的阅读模式

菜单项不是最初隐藏的，经常出现在其他流行样式如汉堡菜单上

物品的重量与卷轴上的重量相等

当元素之间有足够的间隔时，自上而下的阅读很容易扫描

在剩下的设计中留下整齐的画布

提供一个不同的形状画布，它可以增加视觉兴趣，或者使用户更容易地使用特定的图像或视频内容可以以一种干净的方式包含更多的链接

导航的缺点

有很多人不喜欢垂直导航。虽然在可用性方面最大的抱怨与右端导航有关，但一些设计师认为，垂直导航样式为用户和开发人员增加了一层复杂性。

反对使用垂直边导航的理由包括:

在一个响应性的框架中，要让垂直导航正常工作是很困难的

导航中的单词必须足够短，以便在不使用不可读的字体的情况下在狭窄的列中进行匹配

垂直导航所使用的空间可能对其他内容更有价值。

在更大的屏幕上，滚动条更高，一些导航元素可能会“丢失”。</li>

来自垂直导航的额外“空间”可能会鼓励一些设计师走极端，并干扰导航菜单;与顶部的水平导航一样，只在站点的前四或五个链接中使用。

许多鼠标用户(右撇子)必须通过屏幕来点击导航元素。这可能是一个麻烦且最终令人讨厌的用户模式。

垂直导航需要滚动和“粘贴”到屏幕上，这样用户就不会失去它。垂直导航通常在一个页面设计上很好，但是在更广泛的应用中却显得很笨拙。

它真的有效吗?

垂直边导航真的有用吗?

这个问题还没有定论。

这一趋势引人注目，让你看起来很有吸引力。所以，这是有价值的，因为用户会看到它。如果您的导航是单击模式和用户流的重要部分，那么这个选项可能是一个考虑因素。

总的来说，这种导航方式对于只有少量导航选项和有限内容的小网站来说是最有效的。这篇文章中的许多例子似乎都是房地产情结(完全是偶然的)，而它似乎也适用于创意投资组合或机构网站。任何包含大量内容的设计都可能让人觉得边导航在设计和内容层次上过于严格。

其它导航的位置呢？

非传统的导航方式可以是一种有趣的方式来打破一些老的设计模式。垂直选项只是其中一个想法。

任何非标准用户模式的问题是，你会有让用户迷惑的风险，导致他们完全放弃这个网站。任何这样的实验都是最好的一个较小的网站，它有一个简单的整体视觉流程。

另外两种导航方式正在开始获得一些牵引力，如极光(顶部)使用的水平汉堡弹出式，以及AndCulture(下)使用的90度倾斜的文本导航。

这两种风格都提供了一些意想不到的东西，在各自的环境中都能很好地工作，尽管它们可能很难理解不同的设计。与任何设计技术一样，如果你在正常的用户模式之外做一些事情，一定要经常注意你的分析和测试。如果有奇怪的点击模式，或者用户停止浏览导航，你可能会遇到非传统设计的问题，需要重新考虑。

结论

有一件事是肯定的，当涉及到导航趋势时，用户和设计师似乎已经厌倦了完全隐藏的样式和需求选项，这些选项在台式机和移动设备上的格式类似。这可能是垂直模式流行的原因之一。