网页导航栏怎么设计好 第1篇
研究表明用户浏览网页时通常使用“F型模式”，顶部和侧边导航似乎都满足这样的定位要求。
然而，顶部导航中一个视觉固定点通常只适合一个选项，侧边导航上的单一视觉固定点可以同时容纳两个选项。
因此我们能同时看到多个导航链接，有效提高浏览速度。
网页导航栏怎么设计好 第2篇
重新设计导航始终是一个挑战，尤其当用户每天使用产品，已经习惯了导航的使用。
这个时候即使对导航进行微小的改动也会让用户感到困惑。
例如Jira Cloud从顶部导航过渡到侧边导航时，根据数据反馈有超过95%的早期用户更喜欢以前的导航形式。
网页导航栏怎么设计好 第3篇
对于没有太多选项的顶部导航，界面缩小到平板中也能保持所有选项可见。
在平板上侧边导航很可能会隐藏在汉堡菜单中，这样既能保持导航视图的一致性，也节省一定的空间。
顶部导航：
使用很少的空间并在页面上占据重要位置；
导航选项太多时效果受影响；
层次结构少的网站考虑使用顶部导航。
侧边导航：
对复杂且需要自定义导航选项的网站考虑使用侧边导航。
— The End —
原文：
网页导航栏怎么设计好 第4篇
看一下导航组件在电脑屏幕占用的空间，会发现侧边导航比顶部导航多占用3倍屏幕空间。
压缩侧边导航虽然可以节省空间但有时候并不有效。当导航标签压缩到只剩图标时，容易导致用户遗忘图标代表的含义。