Skąd się wziął hamburger w Twoim telefonie? Historia kultowej ikonki

Trzy poziome kreski, które dziś widzimy niemal na każdej stronie internetowej i w aplikacji mobilnej, nazywane są potocznie „hamburger menu”. Choć nazwa brzmi apetycznie, nie ma nic wspólnego z jedzeniem – po prostu układ trzech warstw przypomina bułkę, kotlet i dolną część burgera. Choć użytkownicy korzystają z tego symbolu każdego dnia, niewiele osób wie, że jego historia sięga czasów, gdy smartfony i współczesny internet… jeszcze w ogóle nie istniały.

Podróż w czasie: od Xeroxa do smartfona

Pierwszą ikonę przypominającą dzisiejsze hamburger menu zaprojektował Norm Cox na początku lat 80. podczas prac nad systemem dla komputera Xerox Star. Zadanie było proste: stworzyć czytelny, minimalistyczny symbol, który powie użytkownikowi: „Hej, kliknij tutaj, a zobaczysz listę dodatkowych opcji”.

„Projekt miał być prosty, czytelny i łatwy w renderowaniu przy ówczesnych, bardzo niskich rozdzielczościach ekranu. Wyglądał jak lista, więc naturalnie sugerował menu” – wspominał po latach Norm Cox.

Co ciekawe, sam projektant nie miał pojęcia o żadnych burgerach. Nazwa „hamburger menu” pojawiła się znacznie później, jako element biurowego i internetowego Slangu.

Przez blisko 30 lat ikona była niemal zapomniana. Prawdziwy renesans (i globalną sławę) przyniosła jej rewolucja smartfonowa wokół 2010 roku. Projektanci aplikacji (m.in. Facebooka) musieli nagle zmieścić rozbudowane strony www na ekranach o szerokości zaledwie kilku centymetrów. Trzy kreski Normana Coxa okazały się idealnym ratunkiem.

Wielka debata w świecie IT. Hamburger – król czy wróg?

Dziś hamburger menu to standard, ale w świecie UX (projektowania doświadczeń użytkownika) wzbudza ono sporo kontrowersji. Dlaczego?

Zalety (dlaczego projektanci go uwielbiają):

• Czysty design – pozwala schować skomplikowaną nawigację, dzięki czemu strona wygląda nowocześnie i nie przytłacza użytkownika.
• Uniwersalność – każdy – od nastolatka po seniora – intuicyjnie wie, że kliknięcie tych trzech kresek „coś otworzy”.
• Oszczędność miejsca – idealne rozwiązanie na ekrany telefonów i tabletów.

🔴 Wady (dlaczego bywa problemem):

• „Co z oczu, to z serca” – jeśli coś jest schowane, użytkownicy klikają w to rzadziej. Badania pokazują, że ukrycie menu w hamburgerze potrafi drastycznie zmniejszyć zaangażowanie na stronie.
• Więcej klikania – aby przejść do innej zakładki, użytkownik musi kliknąć najpierw hamburgera, a potem dopiero docelową podstronę. to dodatkowy krok.

Kebab, bento i frytki – cyfrowe menu lubi fast food

Co ciekawe, hamburger nie jest jedynym kulinarnym symbolem w naszych telefonach. Projektanci interfejsów najwyraźniej bardzo lubią jedzenie, bo w aplikacjach znajdziesz też:

• Kebab menu (three dots): trzy pionowe kropki (często spotykane w systemie Android lub przeglądarce Chrome), które kryją dodatkowe opcje.
• Meatballs menu: trzy poziome kropki – działają podobnie jak kebab.
• Bento menu: dziewięć kropek ułożonych w kwadrat (jak w prawym górnym rogu usług Google). Symbolizuje matrycę aplikacji lub skróty do innych narzędzi.
• Doner menu: trzy kreski o różnej długości (od najdłuższej do najkrótszej), które najczęściej oznaczają filtry(np. w sklepach internetowych).

Podsumowanie

Hamburger menu to doskonały przykład na to, jak genialny, prosty design potrafi przetrwać dekady. Projekt sprzed ponad 40 lat idealnie odpowiedział na wyzwania współczesnych smartfonów.

Warto jednak pamiętać, że w projektowaniu stron nie ma rozwiązań idealnych. Dobrze zaprojektowany portal to taki, który balansuje między estetyką (którą daje hamburger) a wygodą użytkownika, który chce mieć najważniejsze funkcje zawsze pod ręką.

a Ty? Wolisz, gdy menu jest od razu widoczne, czy cenisz sobie minimalistyczny design i „chowasz” wszystko pod hamburgerem?