優(yōu)秀的APP導航設計丐箩,能夠合理地完美展示產品的功能,并快速引導用戶使用汞窗,增強用戶的識別度。合理的導航設計赡译,會讓用戶輕松達到目的而又不會干擾和困擾用戶的選擇仲吏。今天我就針對UI設計中的APP導航模式進行簡單的說明。
為什么需要導航?
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)點:標簽數量可以隨意根據需求變化物喷,可以左右滑動,衍生更多標簽遮斥。
缺點:操作熱區(qū)較小峦失,有APP設計的交互前與后的樣式差異不大,容易造成誤操作的困惑术吗。(不知道當前在哪個標簽下)
四尉辑、抽屜式導航
抽屜式導航的核心思路是“隱藏”。 隱藏非核心的操作與功能较屿,讓用戶更專注于核心的功能操作上去隧魄, 一般用于二級菜單。
優(yōu)點:
1隘蝎、節(jié)省頁面展示空間2购啄、注意力聚焦在當前頁面
缺點:1、左上角的按鈕存在于單手操作熱區(qū)難以觸達;2嘱么、降低了用戶對產品部分功能的參與度狮含。
五、宮格式導航
主要將入口全部集中在主頁面中曼振,UI設計中的APP導航模式總結https://www.aaa-cg.com.cn/ui/2645.html各個 入口相互獨立几迄,沒有太多的交集,無法跳轉互通冰评。
采用這種導航的應用已經越來越少映胁,往往用在二級頁作為內容列表的一種圖形化形式呈現(xiàn),或是作為一系列工具入口的聚合甲雅。
優(yōu)點:1解孙、將入口進行聚合,入口也清晰直接2务荆、操作路徑較短妆距,用戶可以便捷的在不同的功能模塊之間進行跳轉3、擴展性好函匕,方便增加多個入口
缺點:1、用戶無法第一時間看到內容或者執(zhí)行操作蚪黑,選擇的壓力會比較大盅惜。2中剩、返回路徑較長,容易產生用戶不良情緒抒寂。
六结啼、輪播式導航
采用Banner輪播導航,當應用信息足夠扁平屈芜,內容比較單薄時使用郊愧。特別是在產品初期,缺乏用戶和內容井佑,這種導航目前已經很少用属铁。
該方式就可以 凸顯產品核心功能給予用戶使用。(如:較早時騰訊極光APP躬翁、應用市場等)
優(yōu)點:
1焦蘑、展示清晰直觀,美觀度高2盒发、內容曝光度高例嘱,突出強調了展示內容3、交互動畫可多樣化
缺點:1宁舰、展示內容數量有限
七拼卵、列表式導航
現(xiàn)有APP中一種主要的信息承載模式,列表導航和宮格導航類似蛮艰,屬于二級導航间学。列表式導航分為3類: 標題式列表、內容式列表印荔、嵌入式列表低葫。
標題式列表:一般只顯示一行文字,有的顯示一行文字加一張圖片等等仍律。
內容式列表:主要以內容為主嘿悬,所以在列表中就會體現(xiàn)出部分內容信息,點擊進去就是詳情水泉。
嵌入式列表:嵌入式其實就是由多個列表層級組合而成的導航善涨。
優(yōu)點:1、結構清晰草则,易于理解;2钢拧、使用高效,能夠幫助用戶快速的定位去到對應的頁面3炕横、能夠在列表上直接給出關于活動源内、更新的提示
缺點:1、排版方式單一2份殿、多個入口之間不分級膜钓,沒優(yōu)先級之分
八嗽交、組合式導航
多用于產品本身 功能較為復雜,既需要用戶能 聚焦于內容颂斜,又需要給出用戶不同頁面之間的入口夫壁,以便用戶進行直接跳轉,那就采用組合式導航沃疮,利用不同導航的特性來滿足產品需求盒让。
組合式導航目前最常見的導航方式。
如: 標簽式導航+列表式 ;標簽式+宮格式 ; 舵式+列表式+標簽式等等;
優(yōu)點:
1司蔬、組合式多樣化
2邑茄、能給出用戶不同頁面之間的入口,方便跳轉
總結一下
根據自己的產品功能和特性葱她,采用不同導航模式撩扒。
每個產品迭代發(fā)展和變化,也會導致產品導航在過程中不停的產生變化吨些,就必須依據用戶屬性和使用場景進行調整搓谆。不拘泥任何模式,解決問題才是根本豪墅。因此泉手,您現(xiàn)在已經了解了與UI設計師的工作相關的主要技能。如果您想了解更多信息偶器,請給我點個關注斩萌,我之后還會發(fā)包含有關在該領域工作的更多相關文章。