UI设计中导航放在哪个位置合适?分别有什么好处?

李冰琪            来源:优草派

导航栏是页面设计中常用的控件,可以影响到用户的体验感等。那么导航栏放置在哪个位置能够更方便用户操作呢,下面我们一起来了解学习一下UI设计中导航放在哪个位置合适以及分别有什么好处。

UI设计中导航放在哪个位置合适?分别有什么好处?

左侧导航更容易浏览

研究表明用户习惯于使用 F 式的浏览路径,对于这一点来说,左侧导航栏的优势在于它不需要用户视线上的查找,因为用户会下意识注意到它们的存在。

顶部导航更加节省空间

如果我们经常使用笔记本电脑来浏览页面,会发现左侧导航占用的页面空间通常是同样内容量的顶部导航占用空间的3倍,顶部导航更加节省空间。即使左侧的菜单栏可以折叠也很不方便,因为这可能会隐藏相关条目的标签信息,降低了导航的可用性。

侧边导航更容易缩放和收纳

如果信息架构本身涉及到的一级菜单条目较多,这种情况下采用左侧边栏导航更合适,这种导航非常适合随着时间推移逐渐增加条目的需求。

侧边导航支持定制化导航结构

侧边导航虽然占用的空间更大,但是它也有着更多的空间根据需求来定制各种不同的需求,相比于顶部导航,侧边导航甚至可以直接将分层的二级菜单直接展现出来。

侧边栏更和桌面端系统更一致

macOS 和 Windows 操作系统当中,系统默认的用户界面大都采用了灵活的侧边栏导航设计,很多 web 应用也是这样。所以采用侧边栏导航的 UI 界面可以和操作系统的逻辑保持一致。

悬停激活下级菜单在顶部导航中更好用

悬停激活抽屉式下拉菜单的设计更适用于顶部导航,但是在侧边栏导航当中,这种设计可能会在一定程度上遮挡住下级菜单。

顶部导航栏适合做超级菜单

因为悬停激活下级菜单的功能更适合顶部菜单,所以通常情况下会使用它来呈现条目众多的超级菜单。可以用来一次容纳超多条目的下级菜单,这种布局也为产品展示和广告留出了足够多的空间。

以上就是关于UI设计中导航放在哪个位置合适的相关分析,无论放置在哪里都是为了方便用户的操作和习惯,在不同的情况下可以选择对应合适的放置位置。

【原创声明】凡注明“来源:优草派”的文章,系本站原创,任何单位或个人未经本站书面授权不得转载、链接、转贴或以其他方式复制发表。否则,本站将依法追究其法律责任。
TOP 10
  • 周排行
  • 月排行