自己設計菜單的app「app導航欄及其分類」

每天我們都在使用不同的APP進行工作、學習、聽音樂、看視頻等等,都應該能注意到每個APP的導航也不盡相同,而導航菜單對於APP應用起著非常重要的作用,它是整個APP應用中最核心的交互性設計之一,既可以給用戶做導航,指引方向,又可以減少用戶的點擊步驟,簡化操作。所以說,企業在進行APP開發時,需要對導航菜單引起重視,這對於提升APP應用的用戶體驗度有著重大幫助。那麼,常見的APP設計導航有哪幾種分類呢?它們具有什麼優缺點?小犇就來為您總結一下。

一、標籤式

標籤式導航是現在主流的類型,在底部會顯示整個APP最核心的功能,方便用戶選擇使用。主要用於一級目錄的導航,位於頁面底部,無論用戶單手還是雙手操作都能輕鬆點擊,能告訴用戶當前位置及用戶切換統一層級之間的不同模塊。展現形式有文字 + icon,也有純icon形式,大部分是文字+icon,可能是減少用戶記憶負擔。APP內的「引路人」—導航欄設計的分類與須知

網易雲音樂

優點:操作方便,輕鬆切換功能,使用戶有更好的體驗,不會頻繁跳轉切換。

缺點:個數有限,APP的需求功能多時會不實用。

二、菜單式

它是在一個較大的面板上分組顯示已經定義好的菜單選項。能讓更多用戶在有限的屏幕空間上做更多的動作,讓用戶查看更多的信息;能將同一模塊的信息進行分類,讓用戶更清晰地了解這個模塊都為我們提供哪些信息或分類。APP內的「引路人」—導航欄設計的分類與須知

騰訊體育

優點:結構清晰,能夠展示的功能也較多。

缺點:不適用於頻繁的操作切換,成本較高。

1、APP應用的頂部菜單

在APP應用開發中,使用頂部菜單類型,是因為我們的習慣都是從上往下的瀏覽手機屏幕,因此把移動APP應用軟體的導航菜單設計在屏幕頂部也具有一定的優勢。此類布局最重要的代表就是標籤頁和每個控制中心擁有獨立圖標,為用戶提供明確導航。

2、APP應用的底部菜單

在APP應用開發中,採用底部菜單類型主要作用是作為導航的輔助,是用於區分內部的功能區塊和獨立組件。位於手機屏幕底部的APP應用導航設計,都包含了一組擴展菜單,並且每一項都有自己的控制面板,顯示出一個小型的控制中心。

3、APP應用的列表菜單

在APP應用開發中,使用列表菜單類型設計APP應用的導航,是使用橫條狀的布局方式來逐一展示APP應用的內容鏈接,讓用戶遵循由上到下的常規流程。採用列表菜單的APP應用設計,可以讓用戶對手機APP應用界面內容一目了然,令用戶在APP應用操作上更加簡單有效

4、APP應用的展開式菜單

在APP應用開發中,使用展開式菜單,是由於APP應用需要處理大信息量,這類往往是喜歡創作簡潔緊湊APP應用界面的設計師最喜歡的類型。展開式菜單類型的導航菜單允許把APP應用菜單圖標放在手機界面的任何地方,這也是展開式菜單受到APP應用設計師青睞的原因。

三、宮格式

一般作為信息或平台的入口,為產品或項目信息提供聚合的載體,適合承載訂閱類產品或眾多屬性差異非常明顯的分類信息,此類導航信息的呈現內容比較少,但是每個項目選取的效率比較高。宮格式將每個功能都聚焦在一個頁面,能夠讓用戶很清楚地看到,每個宮格都是獨立的,所以要想在進入另一個宮格時,必須要返回中心頁面再選擇。APP內的「引路人」—導航欄設計的分類與須知

支付寶

優點:清楚展示每個入口,方便找到用戶需要進入的入口。

缺點:無法展示功能內容,各個功能之間切換麻煩,每個功能不能跳轉。

四、列表式

通常用來展示某個具體模塊內容的信息進行分類,以列表的形式呈現大量的條目。多用於輔助主導航來展現信息甚至更多層次的內容,有時候需要一些提示信息。列表式導航簡單清晰,能夠幫助用戶快速定位到需要的功能內,不佔用APP頁面的空間。APP內的「引路人」—導航欄設計的分類與須知

微博

優點:展示的功能簡單明了,可以看到功能的內容。

缺點:不直觀,需要頻繁打開關閉再選擇要進入的功能內,排版不靈活。


每個APP在導航欄設計的時候都已經不再是選擇單一的模塊,而是綜合使用多種導航欄的形式,出發點在於突出產品和服務核心點,同時便於用戶的操作。

原創文章,作者:投稿專員,如若轉載,請註明出處:https://www.506064.com/zh-tw/n/268894.html

(0)
打賞 微信掃一掃 微信掃一掃 支付寶掃一掃 支付寶掃一掃
投稿專員的頭像投稿專員
上一篇 2024-12-16 13:12
下一篇 2024-12-16 13:12

相關推薦

發表回復

登錄後才能評論