咨询电话:186 7916 6165 咨询电话:186 7916 6165 (微信同号)    在线QQ:181796286
DESIGN SHARING ·
设计分享
关注开优网络 关注前沿
你应该向你的客户展示多少有关设计的建议
为什么你的内容文本需要更大字号的4个原因

侧边导航无处不在,但它们是否有效?

发表日期:2017-11-16    文章编辑:南昌开优网络    浏览次数:2479    标签:网站建设

网站设计导航中有一个很热门的话题:侧边栏导航。就目前来看,在实际的设计工作中,更多的设计师正在使用垂直的侧边导航为它们的设计增添一些吸引眼球以及不同于传统设计的亮点元素。很明显,大多数的网页设计在页面的左侧,你可以更多的考虑在特定位置添加这一元素。

虽然它看起来不错,可以有效的帮助简化整体设计的混乱情况,不过,它真的有效吗?用户是否会响应侧边导航?这是你应该考虑使用的设计趋势吗?今天,我们将尝试用一些实用和可用的答案来解决这个问题的核心。



1.侧边导航无处不在

侧边导航其实是隐藏式导航和其他一些有趣的菜单风格所融合、演变的一部分产物。响应式网站设计几乎迫使设计师考虑其他的方案来替代传统的导航模式,使得整体的设计在小屏幕上面的浏览变得更容易。汉堡包导航菜单图标就这样诞生了(很神奇对吗?)。

从汉堡包图标开始,这种风格演变成更多的弹出式样。其中一些导航菜单完全开放,而其他导航菜单则可以提供一个完整的用户选项通过设置一个可以下拉或展开的面板来承载栏目。不过,它们都有一个共同的主题,那就是汉堡包导航的图标进入了垂直滑动导航中。

全边栏导航似乎是这个想法的延伸。

不过就目前来看,这种迭代的趋势主要是左侧的侧边栏导航。它们往往很简单,通过使用单一的纯色(或覆盖),包括少量的栏目或按钮可供用户点击和选择。同时,导航栏同样包括logo或其他可代表品牌的标记,文本链接和社交媒体等其他图标和搜索的组合。

使这一趋势发挥作用的关键是确保侧边栏和周围的其他元素有足够的对比度,以便虽然置于屏幕的其余部分之上,它仍然能够清晰可见。同时,它必须适用于移动设备(这可能相当棘手),并且足够宽泛以保证字体仍具有可读性。

在考虑垂直侧边导航的同时,还有一个建议是:不要为了填满标准分辨率屏幕的深度来而填补这些元素。空白的空间是完全可以接受的——我们甚至强烈推荐使用空白作为这种导航格式的辅助工具。看这篇文章中的例子,你可以看到,在空间之中留出其他的空间,或者将元素对齐到顶部,底部或中心与周围的空间都可以很有吸引力。导航栏中的额外空间将有助于吸引眼球,有助于增加整体的可用性。



2.侧边导航优点


侧边导航具有很多关于美学方面的价值。虽然这个概念在网络的早期经常被使用过,但今天的垂直导航菜单是在时尚的基础上演化出来的另一种更贴近现代感的时尚。

使用垂直侧导航的优点包括:

· 左侧垂直导航其实更符合现代用户的浏览体验,因为左侧垂直导航正好位于F型“浏览路径”上,用户首先从顶部看到左下方,左侧作为内容浏览的起始点为最自然的阅读模式。

· 菜单项在最初不会作为隐藏项被隐藏,这就区别于其他的时尚风格,如汉堡包菜单。

· 所有元素在面板上方可以保持相等的重量。

· 当元素之间有足够的间距时,自上而下的阅读更有助于浏览。

· 为其他部分的设计区留下整洁的画布。

· 提供不同的形状画布,可以增加视觉感兴趣,或使用户更容易使用某些图像或视频内容。

· 可以通过更干净的方式包含更多的链接。



3.侧导航缺点


这里仍然有一部分人不喜欢垂直导航。而且在可用性方面的抱怨经常和侧边导航挂钩,一些设计师认为,垂直导航的方式为用户的浏览和开发人员增加了一定程度的复杂性。

使用垂直方向导航的原因包括:

· 垂直导航在响应框架中可能很难正常工作。

· 导航中的单词必须足够短,以适应窄列的同时不至于使文字不可读。

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

· 对于更宽的屏幕来说,需要滚动更远的距离,这样可能导致一些导航元素“丢失”。

· 来自垂直导航的额外“空间”可能会鼓励一些设计师跳过导航菜单,与顶部,水平导航一样,只贴站点内的前四或五个链接。

· 许多鼠标用户(右撇子)必须跨屏幕点击导航元素。这可能是一个麻烦的用户模式。

· 垂直导航需要滚动并粘贴到屏幕上,以便用户不会在浏览过程中失去它。通常垂直导航在单页设计上工作良好,但是随着更广泛的使用而变得有些尴尬。



4.它真的有效吗?


垂直侧导航是否可以正常工作?

现在还不能盖棺定论。

这个趋势可以让你的网站设计看起来引人注目。所以在这一方面还是有一些价值的,因为用户毕竟会会看到它。如果你的导航是点击模式和用户流程的重要组成部分,则可以考虑此选项。

总的来说,这种导航风格似乎对于只有少数导航选项和有限内容的小型网站最有效。这篇文章中的许多例子似乎是针对房地产相关的网页设计(完全是偶然的),但是它同样也可以用于创意或代理型网站。任何具有大量内容的设计都可能使侧边导航在设计和内容层次结构方面受到很大的限制。



5.其他导航怎么样?





非传统的导航风格是打破传统旧导航设计模式的有趣方式。垂直侧边导航只是几种想法之一。

任何非标准用户模式的导航缩带来的问题是你可能需要冒着混淆用户感官的风险,这甚至可能导致他们完全放弃网站。所以,任何这样的实验最好是在那些具有简单的整体视觉流程的较小的站点来测试。

还有另外两种导航方式,其中包括Aurora(上图)和AndCulture使用的90度倾斜文本导航(下图)所使用的水平汉堡包弹出式菜单。

这两种风格都提供了一些有点让人意想不到的功能,并且在各自的环境中都能很好地工作,尽管他们可能是难以理解的不同于传统的设计。与任何设计技术一样,如果你在正常用户模式之外执行某些操作,请务必经常分析和测试你的设计对于用户来说实际的操作和体验是否合理。如果有奇怪的点击模式,或者如果用户停止浏览导航,你可能会遇到所有非传统设计的共同问题,这样,你就需要尽早重新思考如何调整了。



总结

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