滑动页面tab切换_马蜂窝tab标签栏设计

大家好，这是我的100天日更计划第七十八篇，今天要给大家分享的是马蜂窝tab标签栏设计。 进入马蜂窝APP首页，可以看到底部悬浮的tab栏，分别为「首页」「目的地」「发布」「商城」和「我的」，点击即可进入相对应的一级功能页面。在每个一级页面用户下滑时，tab栏会自动隐藏起来，仅显示「发布」入口，当停止滑动或者上滑时，tab栏就会再次出现。

这样的设计之前在识货APP见到过。根据用户使用场景，判断用户上滑页面时，注意力集中在Feed流商品信息，所以功能按钮会右滑隐藏，减少视觉干扰，营造沉浸式浏览体验。当用户下滑页面时，推测用户是在寻找其他功能的入口，这时候需要尽可能把功能按钮都展示出来，方便用户点击跳转。这种根据用户使用场景，提供人性化的交互方式，可以提升产品使用体验。

但这种交互有以下几个弊端，在设计时要权衡用户的可接受度。 1)有一定的学习成本，会导致体验感比较差 2)会降低其他页面的流量 3)不确定性会降低用户对产品的安全感 今天的分享就到这里，明天我们继续相约此地。