在APP中,Tab bar是否要固定

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取舍有了自己的答案!

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 178,825評論 25 709
  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫、插件、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 15,097評論 4 61
  • 文/黃玉斌 今年的秋比以往來的稍晚,但卻又不失它那獨有的韻味,露水打在飄落的樹葉上,鳴蟬與落葉一同入土為安,帶...
    灰色系閱讀 167評論 6 3
  • 新年記憶 文/吳永忠 有些人 不因聯(lián)系稀少而疏遠(yuǎn) 有些事 不因時光流逝而淡忘 如果有一天 我沒有聽到你的歌唱 ...
    老吳所求閱讀 286評論 6 5
  • 我狠狠地努力,是為了有天可以溫柔的活著!靜靜坐在我世界的閣樓、透過那盛滿陽光的窗,靜看這世界的變幻,細(xì)數(shù)天空云卷云...
    云妮yunni閱讀 210評論 0 0

友情鏈接更多精彩內(nèi)容