Ikona 3 linii menu: Co to jest menu hamburgera?

Spisu treści:

Anonim

Co jeśli powiem Ci, że strony internetowe i smartfony zawierają w sobie hamburgery? Prawdopodobnie pomyślałbyś, że całkowicie straciłem to po temu jak wychodzić mój meds. Ale to absolutna prawda, nie żartuję.

Gdy otworzysz aplikację na smartfonie lub na niektórych stronach internetowych, możesz zobaczyć hamburgera - ikonę menu hamburgera.

Czym jest menu Hamburger?

Menu hamburgerów (które nie ma bocznej kolejności frytek) to trzy poziome linie, które widzisz teraz na górze wielu ekranów, albo z lewej, albo z prawej strony.

$config[code] not found

Właściwie to ikona.

Dotykając, dotykając lub klikając ikonę, otwiera boczne menu z wyborem opcji lub dodatkowych stron.

Niektórzy programiści uwielbiają ikonę menu linii 3 hamburgerów, ponieważ pozwala im ona spakować więcej funkcji do swoich aplikacji lub nawigacji. Mała ikona zajmuje minimalną ilość ekranu nieruchomości. Daje aplikacji lub witryny czysty, minimalistyczny wygląd.

Użytkownik aplikacji lub odwiedzający witrynę mogą z łatwością nacisnąć przycisk, aby przesuwać i opuszczać menu.

A może tak myślisz.

Jednak inni deweloperzy i niektórzy użytkownicy absolutnie nie znoszą ikony menu hamburgera lub po prostu są zdziwieni. Czemu? Ponieważ dla wszystkich użytkowników nie jest oczywiste, że te trzy linie są ikonami menu, nie informuje użytkowników o tym, co się tam znajduje.

Kto "wymyślił" Ikona menu Hamburger?

Wynalazcą za ikoną menu hamburgera jest człowiek o imieniu Norm Cox. Stworzył ikonę burgera dla Xerox Star, który był pierwszym na świecie graficznym interfejsem użytkownika. To było ponad trzy dekady temu.

Później ikona znikała.

Dopiero stosunkowo niedawno ikona menu 3-liniowego zaczęła się cofać wraz z pojawieniem się urządzeń mobilnych.

Na przykład w 2008 roku pojawił się w aplikacji Twitter, Tweetie. Następnie w 2009 roku pojawił się w aplikacji Notatki głosowe na iPhone'a 3GS.

"Muszę chichotać z uwagi na to, że ostatnio pojawia się mały symbol" hamburgera "- powiedział Cox w wywiadzie dla Small Business Trends.

"Około dziewięciu miesięcy temu nie myślałem o" kroplówce w mojej karierze "od ponad 30 lat!"

"Uwzględniono tylko kilka symboli" - dodał Cox. "Jeden symbol był skierowaną w dół strzałką w kształcie trójkąta, reprezentującą kierunek, w którym pojawi się menu wynikowe. Uznaliśmy, że ten symbol jest często interpretowany jako wskaźnik. Zastanawialiśmy się nad użyciem gwiazdki (*) lub symbolu plus (+), ale wydawały się zbyt abstrakcyjne. "

Cox powiedział, że trójliniowy obraz hamburgera okazał się trafiony. "Ten symbol był wizualnie prosty, łatwy do wytłumaczenia i funkcjonalnie niezapomniany. Trzy linie były idealną liczbą "- dodał Cox.

Jakie strony internetowe lub aplikacje używają tej niesławnej ikony menu Hamburger?

Niektóre z najważniejszych nazw, które używają ikony hamburgera w swoich aplikacjach, to Gmail, Facebook, Reeder, Twitter i Starbucks.

A teraz strony internetowe i przeglądarki również przyjęły ikonę menu z 3 liniami. Przykładami tego są przeglądarki Chrome i Firefox, korzystając z menu w prawym górnym rogu. Menu hamburgera ukrywa wszystkie opcje, ustawienia i rozszerzenia. Ikona świeci się na pomarańczowo, gdy coś w przeglądarce musi zostać naprawione lub zaktualizowane.

Time.com jest przykładem dużej strony internetowej, która korzysta z menu hamburgera - w tym przypadku w lewym górnym rogu. Po kliknięciu ikony menu 3-wierszowego pojawi się slajd z dodatkowymi linkami do treści.

Niektórzy eksperci podkreślają, że funkcje menu hamburgerowego są ledwo używane.

Po pierwsze, wiele osób nie zrozumiało jeszcze, że 3 linie poziome są w rzeczywistości ikoną menu, a nie tylko obrazem.

Po drugie, ikona hamburgera sprawia, że ​​informacje w ukrytym menu są "poza zasięgiem wzroku". Jeśli nie klikną lub nie dotkną ikony menu z 3 liniami, nie zobaczą tam wyborów.

Rzeczywiście, w przypadku Time.com, słowo "menu" musiało zostać dodane pod ikoną, aby było bardziej oczywiste, co to jest symbol.

W zależności od menu hamburgera

Różni programiści wyrazili swoje niezadowolenie z ikony hamburgera i jego wad.

Niektórzy odmawiają używania ikony pomimo jej trendowości.

Ale najbardziej prestiżową firmą, która dokonała zmiany, jest Facebook. Aby być całkowicie pewnym, Facebook nigdy publicznie nie stwierdził, że chce się go całkowicie pozbyć. Ale Facebook dostarcza niektóre funkcje mobilne, które wcześniej były ukryte za ikoną hamburgera.

Są teraz wyświetlane na poziomym pasku u dołu ekranu, nazywanym paskiem kart.

Dolny pasek kart zajmuje nieco więcej nieruchomości na ekranie, ale czyni pewne funkcje bardziej oczywistymi.

Rozmawialiśmy z Mrinal Desai, który jest CEO i współzałożycielem Addappt. Był także za Crossloop, crowdsourcowaną zdalną technologią, która ostatecznie została sprzedana programowi AVG Anti-Virus.

"Menu hamburgerów nie jest tak naprawdę w przypadku ustawień", powiedział Desai, rozmawiając z Trendami dla małych firm. "To prawie jak" więcej "lub można nawet pomyśleć o tym jako o alternatywnej do" paska kart ". Rzadko się zdarza, aby zobaczyć oba, ale my w Addappt zbadaliśmy to za pomocą prototypu, ale ostatecznie zdecydowaliśmy się na "pasek kart". "

"Te decyzje często zależą od celu aplikacji. Ikona hamburgera ma tendencję do relegowania funkcji, podczas gdy pasek zakładek czyni je bardziej oczywistymi "- dodał Desai.

The Hamburger Icon Creator Dostaje Ostateczne Słowo

Czy powinieneś używać ikony menu hamburgera we własnej witrynie internetowej, tematyce mobilnej lub aplikacji?

Wygląda na to, że pierwotny twórca ikony powinien otrzymać ostatnie słowo.

"Długowieczność symbolu (od lat 80. XX wieku) jest świadectwem jego prostoty, użyteczności, umiejętności uczenia się i zapamiętywania" - powiedział Cox, gdy zapytano go o wezwania do zabicia ikony hamburgera.

"Poszukiwanie" zabicia "lub" zniesienia "narzędzia lub widżetu interfejsu użytkownika w oparciu o niewłaściwe użycie lub implementację jest zarówno trochę krótkowzroczne, jak i nadmiernie reaktywne."

Hamburger, czerwone ikony Zdjęcia za pośrednictwem Shutterstock

Więcej w: Rzeczy, których nie wiesz, co to jest 3 komentarzy ▼