下圖是八種導(dǎo)航設(shè)計(jì)模式對(duì)比圖:
一贤惯、列表式導(dǎo)航
列表式導(dǎo)航是最常見(jiàn)的主導(dǎo)航形式之一救巷,是APP設(shè)計(jì)中不可少的一個(gè)導(dǎo)航設(shè)計(jì)。一般出現(xiàn)在二級(jí)導(dǎo)航設(shè)計(jì)頁(yè)面句柠。
列表式導(dǎo)航包含:分組列表、個(gè)性化列表棒假、行內(nèi)擴(kuò)展列表(一般是次級(jí)導(dǎo)航)和增強(qiáng)性列表溯职。
優(yōu)點(diǎn):用戶可以快速查找所需內(nèi)容,并且可以向下延展更多的導(dǎo)航內(nèi)容帽哑,承載力比較強(qiáng)谜酒。
二、標(biāo)簽導(dǎo)航設(shè)計(jì)
標(biāo)簽式導(dǎo)航就是常說(shuō)的Tab式導(dǎo)航妻枕。一般位于頁(yè)面底部僻族,用于切換主頁(yè)面。
標(biāo)簽式導(dǎo)航tab個(gè)數(shù)一般在3-5個(gè)屡谐。極限情況下不要少于2個(gè)、也不要多于6個(gè)度秘。
標(biāo)簽式導(dǎo)航可分為頂部標(biāo)簽式導(dǎo)航滑潘、底部標(biāo)簽式追逮、舵式導(dǎo)航(底部擴(kuò)展式導(dǎo)航)。
優(yōu)點(diǎn):結(jié)構(gòu)簡(jiǎn)單,操作便捷睬关,信息清晰料睛,增加信息的曝光率。很多APP首頁(yè)設(shè)計(jì)都在采用標(biāo)簽導(dǎo)航設(shè)計(jì)模式。
底部標(biāo)簽式:
舵式導(dǎo)航
目前流行一種標(biāo)簽導(dǎo)航的變體玉吁,個(gè)人把它稱為“舵式導(dǎo)航”,因?yàn)樗臉邮胶芟褫喆嫌脕?lái)指揮的船舵,兩側(cè)是其他操作按鈕。當(dāng)頁(yè)面有處于同一層級(jí)的幾大部分內(nèi)容障涯,同時(shí)又需要一個(gè)非常重要且頻繁操作的入口,就可以采用這種APP導(dǎo)航模式。
三、抽屜式導(dǎo)航設(shè)計(jì)
抽屜導(dǎo)航是指菜單隱藏在當(dāng)前頁(yè)面后,點(diǎn)擊入口即可像拉抽屜一樣拉出菜單框杜,這種導(dǎo)航的優(yōu)點(diǎn)是節(jié)省頁(yè)面展示空間,讓用戶將更多的注意力聚焦到當(dāng)前頁(yè)面澎迎。
比較適 合于不那么需要頻繁切換內(nèi)容的應(yīng)用哮洽,例如對(duì)設(shè)置、關(guān)于等內(nèi)容的隱藏。這種導(dǎo)航設(shè)計(jì)需要注意的是一定要提供菜單滑出的過(guò)渡動(dòng)畫(huà)堡纬。
四、宮格導(dǎo)航設(shè)計(jì)(例如九宮格)
主要入口全部聚合在頁(yè)面,讓用戶做出選擇∶?祝可以呈現(xiàn)多個(gè)功能聚合畔濒,可呈現(xiàn)更多的功能趣兄,且各個(gè)功能相互獨(dú)立互相獨(dú)立。
缺點(diǎn):無(wú)法讓用戶在第一時(shí)間看到內(nèi)容仙粱,選擇壓力較大。
五、組合導(dǎo)航設(shè)計(jì)
當(dāng)用戶需要聚焦內(nèi)容抽减,同時(shí)又需要快捷入口能夠連接到對(duì)應(yīng)頁(yè)面是琼掠,就可以采用組合導(dǎo)航。組合導(dǎo)航上方用宮格的形式展現(xiàn)快捷入口恐疲,與標(biāo)簽導(dǎo)航不同的是,這 些宮格入口之間不需要是平級(jí)的關(guān)系,也不必包含整個(gè)層級(jí)的內(nèi)容章喉,你可以將它理解為一種圖形化的文字鏈。
例如很多首頁(yè)都采用標(biāo)簽導(dǎo)航、九宮格導(dǎo)航许师、抽屜式導(dǎo)航。
優(yōu)點(diǎn):這種導(dǎo)航比較靈活贸桶,能適應(yīng)架構(gòu)的快速調(diào)整彪置。
六、tab導(dǎo)航設(shè)計(jì)
用于二級(jí)頁(yè)躏哩,本質(zhì)和標(biāo)簽導(dǎo)航相同抢腐,當(dāng)標(biāo)簽導(dǎo)航下分類層級(jí)比較多時(shí)可以采用tab導(dǎo)航。
七、大圖輪播導(dǎo)航或是 大圖上面的導(dǎo)航設(shè)計(jì)
應(yīng)用信息足夠扁平,可以應(yīng)用輪番導(dǎo)航設(shè)計(jì)滞乙,頁(yè)面簡(jiǎn)潔硬耍,操作方便朦前,但內(nèi)容太多會(huì)導(dǎo)致不容易定位信息晶渠。例如九宮格設(shè)計(jì)功能超出后可以利用輪播導(dǎo)航燃观。