Tab bar即我們手機(jī)app中的一級(jí)導(dǎo)航欄，打開你的微信首頁，便可以看到底部那條每天被你點(diǎn)擊無數(shù)次的導(dǎo)航欄，那么在app軟件設(shè)計(jì)中，Tab bar是否要固定呢？也就是說當(dāng)你點(diǎn)擊到二級(jí)、三級(jí)頁面里的時(shí)候，這個(gè)導(dǎo)航欄是否會(huì)消失？

我們先來看看典型的Tab bar固定設(shè)計(jì)的案例

如上圖所示，我們?nèi)粘３Ｓ玫腶pp store、網(wǎng)易云音樂、Twitter、instagram都采用了固定Tab bar模式，而其他我們常用的如微信、支付寶等產(chǎn)品卻沒有采用這種設(shè)計(jì)，那么當(dāng)我們進(jìn)行app規(guī)劃時(shí)，如何對(duì)兩種方案進(jìn)行取舍？

首先我們分析一下固定Tab bar的優(yōu)劣

優(yōu)點(diǎn)：

1.能夠讓用戶在2、3級(jí)頁面甚至更深的層級(jí)內(nèi)快速切換到其他模塊，不用進(jìn)行多次的返回操作；

2.模塊清晰化，讓產(chǎn)品整體結(jié)構(gòu)一覽無余，易于用戶理解和操作。

缺點(diǎn)：

1.最直觀的，Tab bar模塊會(huì)占據(jù)屏幕一部分區(qū)域，使整個(gè)屏幕展示的內(nèi)容相對(duì)減少，造成寸土寸金的屏幕產(chǎn)生一定的浪費(fèi)；

2.持續(xù)存在的Tab bar占用屏幕的同時(shí)，也無法給用戶帶來沉浸式的用戶的體驗(yàn)，雖然可以用滑動(dòng)等交互來進(jìn)行隱藏操作，但是還是專注內(nèi)容本身方面還是有所欠缺；

3.雖然手機(jī)屏幕在不斷的擴(kuò)大，但app依然無法像web界面一樣設(shè)置復(fù)雜的導(dǎo)航，固定Tab bar情況下，如果二、三級(jí)界面依然存在導(dǎo)航，無論視覺還是界面邏輯都會(huì)趨于復(fù)雜，難以理解使用；

4.也就是最重要的原因，就是會(huì)帶來路徑邏輯上的沖突，我們用微信為例子分析這種情況的產(chǎn)生。

根據(jù)上述例子我們可以看到，通過不同的Tab bar路徑，我們進(jìn)入了同一個(gè)好友相冊的界面，產(chǎn)生了邏輯沖突，因此這種條件下Tab bar是不合理的。

綜上所述，是否固定Tab bar需要從自己的產(chǎn)品業(yè)務(wù)邏輯考慮！

產(chǎn)品是工具型產(chǎn)品，需要用戶快速找到模塊“用完即走” or內(nèi)容型產(chǎn)品，需要給用戶代入感和沉浸式體驗(yàn)？

產(chǎn)品本身是否有足夠清晰，淺層次的邏輯設(shè)計(jì)，能夠避免Tab bar的路徑?jīng)_突？

產(chǎn)品導(dǎo)航設(shè)計(jì)是否能兼顧美觀、簡單和易用？

能否協(xié)調(diào)好屏幕各模塊占比關(guān)系？

回答好以上內(nèi)容，相信你心中對(duì)app的Tab bar取舍有了自己的答案！