导航条是什么 导航条设计分析( 二 )


而侧边导航栏则不同,往往需要占据一个页面的 1/5 来做展示,会更多影响其他的内容 。
但是这里面横向导航栏有一个缺点无法避免,那就是一旦导航栏内容过多时,用户的操作就会非常不方便,需要滚动或者隐藏后续内容,导致操作成本和认知成本过高 。

导航条是什么 导航条设计分析

文章插图

从适配角度而言,现在多端场景越来越常见,那么横向导航会面临一个非常大的问题,当从PC端迁移至移动端时,因为LOGO、用户头像、状态图等信息占据头部横向位置,导致导航栏的内容会被进一步压缩 。
这个时候,用户操作成本进一步提高,当导航内容过多时,用户需要来回滑动自己的手机屏幕找到自己的位置,这违背了导航的初衷,即明确自己在哪,指引用户到自己想去的地方 。
而侧边导航栏则可以避免这个问题,侧边导航往往只有展开和收起两个状态,迁移到不同端上时,我们只需要让侧边栏合理的展示对应的内容即可,用户可以进行一定程度上的自定义,因为侧边栏往往并不需要和其他元素共用位置 。
无论是侧边导航还是横向导航,它们的作用都是清晰的,指引用户 。我们应该基于此目的来设计导航,在合适的场景下去使用合适的导航,当导航内容过多,且使用多端设备时,我们应该更多的考虑侧边纵向导航,因为它的兼容性和操作成本更少 。
当你的导航内容不多,且页面浏览内容较多时,那么我们应该考虑横向导航,提高页面的利用率,降低导航栏所占据的版面位置 。
当然无可否认的是,这两种导航栏方式都是极其好的 。
更重要的一点是,我们应该保持一个系统内的不同页面之间导航栏一致,千万不能出现A页面使用纵向导航,B页面使用横向导航的情况 。统一使用有利于用户操作,也方便我们做优化 。
【导航条是什么 导航条设计分析】题图来自 Unsplash,基于 CC0 协议


特别声明:本站内容均来自网友提供或互联网,仅供参考,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。