久操新免费视频,黄色成人网站在线观看

最全的app導(dǎo)航設(shè)計(jì)總結(jié)，并且標(biāo)注出來應(yīng)用的場景！

各位客官在寫PRD的時(shí)候請根據(jù)產(chǎn)品導(dǎo)航的側(cè)重點(diǎn)，功能之間的切換關(guān)系，功能的使用場景和頻次，按需選擇。

1.底部標(biāo)簽導(dǎo)航

標(biāo)簽導(dǎo)航位于頁面底部，標(biāo)簽的分類最好在5個(gè)以內(nèi)。

當(dāng)產(chǎn)品的整個(gè)體驗(yàn)流中是以幾個(gè)常用功能模塊（小于5個(gè)）貫穿的，意味著用戶需要在多個(gè)標(biāo)簽入口之間來回切換。為保證切換的效率，將貫穿產(chǎn)品整個(gè)體驗(yàn)的流的模塊平鋪在Tab Bar位置，保證了用戶任務(wù)路徑的扁平。

基本工具類app都會用到標(biāo)簽導(dǎo)航，如淘寶，支付寶，餓了嗎，美團(tuán)，大眾點(diǎn)評，網(wǎng)易云音樂。

優(yōu)點(diǎn)：清楚當(dāng)前所在的入口位置；直接展現(xiàn)最重要入口的內(nèi)容信息。

缺點(diǎn)：最多5個(gè)標(biāo)簽。占用一定的高度，一般是icon 加文字，如果用戶是小屏幕手機(jī)，用戶體驗(yàn)不是太好。

2.頂部標(biāo)簽導(dǎo)航，tab導(dǎo)航

頂部導(dǎo)航在ios app中一般用作二級導(dǎo)航，在andriod app中這種導(dǎo)航模式一般用作一級導(dǎo)航。

但自從谷歌推出”抽屜式導(dǎo)航“以后，頂部標(biāo)簽導(dǎo)航一般就用作二級導(dǎo)航，當(dāng)內(nèi)容分類較多的時(shí)候一般采用頂部標(biāo)簽導(dǎo)航設(shè)計(jì)模式。

app一般3～5個(gè)，如果多于5個(gè)就采用滾動模式

優(yōu)點(diǎn)：可以固定數(shù)量，也可以不固定數(shù)量，像網(wǎng)易新聞客戶端那樣，可以左右滑動，衍生更多標(biāo)簽。

缺點(diǎn)：占用高度，容易分散注意力，不利于沉浸式體驗(yàn)。

3.底部和頂部雙tab導(dǎo)航

標(biāo)簽式導(dǎo)航一般放在底部，如果產(chǎn)品分類內(nèi)容和維度較多，則采用頂部和底部結(jié)合的導(dǎo)航形式，例如下圖的今日頭條和愛奇藝。

4. 駝式導(dǎo)航

底部標(biāo)簽導(dǎo)航中間加了一個(gè)“+”導(dǎo)航，像輪船上用來指揮的船駝。把生產(chǎn)內(nèi)容的主功能按鈕放在中間，常見于要用戶生產(chǎn)UGC內(nèi)容的內(nèi)容型社區(qū)型app，比如微博，簡書，西瓜視頻，閑魚。

優(yōu)點(diǎn)：需要突出重要且頻繁操作的入口。

缺點(diǎn)：同標(biāo)簽導(dǎo)航，最多5個(gè)，功能入口過多時(shí)，該模式顯得笨重不實(shí)用。

5.抽屜導(dǎo)航

將菜單隱藏在當(dāng)前頁面內(nèi)，點(diǎn)擊入口即可像抽屜一樣拉出菜單。

主頁面展示用戶場景使用最多的功能，將一些不常用的功能隱藏在當(dāng)前頁面，當(dāng)需要用到的時(shí)候點(diǎn)擊入口或者側(cè)滑即可像抽屜一樣展開。

多見于影音視聽類app，如愛奇藝，騰訊視頻，優(yōu)酷視頻，頻道太多，將活躍度比較低的頻道隱藏。

或者工具類頻道比較多的app，比如打車軟件滴滴，Uber，將使用場景比較少的自駕租車，二手車，敬老出租功能隱藏起來。

又比如設(shè)置、關(guān)于、會員等功能，使用場景少，快手和QQ是采用這種導(dǎo)航形式。

優(yōu)點(diǎn)：節(jié)省頁面展示空間；讓用戶注意力聚焦到當(dāng)前頁面；擴(kuò)展性好；不用擔(dān)心小屏手機(jī)用戶體驗(yàn)問題。

缺點(diǎn)：不適合頻繁切換的應(yīng)用。次功能入口比較隱藏，用戶不容易發(fā)現(xiàn)，同時(shí)次功能需要二次點(diǎn)擊，增加用戶使用成本。

4.宮格導(dǎo)航

宮格導(dǎo)航將主要入口全部聚合在頁面，讓用戶整體了解app的服務(wù)，從而選擇自己需要的那個(gè)服務(wù)。各個(gè)入口之間相互獨(dú)立，沒有太多的交集，無法跳轉(zhuǎn)互通。

用于一級頁：美顏工具美圖秀秀，美顏相機(jī)，常用的布局是3*3， 2*3，2*2，2*1網(wǎng)格，美圖秀秀用2*3的分格，分頁突出優(yōu)先級；

用在二級頁：作為內(nèi)容列表的一種圖形化形式呈現(xiàn)，用戶頻繁切換的概率是比較低，如支付寶首頁-更多，聚合展示了一系列工具入口。

用在內(nèi)容列表的一種圖形化表現(xiàn)：比如快手app的視頻流

又稱之為跳板（圖標(biāo)卡片式）、磁貼式，如攜程首頁呈現(xiàn)的是不規(guī)則的跳板式的導(dǎo)航，又成為陳列館式導(dǎo)航。

優(yōu)點(diǎn)：直接展現(xiàn)各項(xiàng)內(nèi)容；方便瀏覽經(jīng)常更新的內(nèi)容。

缺點(diǎn)：無法入口間的跳轉(zhuǎn)；不能直接展現(xiàn)入口內(nèi)容；不能顯示太多入口次級內(nèi)容。

5.組合導(dǎo)航

當(dāng)用戶需要聚焦內(nèi)容，同時(shí)又需要一些快捷入口能夠接到某些頁面時(shí)，就可以采用組合導(dǎo)航。電商app常用：淘寶，支付寶，美團(tuán)外賣，大眾點(diǎn)評，

優(yōu)點(diǎn)：布局靈活，能適應(yīng)架構(gòu)的快速調(diào)整。

缺點(diǎn)：不規(guī)則容易有雜亂感。

6.列表導(dǎo)航

多適用于級別不多，標(biāo)題內(nèi)容較長的入口，列表導(dǎo)航通常用于二級頁，不會默認(rèn)展示任何實(shí)質(zhì)內(nèi)容，所以通常app不會在首頁使用它。這種導(dǎo)航結(jié)構(gòu)清晰，易于理解，冷靜高效，能夠幫助用戶快速的定位去到對應(yīng)的頁面。比如微信發(fā)現(xiàn)頁，脈脈的人脈辦事，ios中的設(shè)置。

優(yōu)點(diǎn)：層次展現(xiàn)清晰；可展現(xiàn)內(nèi)容較長的標(biāo)題；可展示標(biāo)題的次級內(nèi)容。

缺點(diǎn)：同級過多時(shí)，容易產(chǎn)生疲勞；排版靈活性不高；只能通過排列順序、顏色來區(qū)分各入口重要程度。一屏承載不下，用戶需要下拉才能操作，這個(gè)時(shí)候不如宮格導(dǎo)航的用戶體驗(yàn)好。

另外列表項(xiàng)目可以通過間距、標(biāo)題等進(jìn)行分組，形成擴(kuò)展列表。

7.輪播導(dǎo)航，旋轉(zhuǎn)木馬導(dǎo)航

優(yōu)點(diǎn)：簡潔，整體性強(qiáng)；線性的瀏覽方式有順暢感、方向感。

缺點(diǎn)：不適合展示過多頁面；不能快速定位到對應(yīng)的分頁內(nèi)容。視覺容易疲勞。

應(yīng)用場景：應(yīng)用信息足夠扁平，可以嘗試輪播導(dǎo)航，比如天氣app，其實(shí)一些app里的輪播banner圖用到也是輪播導(dǎo)航。

8.點(diǎn)聚導(dǎo)航

主操作選項(xiàng)或?qū)Ш胶喜⒊梢粋€(gè)按鈕，浮動在頁面上。

當(dāng)需要更多展示內(nèi)容和功能，需要極端簡化其入口，一般可以使用點(diǎn)聚式導(dǎo)航。點(diǎn)聚式導(dǎo)航將核心功能聚合到主界面展示，方便用戶呼出使用，由于點(diǎn)聚式導(dǎo)航占用空間小，一般融入一些動態(tài)的效果，讓導(dǎo)航更具有趣味性，一般視頻拍攝、編輯類app會采用這種導(dǎo)航形式。