Tab Bar 應該要一直固定在介面下嗎?

發表於2015-11-02

原問題:為什麼中國很多app都不固定下面的tab(點到下一級頁面就消失了)?

要解決這個問題我想應該先解決下面兩個問題,可能也是大家真正關心的。

1. 正確的 Tab Bar 應該要固定在下面嗎?

2. Tab Bar 是固定在下面好還是不固定的好?

首先可以肯定地說,Tab Bar 是應該要固定在下面的。蘋果官方的設計規範中就對 Tab Bar 有過這樣的描述:

Always appears at the bottom edge of the screen

(總是出現在螢幕底部)

詳見 iOS Human Interface Guideline

(2015-04-08 更新版本)

這樣設計最主要的好處是:

1. 即便從某一類進入更深的頁面,也可快速切換到其他類(方便瀏覽、切換任務);

2. 進入某類的深頁面,再次點選該類的圖示,能直接回到該類主頁(而不需要一層一層返回,簡化流程)。

 

但唯一比較尷尬的就是這種情況:

 

Tab Bar 和 Tool Bar 同時出現,雖然操作上沒有問題,但總覺得有點強♂硬。

(這裡其實是可以優化的,但 Twitter 選擇強硬的放上來也可以理解。)

那麼不固定在下面呢,有什麼好處嗎?就產品設計而言,去掉 Tab Bar 還是有好處的。它可以一次展現更多內容(對小螢幕手機這點作用會更顯著)。它還可以令人更專注於當前頁面的內容(這點在閱讀長文、看某一張照片等情境下尤其重要)。

但我主要想說的是,國內的很多廠商似乎從沒考慮過要將 Tab Bar 固定在下面。甚至不是如 瑜公瑾 所說,因為是平臺、入口而不將 Tab Bar 固定,而是【根】【本】【沒】【想】【過】這個問題。單純只是大家都這麼做,我就這麼做了。

總結,Tab Bar 應該要固定,並且相較而言就是固定了比較好用。(閱讀類、工具類等部分頁面除外,請參考上文描述)

我在此願望各位設計師遵循 iOS 設計規範中所提的,將 Tab Bar 固定在下方,做好設計優化並做出更好用的產品。願望從每一位設計師自己開始,從這一個小點開始,讓國內的設計與國外優秀的設計間的差距更近!更近!

感謝閱讀。

原文地址轉載無限歡迎,但請註明「作者」和「原文地址」。轉載請在文中保留此段,感謝您對作者版權的尊重。如需商業轉載或刊登,請聯絡作者獲得授權。

相關文章