Czym jest menu w UI?
Menu to element interfejsu użytkownika służący do prezentowania opcji lub przechodzenia między sekcjami aplikacji. Umożliwia użytkownikowi graficzną nawigację bez konieczności wpisywania poleceń ręcznie.
Menu może występować w aplikacjach desktopowych, webowych i mobilnych. Najczęściej zawiera linki, przyciski lub pozycje prowadzące do różnych widoków, funkcji albo kategorii.
Przykłady menu
Typowe rodzaje menu to:
- menu główne - podstawowa nawigacja aplikacji, np. „Strona główna”, „Użytkownicy”, „Ustawienia”,
- menu boczne - panel nawigacyjny po lewej lub prawej stronie ekranu,
- menu rozwijane - pokazuje dodatkowe opcje po kliknięciu lub najechaniu,
- menu kontekstowe - pojawia się np. po kliknięciu prawym przyciskiem myszy,
- navbar - pasek nawigacyjny często używany na stronach WWW.
Menu a inne kontrolki
Menu nie służy głównie do wprowadzania danych, tylko do wyboru funkcji lub przejścia do sekcji aplikacji.
Dla porównania:
- rozwijana lista pozwala wybrać jedną wartość z listy,
- obszar tekstowy służy do wpisywania dłuższego tekstu,
- przycisk opcji pozwala wybrać jedną z kilku wzajemnie wykluczających się opcji,
- menu organizuje nawigację i dostęp do funkcji.
Przykład w HTML
<nav>
<a href="/home">Strona główna</a>
<a href="/products">Produkty</a>
<a href="/contact">Kontakt</a>
</nav>
W tym przykładzie element nav pełni rolę menu nawigacyjnego, ponieważ umożliwia przechodzenie między sekcjami serwisu.