APP界面框架設計之標簽導航
標簽導航是十大界面框架設計里最常用的界面框架設計,也是被業(yè)界之內公認的一種普遍使用的頁面框架設計。那么這種頁面框架設計在作業(yè)方面對一個用戶來說也是最常見的一種頁面框架設計,比如說微博、微信、手機百度、支付寶、淘寶,這些我們所謂的超級APP都是運用的標簽導航,無一例外。
從這個角度也可以看出來,優(yōu)秀的產(chǎn)品用標簽導航這種頁面框架設計是非常普及的。標簽導航位于頁面底部,標簽的分類最好可以控制在5個之內。
使用這種框架的優(yōu)點在于:
1.標簽導航能夠讓用戶清楚當前所在的入口位置。比如對于微信來說,無論用戶在“發(fā)現(xiàn)”還是“對話框”里面,用戶都能通過底部的高亮區(qū)域來劃分當前所處的這個產(chǎn)品結構的區(qū)域。無論是當前位置的判斷,還是要找這個入口,都比較方便,比如對于微信來說,很容易都過標簽導航找到“朋友圈”。
2.輕松在各入口間頻繁跳轉且不會迷失方向。比如對于微信來說,微信團隊不僅希望我們拿微信來聊天,還希望我們拿微信來逛朋友圈、購物、支付、滴滴打車等等,那么如果能夠讓用戶在不同的入口間實現(xiàn)頻繁的跳轉,那這時用標簽導航是最合適不過的。
3.直接展現(xiàn)最重要入口的內容信息。這有兩層意思,第一層就是它能展示出來最重要的入口,比如拿微信來說有那么多的重要入口,顯然“微信對話框”最重要,那么他們默認的把微信對話框作為主入口。同樣微博最重要的是首頁,所以默認把微博首頁作為最主要的入口。其次,入口不僅可以展示,入口里面的信息也可以展示。
但是這種模式的缺點也是存在的:
功能入口過多時,該模式顯得笨重不實用。怎么理解“功能模塊過多”,比如說現(xiàn)在標簽導航,一般情況下功能入口控制在5個以內,我們也會遇到6個的情況,但那種產(chǎn)品一般來說比較復雜,最少會是3個,最多5到6個。如果過多的話,標簽導航會彈不開,那這種模式就失效了。過多不行,過少也不太方便,如果說就一個Tab、兩個Tab,那么標簽導航下面就會顯得特別的空,也不太好看,所以這個時候我們就會知道標簽導航的適用范圍最好在3至5 個之間,并且這幾個功能希望用戶能夠頻繁的去操作。
好了,理論知識就普及到這邊,下一篇我就來說說如何用代碼來具體實現(xiàn)”標簽導航”,效果如下:
本文標簽: APP界面設計