導(dǎo)航在軟件界面設(shè)計(jì)中是至關(guān)重要的,可以毫不夸張的說(shuō),設(shè)計(jì)app我們有80%的時(shí)間是在設(shè)計(jì)導(dǎo)航,導(dǎo)航對(duì)于用戶(hù)具有重大的意義,導(dǎo)航的主要作用在于:告訴用戶(hù),我在哪?我去過(guò)哪?我可以去哪?我怎么去哪?我去哪能干什么?等等,這些都是導(dǎo)航的作用。那么現(xiàn)在我們來(lái)看看手機(jī)端的app導(dǎo)航有哪些種類(lèi)吧。
一:樹(shù)形導(dǎo)航
樹(shù)形導(dǎo)航主要來(lái)源于pc端,pc上最典型的例子就是資源管理器的導(dǎo)航方式;如下圖就是典型的樹(shù)形導(dǎo)航方式:



樹(shù)形導(dǎo)航的主要交互方式:一般都是在一個(gè)list中展示,很多條目,然后用戶(hù)點(diǎn)擊對(duì)應(yīng)的條目就進(jìn)入該條目的子集中,這種導(dǎo)航方式的優(yōu)點(diǎn)在于:(1)可以容納很多類(lèi)別,(2)從pc端移至過(guò)來(lái)易學(xué)性較高,組織方式很常見(jiàn),容易理解。但是這樣的導(dǎo)航也有很大的缺點(diǎn):倘若用戶(hù)想要且換對(duì)應(yīng)的類(lèi)別,那么就需要從子界面返回,然后再次選擇對(duì)應(yīng)的種類(lèi),點(diǎn)擊進(jìn)入,這樣操作至少需要兩步操作。
樹(shù)形導(dǎo)航有很多的變體:例如(1)springboard(快速啟動(dòng)器)、(2)gallery導(dǎo)航、(3)側(cè)邊欄導(dǎo)航和(4)可擴(kuò)展列表導(dǎo)航等等,這幾種導(dǎo)航交互方式和樹(shù)形導(dǎo)航比較類(lèi)似,但是也有自己相對(duì)應(yīng)的特點(diǎn)。
(1)Springboard這種導(dǎo)航方式,來(lái)源于手機(jī)主屏的導(dǎo)航方式,這種導(dǎo)航方式相對(duì)于傳統(tǒng)的樹(shù)形導(dǎo)航來(lái)說(shuō),其更加適合做視覺(jué)上大圖標(biāo)的表達(dá),而傳統(tǒng)的樹(shù)形導(dǎo)航卻不容易做到。


(2)gallery導(dǎo)航:這種導(dǎo)航方式的設(shè)計(jì)主要是通過(guò)在平面上直接顯示內(nèi)容項(xiàng)來(lái)實(shí)現(xiàn)導(dǎo)航,主要顯示一些文章。菜譜,照片等縮略圖。這種導(dǎo)航方式更加直接,用戶(hù)直接唉主界面就可以看到對(duì)應(yīng)子界面中的信息,減少用戶(hù)盲目的操作。


(3)側(cè)邊欄導(dǎo)航:該種導(dǎo)航有自己的好處,可以將跳板導(dǎo)航,主界面和內(nèi)容界面的層級(jí)關(guān)系減弱,一一對(duì)應(yīng)關(guān)系更強(qiáng),更加具有新意,目前這種屬于較為流行的一種交互方式。

(4)可擴(kuò)展列表導(dǎo)航,這種導(dǎo)航方式是對(duì)樹(shù)形導(dǎo)航的一種變體,點(diǎn)擊樹(shù)形導(dǎo)航中的對(duì)象,不跳轉(zhuǎn)界面,直接在本界面展開(kāi),這種導(dǎo)航方式對(duì)象和子對(duì)象的聯(lián)系性很強(qiáng),對(duì)應(yīng)關(guān)系非常好,且強(qiáng)于側(cè)邊欄導(dǎo)航。但是這種導(dǎo)航方式,展開(kāi)的子對(duì)象的操作不能復(fù)雜,否則體驗(yàn)很差。