2019-02-14 16:47:00
底部标签式导航,即坐落于移动网站页面底部的,长时间的停留的标签导航栏,这种导航模式整被广泛应用于APP与移动网站建设的设计。数据显示,这种设计模式较之于隐藏式的汉堡菜单栏更受欢迎,并且使用的频率也会更高。具体是为什么呢?
1、小体积,大容量
底部标签导航栏占用的面积不大,仅占用页面底部几毫米的横栏,而且用户浏览页面的视觉习惯是,从上至下浏览,在浏览时会习惯性滑动加载更多的内容,底部的小小的导航栏面积对于用户的浏览体验并没有影响,即使导航栏固定,也不会影响用户的视线。
这种导航栏模式是一个页面能承载内容是不限的,每一个页面的内容还有更为精细的分类,手机网站就可承载更多的内容。
2、使导航看得见
我们通常说,给予用户更为熟悉的设计,便于用户的快速理解。汉堡菜单栏是用户很熟悉的设计,以前,很多移动网站建设有比较常使用这种导航设计,但是菜单栏的点击量并不理想,很大的原因是导航不可见,即使用户知道导航在哪里,用户也懒于开启查看。
而使用这种导航模式是把全部菜单栏全部摆出来,让用户直观看到网站大致分成几个部分,以供用户直接挑选,并且用户也可以直接点击跳转页面,较于汉堡菜单兰,省去了很多点击跳转环节,大大提升用户体验。
3、点击更容易
导航栏位于页面底部,也很契合移动用户使用手机的习惯。在单手使用移动设备时,用户点击页面主要使用大拇指,这时,以移动设备的右下角为圆点,大拇指为半径画一个弧,弧内的面积就是大拇指的较佳点击范围,而底部导航栏基本在这个范围内,用户想要点击也简单很多。
如果移动网站建设的内容比较多,层次比较多且复杂,为了提供更清晰的架构,可以使用底部标签导航栏+别的导航模式的设计,如顶部文本标签导航等,让用户更快找到相关的信息。