Co to jest przycisk Hamburger i jak jest używany?

Co to jest przycisk Hamburger i jak jest używany?

Guzik do hamburgera brzmi pysznie, prawda? Może sprawić, że będziesz głodny, ale przycisk hamburgera tak naprawdę nie ma nic wspólnego z burgerami. Wierzcie lub nie, jest to termin powszechnie używany dla przycisków menu w aplikacjach.





W rzeczywistości większość z nas używa tej ikony codziennie. Ikona z trzema ułożonymi w stos liniami, którą widzisz podczas przełączania menu lub paska nawigacyjnego w aplikacji, to przycisk hamburgera.





Skąd więc wzięła się ta nazwa i dlaczego jest używana? Dowiedzmy Się.





Pochodzenie guzika do hamburgerów

Guzik do hamburgerów istnieje od lat 80. XX wieku. Jego nazwa pochodzi od projektu: trzy śmiałe poziome linie przypominające hamburgera. Znany również jako ikona zwijanego menu, przycisk hamburgera został stworzony przez Norma Coxa jako część interfejsu użytkownika Xerox Star, jednego z pierwsze nowoczesne komercyjne komputery osobiste.

Ze względu na ówczesne ograniczenia projektowe ikona przedstawiająca menu z dodatkowymi opcjami musiała być czymś prostym. Trzy równoległe, pogrubione linie spełniły tę potrzebę, nadając interfejsowi użytkownika minimalistyczny wygląd. Linie są abstrakcyjnym przedstawieniem pionowej listy opcji i funkcji zawartych w niej.



Ikona burgera stała się bardziej widoczna wraz z pojawieniem się smartfonów i aplikacji mobilnych. Z nowymi i mniejszymi interfejsami użytkownika trudno było zmieścić większość opcji na ekranie. Aby ułatwić nawigację, programiści musieli schować je w menu, a ikona hamburgera okazała się do tego przydatna.

Chociaż trwa debata, która aplikacja użyła jej jako pierwsza, aplikacja Tweetie od Twittera mogła być jedną z pierwszych nowoczesnych aplikacji, które korzystały z tej ikony. Niedługo potem ikona hamburgera zyskała większą popularność, gdy została zaadoptowana przez Facebooka i Google w aplikacjach mobilnych.





Ze względu na przejrzysty wygląd i jasne przeznaczenie ikony, przycisk hamburgera stał się od tego czasu ikoną przechodzenia do aplikacji i stron internetowych, w której można umieszczać opcje nawigacji.

Do czego służy ikona hamburgera?

Jak wspomniano powyżej, projekt ikony wyjaśnia jej pierwotne przeznaczenie. Ten cel jest dziś prawie taki sam.





Jednak funkcja ikony hamburgera w aplikacjach jest teraz sprawniejsza dzięki postępowi technologicznemu i projektowemu. Jest teraz często używany w menu, które przesuwają się lub zwijają z boku ekranu. Dotknięcie ikony otwiera boczne menu z wyborem różnych opcji i funkcji.

Oto przykład ikony hamburgera używanej w aplikacji Samsung Galaxy Store. Naciskając ikonę w lewym górnym rogu, możesz uzyskać dostęp do różnych opcji menu.

Galeria obrazów (2 obrazy) Zwiększać Zwiększać Blisko

Gdy ludzie korzystają z nowych aplikacji, interpretacja różnych ikon na ekranie może być trudna. Największą zaletą ikony hamburgera jest to, że jest natychmiast rozpoznawalna dla każdego, kto zna się na mobilnym designie. Ikona jest szeroko rozpowszechniona, co ułatwia interpretację bez żadnego wyjaśnienia.

Ikona hamburgera zajmuje prawie niewiele miejsca, dzięki czemu można ją umieścić w dowolnym miejscu na ekranie bez zakłócania innych elementów. Nie wszystko należy do strony głównej twojego ekranu, więc ikona dobrze sprawdza się, zapewniając predefiniowane miejsce dla elementów nawigacyjnych.

Związane z: Jak ustawić niestandardowe ikony dla aplikacji na Androida?

Co dziś dzieje się z menu hamburgerów?

Jak widzieliśmy, przycisk hamburgera ma wiele zalet, takich jak łatwość nawigacji i przejrzysty interfejs użytkownika. Ma jednak kilka wad, które skłoniły twórców aplikacji do odejścia i rozważenia alternatyw.

co to jest tryb portretowy na iPhonie 7?

Ponieważ telefony mają coraz większe wyświetlacze, coraz trudniej jest dotrzeć do miejsc, w których zwykle znajduje się przycisk hamburgera. Sprawia to, że wrażenia użytkownika są mniej wciągające, a korzystanie z aplikacji mniej komfortowe.

Gdy otworzysz aplikację po raz pierwszy, oczywiście będziesz szukał jej kluczowych funkcji. Ikona hamburgera często ukrywa większość ważnych opcji, co sprawia, że ​​interfejs jest mniej widoczny dla nowicjuszy.

Ponadto umieszczenie widocznych funkcji wewnątrz przycisku menu sprawia, że ​​wydają się one mniej ważne. To sprawia, że ​​myślisz, że jeśli te opcje nie były wystarczająco ważne, aby umieścić je na ekranie głównym, mogą nie być warte sprawdzenia.

Alternatywy dla ikony Hamburger

Paski nawigacyjne stały się bardziej popularnym i wydajnym sposobem organizowania przycisków menu. Zamiast ukrywać ważne funkcje za ikoną menu, pasek nawigacyjny rozmieszcza wiele ikon na ekranie głównym.

Pasek nawigacyjny zawiera ikony menu, które są łatwe do zrozumienia i dlatego są bardziej angażujące. Przyciskom Hamburger brakuje tej przejrzystości, więc nie mają takiego samego poziomu zaangażowania.

Jako jeden przykład, Sklep Google Play uprościł swój interfejs, przeprojektowując go za pomocą paska nawigacyjnego. Ten pasek na dole pokazuje ważne funkcje. Aby uzyskać dostęp do innych opcji, dotknij ikony swojego profilu w prawym górnym rogu.

Galeria obrazów (2 obrazy) Zwiększać Zwiększać Blisko

Pasek nawigacyjny pozwala zobaczyć więcej podstawowych funkcji i funkcji na ekranie głównym. Możesz szybko zobaczyć wiele ikon na pasku. Co więcej, te paski zwykle znajdują się na dole ekranu, co jest znacznie łatwiejsze niż w prawym górnym lub lewym górnym rogu, gdzie zwykle znajdują się ikony hamburgerów.

Związane z: Jak uzyskać kolorowy pasek nawigacyjny na Androidzie bez roota?

Choć podobnie jak ikona hamburgera, paski nawigacyjne mają swoje wady. Chociaż umieszczają najważniejsze funkcje z przodu, są ograniczone tylko do czterech lub pięciu opcji. Jeśli więc aplikacja chce zaprezentować ważniejsze funkcje, oprócz paska nawigacyjnego musi użyć czegoś innego.

Być może najlepszą opcją byłoby włączenie zarówno paska nawigacyjnego, jak i ikony hamburgera. Pasek nawigacyjny może pokazywać podświetlone funkcje aplikacji, podczas gdy inne funkcje mogą być schowane w ikonie hamburgera.

Popularnym tego przykładem jest Facebook. Na pasku nawigacyjnym możesz dotknąć menu hamburgera, aby uzyskać dostęp do wszystkich innych funkcji.

Przyszłość ikony hamburgerów

Przycisk hamburgera był już od dawna używany jako ikona menu, więc większość ludzi jest do niego przyzwyczajona. Jego minimalistyczne podejście i jasny cel sprawiły, że jest szeroko rozpoznawalny dla każdego, kto używa smartfona.

Ale ze względu na kilka wad ikony burgera, wiele popularnych aplikacji, w tym Sklep Google Play, Instagram i Twitter, zaczęło zamiast tego korzystać z paska nawigacji. Pasek nawigacyjny może służyć jako lepsza alternatywa dla ikony hamburgera, ale nie jest jeszcze w pełni zintegrowany z każdą aplikacją. W rezultacie ikona hamburgera nadal będzie używana przez jakiś czas.

Ikona hamburgera nie jest idealna, ale można ją ulepszyć łącząc ją z alternatywnymi elementami nawigacyjnymi. Ważne jest, aby upewnić się, że wszystkie narzędzia używane przez aplikacje są jasne dla użytkowników.

Udział Udział Ćwierkać E-mail Ikony i symbole Facebook Messenger: co one oznaczają?

W którym wyjaśniamy, co oznaczają wszystkie ikony i symbole Facebook Messenger i jak z nich właściwie korzystać.

Czytaj dalej
Powiązane tematy
  • Wyjaśnienie technologii
  • Android
  • Android
  • Projekt
  • Terminologia
O autorze Shreeya Deshpande(9 opublikowanych artykułów)

Shreeya jest entuzjastą technologii i lubi śledzić najnowsze osiągnięcia technologiczne. Kiedy nie pisze o technologii, możesz znaleźć ją w podróży lub czytać jej ulubioną powieść!

Więcej od Shreeyi Deshpande

Zapisz się do naszego newslettera

Dołącz do naszego newslettera, aby otrzymywać porady techniczne, recenzje, bezpłatne e-booki i ekskluzywne oferty!

Kliknij tutaj, aby zasubskrybować