UI設計中的APP導航模式總結
時間：2020-09-07來源：5wd995.cn點擊量：次作者：Gella
時間：2020-09-07點擊量：次作者：Gella
優(yōu)秀的APP導航設計，能夠合理地完美展示產(chǎn)品的功能，并快速引導用戶使用，增強用戶的識別度。合理的導航設計，會讓用戶輕松達到目的而又不會干擾和困擾用戶的選擇。今天AAA教育郭老師就針對UI設計中的APP導航模式進行簡單的說明。
為什么需要導航?
1、我可以去哪?
導航為了清晰指引用戶完成任務。建立合理的導航系統(tǒng)，設計順暢的任務路徑，讓用戶不再像無頭蒼蠅一樣，在各模塊之間迷失。
一個好的導航，能夠扁平化用戶的任務路徑，減少用戶操作成本，從而提高用戶體驗。
2、我現(xiàn)在在哪?用戶當前位置要有清晰的標記，從哪里來，到哪里去。
常見的8種導航形式
標簽式導航可分為 底部標簽式 、舵式導航、Tab標簽式導航。
一、底部標簽式導航
底部標簽導航是目前最常見的導航形式。底部導航一般采用3-4個標簽，最多不會超過5個。
優(yōu)點：
1、入口直接清晰，操作路徑短，便于在不同功能模塊進行跳轉2、直接展示入口內(nèi)容，內(nèi)容曝光度高
缺點：1、功能之間無主次2、擴展性差，不利于后期的功能擴展
二、舵式導航
舵式導航是 底部導航的一種擴展形式，像輪船上用來指揮的船舵，兩側是其他操作按鈕。
普通標簽導航難以滿足導航的需求，就需要一些擴展形式，和標簽導航相比，舵式導航把核心功能放在中間，標簽更加突出醒目，同時對主功能標簽做了擴展功能。
使用場景：如1、產(chǎn)品需要特殊的引導，如58同城，引導用戶發(fā)布任務。如2、社區(qū)產(chǎn)品引導用戶發(fā)帖子如3、凸顯核心功能，如百度地圖、高德等
優(yōu)點：
1、在默認加載的頁面之外，又能夠突出強調(diào)中間的入口2、入口直接清晰，操作路徑短，便于不同功能模塊進行跳轉3、直接展示入口內(nèi)容，內(nèi)容曝光率高
缺點：(與標簽導航存在同樣的弊端)
1、功能之間無主次2、擴展性差，不利于后期的功能擴展
三、Tab標簽式導航
一般 用于二級導航，當內(nèi)容分類較多的時，一般采用頂部標簽導航設計模式。
使用場景：
如：為當前界面內(nèi)不同模塊的切換，或者查看不同的分類內(nèi)容優(yōu)點：標簽數(shù)量可以隨意根據(jù)需求變化，可以左右滑動，衍生更多標簽。
缺點：操作熱區(qū)較小，有APP設計的交互前與后的樣式差異不大，容易造成誤操作的困惑。(不知道當前在哪個標簽下)
四、抽屜式導航
抽屜式導航的核心思路是“隱藏”。 隱藏非核心的操作與功能，讓用戶更專注于核心的功能操作上去， 一般用于二級菜單。
優(yōu)點：
1、節(jié)省頁面展示空間2、注意力聚焦在當前頁面
缺點：1、左上角的按鈕存在于單手操作熱區(qū)難以觸達;2、降低了用戶對產(chǎn)品部分功能的參與度。
五、宮格式導航
主要將入口全部集中在主頁面中，各個 入口相互獨立，沒有太多的交集，無法跳轉互通。
采用這種導航的應用已經(jīng)越來越少，往往用在二級頁作為內(nèi)容列表的一種圖形化形式呈現(xiàn)，或是作為一系列工具入口的聚合。
優(yōu)點：1、將入口進行聚合，入口也清晰直接2、操作路徑較短，用戶可以便捷的在不同的功能模塊之間進行跳轉3、擴展性好，方便增加多個入口
缺點：1、用戶無法第一時間看到內(nèi)容或者執(zhí)行操作，選擇的壓力會比較大。2、返回路徑較長，容易產(chǎn)生用戶不良情緒。
六、輪播式導航
采用Banner輪播導航，當應用信息足夠扁平，內(nèi)容比較單薄時使用。特別是在產(chǎn)品初期，缺乏用戶和內(nèi)容，這種導航目前已經(jīng)很少用。
該方式就可以 凸顯產(chǎn)品核心功能給予用戶使用。(如：較早時騰訊極光APP、應用市場等)
優(yōu)點：
1、展示清晰直觀，美觀度高2、內(nèi)容曝光度高，突出強調(diào)了展示內(nèi)容3、交互動畫可多樣化
缺點：1、展示內(nèi)容數(shù)量有限
七、列表式導航
現(xiàn)有APP中一種主要的信息承載模式，列表導航和宮格導航類似，屬于二級導航。列表式導航分為3類： 標題式列表、內(nèi)容式列表、嵌入式列表。
標題式列表：一般只顯示一行文字，有的顯示一行文字加一張圖片等等。
內(nèi)容式列表：主要以內(nèi)容為主，所以在列表中就會體現(xiàn)出部分內(nèi)容信息，點擊進去就是詳情。
嵌入式列表：嵌入式其實就是由多個列表層級組合而成的導航。
優(yōu)點：1、結構清晰，易于理解;2、使用高效，能夠幫助用戶快速的定位去到對應的頁面3、能夠在列表上直接給出關于活動、更新的提示
缺點：1、排版方式單一2、多個入口之間不分級，沒優(yōu)先級之分
八、組合式導航
多用于產(chǎn)品本身 功能較為復雜，既需要用戶能 聚焦于內(nèi)容，又需要給出用戶不同頁面之間的入口，以便用戶進行直接跳轉，那就采用組合式導航，利用不同導航的特性來滿足產(chǎn)品需求。
組合式導航目前最常見的導航方式。
如： 標簽式導航+列表式 ;標簽式+宮格式 ; 舵式+列表式+標簽式等等;
優(yōu)點：
1、組合式多樣化
2、能給出用戶不同頁面之間的入口，方便跳轉
總結一下
根據(jù)自己的產(chǎn)品功能和特性，采用不同導航模式。
每個產(chǎn)品迭代發(fā)展和變化，也會導致產(chǎn)品導航在過程中不停的產(chǎn)生變化，就必須依據(jù)用戶屬性和使用場景進行調(diào)整。不拘泥任何模式，解決問題才是根本。因此，您現(xiàn)在已經(jīng)了解了與UI設計師的工作相關的主要技能。如果您想了解更多信息，請訪問AAA教育，包含有關在該領域工作的更多相關文章。
熱門推薦
UI設計
產(chǎn)品經(jīng)理
大數(shù)據(jù)分析
原畫設計
平面設計
新媒體運營 
