编纂导语：在做中后盾产品的设计时，根本都逃不劝导航规划这个大框架，而基于用户的Z字形扫描行动，首要的导航应该选择左边导航或顶部导航。那末，详细应该如何选择呢？本文作者从迷信、规划、尺寸适配、一致性这四个角度进行了剖析，一同来看一下吧。
做中后盾产品的设计，根本都逃不劝导航规划这个大框架。
基于用户的 Z 字形扫描行动，首要的导航该当选择左边导航或顶部导航。
可是横着竖着有那末大差异吗？被人问道为何这么选择，该如何回答？
明天给大家些灵感，从下列四个角度剖析一下：
一、迷信角度
JR Kingsburg 已经做过一次试验（A comparison of three-level menu navigation structures for web design），钻研 3 层导航中，哪一种组合使用效力更高。
这三层中，每一个层都有横向和纵向两种可能性，所以试验总共有 2×2×2=8 种对比对于组：
所以，假如肯定选项少能够选横向，不肯定或者数量多倡议保险起见选纵向。
三、尺寸适主角度
任何导航，都要占领屏幕不少空间，这对尺寸适配都是一件费事事。哪怕产品其实不需求为挪动端做响应式规划，只有是网页端，就得斟酌窗口尺寸的变动问题。由于设计师的 Mac 和少量用户的 PC 乃至平板电脑之间，展现上的差别真的不小。
横导游航占领空间最小，同时也是最难做尺寸适配的。尤为是假如下面除了导航以外，还放有各种 logo、头像、图标、搜寻…各种货色时。横导游航个别都有三种形态：展开、折叠和收起。然而纵导游航就简略了，只需求两个形态：展开和收起。顶多再让展开形态的宽度可以自顺应变动或手动拉伸就差未几了。
这么看来，假如产品需求斟酌得多不同尺寸适配的问题，纵导游航是最简略的选择，除非横导游航的内容未几保护起来不费事。
四、一致性角度
我以前为了钻研肯定按钮放在左侧仍是放在右侧好，做了一系列试验剖析，后果得出超越我预期的论断…放哪都没多大问题，一致就好。因而，我想这个问题也能够类比一下。
大部份网站都是横导游航，所以说假如产品是以网页版为主，且用户会常常交叉跳转使用其它网页，那末也使用横导游航对比合乎习气。
而无论 PC 仍是 Mac，零碎页面的导航在左边的状况对比多，所以说假如产品是零碎软件的话，纵导游航对比合乎习气。
中级会员