Seuraava artikkeli auttaa sinua: Ikona menu z 3 liniami: Co to jest menu z hamburgerami?
A co jeśli powiem Ci, że strony internetowe i smartfony mają w sobie hamburgery? Pewnie pomyślałbyś, że po odstawieniu leków całkowicie straciłem przytomność. Ale to absolutna prawda, nie żartuję.
Kiedy dzisiaj otworzysz aplikację na smartfonie lub na niektórych stronach internetowych, możesz spojrzeć na hamburgera – czyli ikonę menu hamburgera.
Jakie jest menu hamburgerowe?
Menu hamburgerów (które nie jest dostarczane z frytkami) to trzy poziome linie, które widzisz teraz u góry wielu ekranów, po lewej lub po prawej stronie.
Właściwie to ikona.
Dotknięcie, dotknięcie lub kliknięcie ikony powoduje otwarcie bocznego menu z wyborem opcji lub dodatkowymi stronami.
Niektórzy programiści uwielbiają ikonę menu hamburgera z trzema liniami, ponieważ umożliwia im dodanie większej liczby funkcji do aplikacji lub nawigacji. Mała ikona zajmuje minimalną ilość powierzchni ekranu. Nadaje aplikacji lub witrynie czysty, minimalistyczny wygląd.
Użytkownik aplikacji lub odwiedzający witrynę internetową może z łatwością nacisnąć przycisk, aby przesuwać menu do przodu i do tyłu.
A przynajmniej tak możesz myśleć.
Jednak inni programiści i niektórzy użytkownicy absolutnie nie znoszą ikony menu hamburgera lub po prostu są nią zaskoczeni. Dlaczego? Ponieważ nie dla wszystkich użytkowników jest oczywiste, że te trzy linie są w rzeczywistości ikoną menu i nie informują użytkowników, co się tam znajduje.
Kto „wynalazł” ikonę menu hamburgera?
Wizjonerem stojącym za wszechobecną ikoną menu hamburgerów jest kreatywny pionier o imieniu Norm Cox. Stworzył wszechobecną ikonę menu hamburgera, uniwersalny symbol, który pierwotnie zaprojektował dla Xerox Star, pierwszego na świecie graficznego interfejsu użytkownika, ponad trzydzieści lat temu.
Jednak po powstaniu ikoniczny obraz zdawał się popadać w okres względnej niejasności.
Odrodzenie się ikony można prześledzić wraz z pojawieniem się urządzeń mobilnych. To właśnie w tym okresie, w 2008 roku, ikona z trzema liniami zaczęła się cofać, pojawiając się po raz pierwszy w aplikacji Twitter Tweetie.
W następnym roku ikona znalazła nowe miejsce w interfejsie aplikacji Notatki głosowe na iPhone’a 3GS.
W wywiadzie dla Small Business Trends Cox podzielił się swoim zdziwieniem z powodu odrodzenia się swojego dzieła, stwierdzając: „Śmiać się muszę z uwagi, jaką ostatnio cieszy się mały symbol „hamburgera”. Jeszcze jakieś dziewięć miesięcy temu przez ponad 30 lat nie myślałem o „kropinie w mojej karierze projektanta”!”
Podczas burzy mózgów na temat symbolu rozważano kilka alternatyw:
- Strzałka skierowana w dół w kształcie trójkąta, oznaczająca kierunek, w którym pojawi się menu wynikowe. Zostało to jednak odrzucone, ponieważ zbyt często było interpretowane jako wskazówka.
- Gwiazdka
lub symbol plus (+) również były brane pod uwagę, ale ostatecznie odrzucono je ze względu na ich abstrakcyjny charakter.
Ostatecznie Cox stwierdził, że trzyliniowy obraz hamburgera zachował idealną równowagę: „Ten symbol był wizualnie prosty, łatwy do wyjaśnienia i funkcjonalnie zapadający w pamięć. Trzy linie to idealna liczba.
Ikona hamburgera, prosty, ale potężny element projektu, ugruntowała w ten sposób swoje miejsce w świecie projektowania interfejsów użytkownika, będąc świadectwem ponadczasowego uroku prostoty.
Jakie witryny lub aplikacje korzystają z tej niesławnej ikony menu hamburgera?
Niektóre z znanych marek używających ikony hamburgera w swoich aplikacjach to Gmail, Facebook, Reeder, Twitter i Starbucks.
Teraz strony internetowe i przeglądarki również przyjęły 3-liniową ikonę menu. Przykładem są przeglądarki Chrome i Firefox, korzystające z menu w prawym górnym rogu. Menu hamburgera ukrywa wszystkie opcje, ustawienia i rozszerzenia. Ikona świeci na pomarańczowo, gdy coś w przeglądarce wymaga naprawy lub aktualizacji.
Time.com to przykład dużej witryny internetowej, która korzysta z menu hamburgerowego — w tym przypadku w lewym górnym rogu. Po kliknięciu 3-liniowej ikony menu pojawi się slajd zawierający łącza do dodatkowych treści.
Część ekspertów zwraca uwagę, że funkcje w menu hamburgera są rzadko wykorzystywane.
Po pierwsze, wiele osób jeszcze nie odkryło, że te 3 poziome linie to tak naprawdę ikona menu, a nie tylko obraz.
Po drugie, ikona hamburgera sprawia, że informacje w ukrytym menu są „poza zasięgiem wzroku, poza umysłem”. Jeśli faktycznie nie klikną lub nie dotkną ikony menu z trzema liniami, nie zobaczą tam dostępnych opcji.
Rzeczywiście, w przypadku Time.com pod ikoną trzeba było dodać słowo „menu”, aby było bardziej oczywiste, co to za symbol.
Mniej zależy od menu hamburgerów
Różni programiści wyrazili swoje niezadowolenie z ikony hamburgera i jej wad.
Niektórzy nie chcą używać ikony, pomimo jej modności.
Jednak najbardziej znaną firmą, która dokonała zmiany, jest Facebook. Żeby było jasne, Facebook nigdy publicznie nie oświadczył, że chce się go całkowicie pozbyć. Ale Facebook udostępnia niektóre funkcje mobilne, które wcześniej były ukryte za ikoną hamburgera.
Są one teraz wyświetlane na poziomym pasku u dołu ekranu, zwanym paskiem kart.
Dolny pasek kart zajmuje nieco więcej miejsca na ekranie, ale sprawia, że niektóre funkcje są bardziej oczywiste.
Rozmawialiśmy z panem Desai, który jest dyrektorem generalnym i współzałożycielem Addappt. Stał także za Crossloop, aplikacją do zdalnej technologii pozyskiwaną z crowdsourcingu, która ostatecznie została sprzedana firmie AVG Anti-Virus.
„Menu hamburgerów tak naprawdę nie służy do ustawień” – powiedział Desai w rozmowie z Small Business Trends. „To prawie jak „więcej” lub można nawet o nim pomyśleć jako o alternatywie dla „paska zakładek”. Rzadko zdarza się, aby zobaczyć oba, ale w Addappt zbadaliśmy to za pomocą prototypu, ale ostatecznie zdecydowaliśmy się na opcję „paska zakładek”.
„Decyzje te często zależą od celu aplikacji. Ikona hamburgera ma tendencję do ograniczania funkcji, podczas gdy pasek kart sprawia, że są one bardziej oczywiste” – dodał Desai.
Ostatnie słowo należy do twórcy ikony hamburgera
Czy zatem powinieneś używać ikony menu hamburgera we własnej witrynie, motywie mobilnym lub aplikacji?
Naszym zdaniem ostatnie słowo powinno należeć do pierwotnego twórcy ikony.
„Długowieczność symbolu (od lat 80. XX wieku) jest świadectwem jego prostoty, użyteczności, łatwości uczenia się i zapamiętywania” – powiedział Cox zapytany o wezwania do zabicia ikony hamburgera.
„Próba „zabicia” lub „usunięcia” narzędzia lub widżetu interfejsu użytkownika w oparciu o złe użycie lub implementację jest zarówno krótkowzroczna, jak i nadmiernie reaktywna”.
| Wprowadzono EraIconWczesne aplikacjeOdbiór użytkownikówNowoczesne aplikacjeObecny odbiór | Lata 80 | Menu hamburgerowe autorstwa Norma Coxa dla Xerox Star | Stosowany w pierwszym na świecie graficznym interfejsie użytkownika | W większości nieznane szerszej opinii publicznej | – |
| – | Lata 2000 | Ponowne wprowadzenie wraz z rozwojem urządzeń mobilnych | Aplikacja Twitter (Tweetie), aplikacja Notatki głosowe na iPhone’a 3GS | Mieszany; niektórzy uznali to za intuicyjne, inni za mylące | – |
| – | Lata 2010 i później | Szerokie przyjęcie | Aplikacje Gmail, Facebook, Reeder, Twitter, Starbucks; przeglądarki Chrome i Firefox; strony takie jak Time.com | Debata na temat jego skuteczności trwa | Rozszerzone wykorzystanie w różnych aplikacjach i witrynach internetowych |
Niektórzy uwielbiają jego prostotę i zwartość, inni krytykują go za ukrywanie ważnych funkcji
