编辑导语:在做中后台产品的设计时,基本都逃不开导航布局这个大框架,而基于用户的Z字形扫描行为,重要的导航应该选择左侧导航或顶部导航。那么,具体应该如何选择呢?本文作者从科学、布局、尺寸适配、统一性这四个角度进行了分析,一起来看一下吧。
做中后台产品的设计,基本都逃不开导航布局这个大框架。
基于用户的 Z 字形扫描行为,重要的导航应当选择左侧导航或顶部导航。
可是横着竖着有那么大差别吗?被人问道为什么这么选择,该如何回答?
今天给大家些灵感,从以下四个角度分析一下:
一、科学角度JR Kingsburg 曾经做过一次实验(A comparison of three-level menu navigation structures for web design),研究 3 层导航中,哪种组合使用效率更高。
这三层中,每一层都有横向和纵向两种可能性,所以实验总共有 2×2×2=8 种对照组:
他为这 8 种导航布局做了不同电商原型,让用户来买东西,并记录各种数据,结果发现了很多有意思的数据: