在APP中，Tab Bar是固定好照舊不固定好？

Echo ：國內(nèi)的近況是絕大部分App的Tab Bar不固定，即進入二級界面后Tab Bar消散。難道Tab Bar 是不固定的好？但是我們也可以看到一些行業(yè)具有代表性的App的Tab Bar是固定的（進入二級界面不消散）。

這篇文章我來偏重談?wù)凙pp中的Tab Bar 是固定好照舊不固定好。

先來看看行業(yè)具有代表性的App的Tab Bar是固定的例子：

Tab Bar固定帶用戶帶來的益處

當用戶進入較深的層級界面，那么用戶想快速進去其他Tab Bar的界面可快速切換進入而不必要一步步返回，然后再點擊tab bar進入。

Tab Bar常駐固定帶用戶帶來的壞處

• 假如底部的Tab一向存在的話，用戶對整個App的層級結(jié)構(gòu)會紊亂掉，同時用戶往返不同Tab Bar的切換，網(wǎng)頁呈現(xiàn)的邏輯也會相互沖突。Tab Bar固定讓用戶難以聚焦當前重要義務(wù)流，難以提供沉浸感，容易破壞用戶完成義務(wù)的閉環(huán)。
• 假如有的二級，三級界面有底部固定工具欄，那么Tab Bar如何處理，疊為兩層，太過于難堪。只能去掉Tab Bar的固定。
• Tab Bar的固定會導致當前界面信息量展示變少。

舉個例子：通過微信兩種進入小我主頁的體例來分析假如Tab Bar固定會出現(xiàn)怎么樣的情況？

1. 通過新聞列表進入小我相冊

假如Tab Bar固定，那么用戶進入聊天小我詳情，Tab Bar高亮和上一界面維持不變（不然也沒有更好的規(guī)則定義）。按照Tab Bar維持不變的邏輯。那么點擊圖像進入小我細致資料，也應(yīng)該維持不變。那么題目就來了。細致資料按照界面層級的結(jié)構(gòu)說應(yīng)該是屬于通信錄的二級界面。

下圖第二個界面，Tab Bar和輸入框疊在一路 這是多么別扭的事情，同時會出現(xiàn)誤觸其他的Tab Bar產(chǎn)生跳轉(zhuǎn)。

2. 通過通信錄列表進入小我相冊

結(jié)合上圖，可以看出兩個Tab下都跑到統(tǒng)一個網(wǎng)頁了。產(chǎn)生這種情況的根本緣故原由是操作路徑和網(wǎng)頁層級的路徑產(chǎn)生了沖突。所以對于界面層級復雜的App同時又有統(tǒng)一個界面 ，就會出現(xiàn)上述情況。

那么為什么Instagram 、App Store 、Twitter、網(wǎng)易云的Tab Bar固定呢？緣故原由是他們的界面層級簡單，操作路徑和網(wǎng)頁層級的路徑幾乎不會發(fā)生沖突，同時就算發(fā)生沖突也會定其他的規(guī)則避免掉。

綜上所述：App中的Tab Bar是固定在下面好照舊不固定的好？

這個題目要分情況來說明：

• 假如設(shè)計的App界面層級簡單，不存在操作路徑和界面層級的路徑的沖突，同時下級界面不存在底部固定工具欄，那么保舉使用Tab Bar 是固定的方案。
• 假如設(shè)計的App界面信息層級復雜，那么保舉使用Tab Bar 不固定的方案。

迎接關(guān)注作者的微信公眾號：「UEDC」