午夜勾魂曲-午夜福利自怕-午夜福利在线观看6080-午夜福利院电影-国产精品毛片AV久久97-国产精品麻豆高潮刺激A片

APP常見的8種導航模式

2020-4-23 ui設計分享達人

合理的導航設計，會讓用戶輕松達到目的而又不會干擾和困擾用戶的選擇。

優(yōu)秀的APP導航設計，能夠合理地完美展示產品的功能，并快速引導用戶使用，增強用戶的識別度。合理的導航設計，會讓用戶輕松達到目的而又不會干擾和困擾用戶的選擇。

網(wǎng)上對介紹導航文章已經(jīng)有很多，有部分已過時，今天自己再重新整理一遍，方便自己也方便更多人理解。

為什么需要導航？

1、我可以去哪？

導航為了清晰指引用戶完成任務。建立合理的導航系統(tǒng)，設計順暢的任務路徑，讓用戶不再像無頭蒼蠅一樣，在各模塊之間迷失。一個好的導航，能夠扁平化用戶的任務路徑，減少用戶操作成本，從而提高用戶體驗。

2、我現(xiàn)在在哪？

用戶當前位置要有清晰的標記，從哪里來，到哪里去。

常見的8種導航形式

標簽式導航可分為 底部標簽式 、舵式導航、Tab標簽式導航。

一、底部標簽式導航

底部標簽導航是目前最常見的導航形式。底部導航 一般采用3-4個標簽，最多不會超過5個。

優(yōu)點：

1、入口直接清晰，操作路徑短，便于在不同功能模塊進行跳轉

2、直接展示入口內容，內容曝光度高

缺點：

1、功能之間無主次

2、擴展性差，不利于后期的功能擴展

二、舵式導航

舵式導航是 底部導航的一種擴展形式，像輪船上用來指揮的船舵，兩側是其他操作按鈕。

普通標簽導航難以滿足導航的需求，就需要一些擴展形式，和標簽導航相比，舵式導航 把核心功能放在中間，標簽更加突出醒目，同時對主功能標簽做了擴展功能。

使用場景：

如1、產品需要特殊的引導，如58同城，引導用戶發(fā)布任務。

如2、社區(qū)產品引導用戶發(fā)帖子

如3、凸顯核心功能，如百度地圖、高德等

優(yōu)點：

1、在默認加載的頁面之外，又能夠突出強調中間的入口

2、入口直接清晰，操作路徑短，便于不同功能模塊進行跳轉

3、直接展示入口內容，內容曝光率高

缺點：（與標簽導航存在同樣的弊端）

1、功能之間無主次

2、擴展性差，不利于后期的功能擴展

三、Tab標簽式導航

一般 用于二級導航，當內容分類較多的時，一般采用 頂部標簽導航設計模式。

使用場景：

如：為當前界面內不同模塊的切換，或者查看不同的分類內容

優(yōu)點：

標簽數(shù)量可以隨意根據(jù)需求變化，可以左右滑動，衍生更多標簽。

缺點：

操作熱區(qū)較小，有APP設計的交互前與后的樣式差異不大，容易造成誤操作的困惑。（不知道當前在哪個標簽下）

四、抽屜式導航

抽屜式導航的核心思路是“隱藏”。 隱藏非核心的操作與功能，讓用戶更專注于核心的功能操作上去， 一般用于二級菜單。

優(yōu)點：

1、節(jié)省頁面展示空間

2、注意力聚焦在當前頁面

缺點：

1、左上角的按鈕存在于單手操作熱區(qū)難以觸達；

2、降低了用戶對產品部分功能的參與度。

五、宮格式導航

主要將入口全部集中在主頁面中，各個 入口相互獨立，沒有太多的交集，無法跳轉互通。

采用這種導航的應用已經(jīng)越來越少，往往用在二級頁作為內容列表的一種圖形化形式呈現(xiàn)，或是作為一系列工具入口的聚合。

優(yōu)點：

1、將入口進行聚合，入口也清晰直接

2、操作路徑較短，用戶可以便捷的在不同的功能模塊之間進行跳轉

3、擴展性好，方便增加多個入口

缺點：

1、用戶無法第一時間看到內容或者執(zhí)行操作，選擇的壓力會比較大。

2、返回路徑較長，容易產生用戶不良情緒。

六、輪播式導航

采用Banner輪播導航，當應用信息足夠扁平， 內容比較單薄時使用。特別是在產品初期，缺乏用戶和內容，這種導航目前已經(jīng)很少用。

該方式就可以 凸顯產品核心功能給予用戶使用。（如：較早時騰訊極光APP、應用市場等）

優(yōu)點：

1、展示清晰直觀，美觀度高

2、內容曝光度高，突出強調了展示內容

3、交互動畫可多樣化

缺點：

1、展示內容數(shù)量有限

七、列表式導航

現(xiàn)有APP中一種主要的信息承載模式，列表導航和宮格導航類似，屬于二級導航。

列表式導航分為3類： 標題式列表、內容式列表、嵌入式列表。

標題式列表：一般只顯示一行文字，有的顯示一行文字加一張圖片等等。

內容式列表：主要以內容為主，所以在列表中就會體現(xiàn)出部分內容信息，點擊進去就是詳情。

嵌入式列表：嵌入式其實就是由多個列表層級組合而成的導航。

優(yōu)點：

1、結構清晰，易于理解；

2、使用，能夠幫助用戶快速的定位去到對應的頁面

3、能夠在列表上直接給出關于活動、更新的提示

缺點：

1、排版方式單一

2、多個入口之間不分級，沒優(yōu)先級之分

八、組合式導航

多用于產品本身 功能較為復雜，既需要用戶能 聚焦于內容，又需要給出用戶不同頁面之間的入口，以便用戶進行直接跳轉，那就采用組合式導航，利用不同導航的特性來滿足產品需求。

組合式導航目前最常見的導航方式。

如： 標簽式導航+列表式；標簽式+宮格式；舵式+列表式+標簽式 等等；

優(yōu)點：

1、組合式多樣化

2、能給出用戶不同頁面之間的入口，方便跳轉

總結

根據(jù)自己的產品功能和特性，采用不同導航模式。

每個產品迭代發(fā)展和變化，也會導致產品導航在過程中不停的產生變化，就必須依據(jù)用戶屬性和使用場景進行調整。不拘泥任何模式，解決問題才是根本.

« 為了設計更好的深色模式使用scss開發(fā)小程序（各種小程序平臺通用） »

日歷

鏈接

個人資料

藍藍設計的小編 http://m.gerard.com.cn

存檔