众所周知,Material Design 的 Guideline 里面指出,要避免使用Bottom tab bars 。

wp-1457711212954.jpg

但是部分PM认为Bottom tab bars具有高可见性,用户使用也更直观更方便,没有学习的成本。

但实际上,底部出现 Tab bars 没有给用户带来便利的操作。

Screenshot_20160303-143400

首先是可用空间的减少,不常用的标签完全可以放到 Drawer 中以保持简洁。

Google+ 在使用了底Tab之后的几个版本加上了滑动隐藏,这样提高了可用面积,但是会出现一个问题。

screenshot_20160311-164208.png

就是这样,向上滑动的时候底栏向下回收,向下滑动的时候底栏向上出现,这样反而更加的反直观和认知,直观认知应该是滑动方向上所有元素同向。

底部的Tab对屏幕的分割是很严重的,把屏幕分成了上中下三个区域,而且手持手机一般是握住手机下半部分,视线也在相应的位置上,所以应该给拇指可操纵区域留出最大的面积来显示主要的内容。

如果有三个左右的常用标签,可以使用顶部的Tab,我认为这是更为便捷的方式。

wp-1457713294975.png

有人认为顶部标签不容易够到,如果手机太大,但实际上顶部标签只是充当了一个指示器的作用,切换标签是可以在内容上左右滑动的。


例如谷歌的小青蛙天气,滑动就是切换标签,当然滑动有图表的地方就是左右滑动图表。

在滑动隐藏方面也是符合直观感受的。

对于有些认为用户不知道顶部Tab可以滑动的PM,我想说的是

永远不要低估你的用户
这种只有几个小点当滑动指示器的桌面,是不是意味着用户连桌面可以滑动切换都不知道了?╮(╯_╰)╭

Screenshot_20160312-002728_mh1457714713608