在网站设计中,导航设计与顶部导航设计哪种可用性更强?哪个更好用的话题可以说是一个经常需要琢磨的事,也是一个B端设计中绕不开的设计问题。随着如今网站建设形式越来越多样化及面对用户千姿百态的设备屏幕,我们在导航设计时,侧边导航与顶部导航哪种可用性更强呢?下面博纳网络跟大家探讨分析一下:
一、左侧导航
在国内访客习惯于使用 F 式的浏览路径,这使得左侧导航在一般情况下有着相对更强的可用性,它不需要用户视线上的查找,因为用户会下意识注意到它们的存在。
另外,左侧导航本身的排版逻辑,它通常可以显示比顶部导航多一倍的条目内容,如果你的信息架构本身涉及到的一级菜单条目较多的时候,采用左侧边栏导航是明显更合理的选择,而且这种导航非常适合随着时间推移逐渐增加条目的需求。
二、顶部导航
随着移动端设备的普及,对于顶部导航更加节省空间。如果我们经常使用笔记本电脑来浏览页面,会很容易注意到不同的导航模块对于页面空间的占用比例,左侧导航所占用的页面控件通常是同样内容量的顶部导航的占用空间的3倍,因为纵向的侧边栏导航需要考虑到横向的标题占用空间,再加上搜索等功能模块的加入,这种空间占用就成了不可避免的结果。
但是相对于来说,顶部导航栏适合做超级菜单。顶部导航正是因为和悬停出发下级菜单的功能很搭,所以很多电商和大型网站上会使用它来呈现条目众多的超级菜单。它是用来一次容纳超多条目的下级菜单的有效方式,这种布局也为产品展示和广告留出了足够多的空间。
三、两者的优势
侧边导航支持一级条目较多且层级较多的导航需求,扩展性良好,对于复杂的产品和自定义需求较多的产品、涉及到管理功能、 桌面级产品、 都适合使用侧边导航。
顶部导航,占用空间小,在页面的位置最为显著,涉及条目不多的时候效果非常好。对于层次结构简单的中小型网站,顶部导航还是很好用的,对于层级较少但是二级条目特别多的超级导航,顶部导航也是不二选择。
不过,博纳网络认为在网站设计中无论哪种导航栏都面临响应式设计的挑战。另外,它需要我们在有限的空间内如何呈现大量的导航条目也同样存在挑战。因此,具体我们在网站设计时,具体使用哪种导航栏是没有固定的,主要取决于网站的具体实际情况的需求来做也合理的设计,这样才能体现它的可用性。