優秀的APP導航設計,能夠合理地完美展示產品的功能,并快速引導用戶使用,增強用戶的識別度。合理的導航設計,會讓用戶輕松達到目的而又不會干擾和困擾用戶的選擇。
網上對介紹導航文章已經有很多,有部分已過時,今天自己再重新整理一遍,方便自己也方便更多人理解。
導航為了清晰指引用戶完成任務。建立合理的導航系統,設計順暢的任務路徑,讓用戶不再像無頭蒼蠅一樣,在各模塊之間迷失。一個好的導航,能夠扁平化用戶的任務路徑,減少用戶操作成本,從而提高用戶體驗。
標簽式導航可分為 底部標簽式 、舵式導航、Tab標簽式導航。底部標簽導航是目前最常見的導航形式。底部導航 一般采用3-4個標簽,最多不會超過5個。1、入口直接清晰,操作路徑短,便于在不同功能模塊進行跳轉舵式導航是 底部導航的一種擴展形式,像輪船上用來指揮的船舵,兩側是其他操作按鈕。普通標簽導航難以滿足導航的需求,就需要一些擴展形式,和標簽導航相比,舵式導航 把核心功能放在中間,標簽更加突出醒目,同時對主功能標簽做了擴展功能。
如1、產品需要特殊的引導,如58同城,引導用戶發布任務。
如2、社區產品引導用戶發帖子
如3、凸顯核心功能,如百度地圖、高德等
1、在默認加載的頁面之外,又能夠突出強調中間的入口2、入口直接清晰,操作路徑短,便于不同功能模塊進行跳轉
一般 用于二級導航,當內容分類較多的時,一般采用 頂部標簽導航設計模式。
如:為當前界面內不同模塊的切換,或者查看不同的分類內容標簽數量可以隨意根據需求變化,可以左右滑動,衍生更多標簽。操作熱區較小,有APP設計的交互前與后的樣式差異不大,容易造成誤操作的困惑。(不知道當前在哪個標簽下)抽屜式導航的核心思路是“隱藏”。 隱藏非核心的操作與功能,讓用戶更專注于核心的功能操作上去, 一般用于二級菜單。
主要將入口全部集中在主頁面中,各個 入口相互獨立,沒有太多的交集,無法跳轉互通。采用這種導航的應用已經越來越少,往往用在二級頁作為內容列表的一種圖形化形式呈現,或是作為一系列工具入口的聚合。
2、操作路徑較短,用戶可以便捷的在不同的功能模塊之間進行跳轉1、用戶無法第一時間看到內容或者執行操作,選擇的壓力會比較大。采用Banner輪播導航,當應用信息足夠扁平, 內容比較單薄時使用。特別是在產品初期,缺乏用戶和內容,這種導航目前已經很少用。該方式就可以 凸顯產品核心功能給予用戶使用。(如:較早時騰訊極光APP、應用市場等)
優點:
現有APP中一種主要的信息承載模式,列表導航和宮格導航類似,屬于二級導航。列表式導航分為3類: 標題式列表、內容式列表、嵌入式列表。標題式列表:一般只顯示一行文字,有的顯示一行文字加一張圖片等等。內容式列表:主要以內容為主,所以在列表中就會體現出部分內容信息,點擊進去就是詳情。嵌入式列表:嵌入式其實就是由多個列表層級組合而成的導航。
2、使用高效,能夠幫助用戶快速的定位去到對應的頁面多用于產品本身 功能較為復雜,既需要用戶能 聚焦于內容,又需要給出用戶不同頁面之間的入口,以便用戶進行直接跳轉,那就采用組合式導航,利用不同導航的特性來滿足產品需求。如: 標簽式導航+列表式 ;標簽式+宮格式 ; 舵式+列表式+標簽式 等等;
每個產品迭代發展和變化,也會導致產品導航在過程中不停的產生變化,就必須依據用戶屬性和使用場景進行調整。不拘泥任何模式,解決問題才是根本。
藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請加微信ban_lanlan,報下信息,藍小助會請您入群。歡迎您加入噢~~
希望得到建議咨詢、商務合作,也請與我們聯系。
作者:UX設計筆記 來源:站酷
分享此文一切功德,皆悉回向給文章原作者及眾讀者. 免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司