家好，我Clippp。今天家的文章「导航」设。如何顶部导航和侧边导航之间做出合理的选择呢？两种不同的设计方式能带来完差异化的验效果。
先来了解一项目的背景。Conduira online是一个线上的平台，为准备考试的户供有的工具和资源。这个平台目前有一个侧边导航栏，上面有11个项。后来由于平台的变，将导航的项缩减到3个——页、实习和课程。
导航的数变少了，团队又迎了新的问题：应该继续保留侧导航的设样式还切换顶部导航的样式呢？
了出合理的选择，我们需回答三基本的问题。
选择导航时回答这问题很重。这里介绍一趣的的交互概念叫视觉固（Visual Fixation）：注意力一直保持同一方。
在顶部导航，个视觉固定常适合个选项。然而，侧边导航上单视觉固定可以时容纳两个选项。
结很明确。与顶部导航相比，用户在视觉观察可以在侧边导航上查看和感知更多菜单选项。然顶部导航也有自己优势，为个菜单项赋予各自权，而不是让它们要性被其他选项分散。
对于有过滤选项或带有二菜的商网站，视觉固定的概念起了非常重要的作用。因为在这些情况下，希望用户能够在一的视觉点上尽可能多的选择。
Tips：里的选择仅仅取决界面上有少选项。果主导航的菜单项不5个，只需使用顶部导航，样能够更地控用户在整个平台上的验旅程。
用户在浏览网页或App时有各种各样的浏览顺序，其中一种就是「F型模式」。
看起来像这样：
F布的特点是将注视集中在页面的顶和左侧:
- 用户首先以水平移动的方式浏览内容区域，个动构成F型局的顶栏；
- 接来户扫描页面左侧的垂直线，进行第二次水平移浏览。随着路径越来越长，阅读覆盖的区域一次一次短，构成了F布面的分；
- 后用户以垂直移动的方式浏览整页面的内。
这种模式的含义是同一页面上的第一行本后几行本受到更多的注；每行本左边的几个字后面的字接受更多。
因此，顶部导航中左的选项比其他选项具多的视觉权重，因它于主视觉区域，优先级高。
侧导航采用了垂直移动，这用户浏览网页的一自然方向，但选项优先级的排序限制。当选项的优先级相同时，可以使用侧导航，这样用户就可以完整浏览列表并确对他们重的内。
如果的话，可以考虑利用以下两种设样式：
平导航——在页顶部设个主导航，在主导航下设级导航进步来区分内容。
侧边栏——在顶部设个主导航，然后在侧边设个侧边栏菜单来处理其他内容。
顶部导航侧导航之间的选择实际取决于以三基本的问题。
另由于现在设备有了更大屏幕尺寸，如今许多设计趋势已转侧边导航，为它看起来更干净并优化了更多屏幕空。
最后将导航的选择归结为点：
- 主导航含选项数量;
- 是希望用户根据优先浏览项目，还是希望用户可视化地浏览并根据其偏好选择项目。
欢迎关注作者微信公众号：「Clip设计夹」
浙公网安备33011002017549号