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

如上圖所示,我們?nèi)粘3S玫腶pp store、網(wǎng)易云音樂、Twitter、instagram都采用了固定Tab bar模式,而其他我們常用的如微信、支付寶等產(chǎn)品卻沒有采用這種設(shè)計,那么當(dāng)我們進(jìn)行app規(guī)劃時,如何對兩種方案進(jìn)行取舍?
首先我們分析一下固定Tab bar的優(yōu)劣
優(yōu)點:
1.能夠讓用戶在2、3級頁面甚至更深的層級內(nèi)快速切換到其他模塊,不用進(jìn)行多次的返回操作;
2.模塊清晰化,讓產(chǎn)品整體結(jié)構(gòu)一覽無余,易于用戶理解和操作。
缺點:
1.最直觀的,Tab bar模塊會占據(jù)屏幕一部分區(qū)域,使整個屏幕展示的內(nèi)容相對減少,造成寸土寸金的屏幕產(chǎn)生一定的浪費;
2.持續(xù)存在的Tab bar占用屏幕的同時,也無法給用戶帶來沉浸式的用戶的體驗,雖然可以用滑動等交互來進(jìn)行隱藏操作,但是還是專注內(nèi)容本身方面還是有所欠缺;
3.雖然手機(jī)屏幕在不斷的擴(kuò)大,但app依然無法像web界面一樣設(shè)置復(fù)雜的導(dǎo)航,固定Tab bar情況下,如果二、三級界面依然存在導(dǎo)航,無論視覺還是界面邏輯都會趨于復(fù)雜,難以理解使用;
4.也就是最重要的原因,就是會帶來路徑邏輯上的沖突,我們用微信為例子分析這種情況的產(chǎn)生。


根據(jù)上述例子我們可以看到,通過不同的Tab bar路徑,我們進(jìn)入了同一個好友相冊的界面,產(chǎn)生了邏輯沖突,因此這種條件下Tab bar是不合理的。
綜上所述,是否固定Tab bar需要從自己的產(chǎn)品業(yè)務(wù)邏輯考慮!
產(chǎn)品是工具型產(chǎn)品,需要用戶快速找到模塊“用完即走” or內(nèi)容型產(chǎn)品,需要給用戶代入感和沉浸式體驗?
產(chǎn)品本身是否有足夠清晰,淺層次的邏輯設(shè)計,能夠避免Tab bar的路徑?jīng)_突?
產(chǎn)品導(dǎo)航設(shè)計是否能兼顧美觀、簡單和易用?
能否協(xié)調(diào)好屏幕各模塊占比關(guān)系?
回答好以上內(nèi)容,相信你心中對app的Tab bar取舍有了自己的答案!