<address id="ttjl9"></address>
      <noframes id="ttjl9"><address id="ttjl9"><nobr id="ttjl9"></nobr></address>
      

      <form id="ttjl9"></form>
        <em id="ttjl9"><span id="ttjl9"></span></em>
        <address id="ttjl9"></address>

          <noframes id="ttjl9"><form id="ttjl9"></form>
          
  
      
    

          

	
          
		
          
			
          
				
          APP常見的8種導航模式
          
				
           2022-9-19      資深UI設計者      
          
			
          
			
          
				
          優秀的APP導航設計，能夠合理地完美展示產品的功能，并快速引導用戶使用，增強用戶的識別度。合理的導航設計，會讓用戶輕松達到目的而又不會干擾和困擾用戶的選擇。
          

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

          

          
    
          
           

          

          為什么需要導航？
          

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

          

          2、我現在在哪？
          用戶當前位置要有清晰的標記，從哪里來，到哪里去。

          

          

          

          
    
          

          

          常見的8種導航形式
          -
          


          

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

          

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

          1、入口直接清晰，操作路徑短，便于在不同功能模塊進行跳轉
          2、直接展示入口內容，內容曝光度高
          缺點：
          1、功能之間無主次
          2、擴展性差，不利于后期的功能擴展

          


          

          二、舵式導航
          -
          舵式導航是 底部導航的一種擴展形式，像輪船上用來指揮的船舵，兩側是其他操作按鈕。
          普通標簽導航難以滿足導航的需求，就需要一些擴展形式，和標簽導航相比，舵式導航 把核心功能放在中間，標簽更加突出醒目，同時對主功能標簽做了擴展功能。
          

          使用場景：
          如1、產品需要特殊的引導，如58同城，引導用戶發布任務。
          

          
    如2、社區產品引導用戶發帖子

          

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

          

          優點：
          

          1、在默認加載的頁面之外，又能夠突出強調中間的入口
          2、入口直接清晰，操作路徑短，便于不同功能模塊進行跳轉
          3、直接展示入口內容，內容曝光率高
          缺點：（與標簽導航存在同樣的弊端）
          

          1、功能之間無主次
          2、擴展性差，不利于后期的功能擴展

          


          

          

          
    
          

          

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

          
    
          

          

          使用場景：
          

          如：為當前界面內不同模塊的切換，或者查看不同的分類內容
          優點：
          標簽數量可以隨意根據需求變化，可以左右滑動，衍生更多標簽。
          缺點：
          操作熱區較小，有APP設計的交互前與后的樣式差異不大，容易造成誤操作的困惑。（不知道當前在哪個標簽下）

          


          

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

          
     

          

          優點：
          

          1、節省頁面展示空間
          2、注意力聚焦在當前頁面
          缺點：
          1、左上角的按鈕存在于單手操作熱區難以觸達；
          2、降低了用戶對產品部分功能的參與度。

          


          

          五、宮格式導航
          -
          主要將入口全部集中在主頁面中，各個 入口相互獨立，沒有太多的交集，無法跳轉互通。
          采用這種導航的應用已經越來越少，往往用在二級頁作為內容列表的一種圖形化形式呈現，或是作為一系列工具入口的聚合。
          

          
    
          

          

          優點：
          1、將入口進行聚合，入口也清晰直接
          2、操作路徑較短，用戶可以便捷的在不同的功能模塊之間進行跳轉
          3、擴展性好，方便增加多個入口
          缺點：
          1、用戶無法第一時間看到內容或者執行操作，選擇的壓力會比較大。
          2、返回路徑較長，容易產生用戶不良情緒。

          


          

          六、輪播式導航
          -
          采用Banner輪播導航，當應用信息足夠扁平， 內容比較單薄時使用。特別是在產品初期，缺乏用戶和內容，這種導航目前已經很少用。
          該方式就可以 凸顯產品核心功能給予用戶使用。（如：較早時騰訊極光APP、應用市場等）
          

          
     

          

          
    優點： 

          

          1、展示清晰直觀，美觀度高
          2、內容曝光度高，突出強調了展示內容
          3、交互動畫可多樣化
          缺點：
          1、展示內容數量有限

          


          

          七、列表式導航
          -
          現有APP中一種主要的信息承載模式，列表導航和宮格導航類似，屬于二級導航。
          列表式導航分為3類： 標題式列表、內容式列表、嵌入式列表。
          標題式列表：一般只顯示一行文字，有的顯示一行文字加一張圖片等等。
          內容式列表：主要以內容為主，所以在列表中就會體現出部分內容信息，點擊進去就是詳情。
          嵌入式列表：嵌入式其實就是由多個列表層級組合而成的導航。
          

          
     

          

          優點：
          1、結構清晰，易于理解；
          2、使用高效，能夠幫助用戶快速的定位去到對應的頁面
          3、能夠在列表上直接給出關于活動、更新的提示
          缺點：
          1、排版方式單一
          2、多個入口之間不分級，沒優先級之分

          


          

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

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

          
     

          

          優點：
          

          1、組合式多樣化
          

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

          

          

          
    
          

          

          總結
          根據自己的產品功能和特性，采用不同導航模式。
          每個產品迭代發展和變化，也會導致產品導航在過程中不停的產生變化，就必須依據用戶屬性和使用場景進行調整。不拘泥任何模式，解決問題才是根本。
          

          
    
          

          



          
 藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請加微信ban_lanlan，報下信息，藍小助會請您入群。歡迎您加入噢~~

          
希望得到建議咨詢、商務合作，也請與我們聯系。 

          


          
作者：UX設計筆記    來源：站酷

          


          


          
分享此文一切功德，皆悉回向給文章原作者及眾讀者. 免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。 

          


          
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、          UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司
          				
          
								
			
          
		
          
		
		
	
          


          
    
  
          
    
          日歷
          
    
          
        
          
        
    
          
  
          
    
    
          
      
          鏈接
          
      
            
                
          
    
          
    
          
      
          個人資料
          
      
          
          
          
                    
          
          
          藍藍設計的小編
          http://www.syprn.cn
          
      
          
    
          
    
          
      
          存檔
          
      
    
          

          

          



亚洲va欧美va天堂v国产综合