Co je tlačítko Hamburger a jak se používá?

Tlačítko hamburgeru zní lahodně, že? Možná vás vyhladoví, ale tlačítko hamburgeru ve skutečnosti nemá s hamburgery nic společného. Věřte tomu nebo ne, je to termín běžně používaný pro tlačítka nabídek v aplikacích.

Ve skutečnosti většina z nás používá tuto ikonu denně. Ikona se třemi skládanými řádky, které vidíte při přepínání nabídky nebo navigačního panelu v aplikaci, je tlačítko hamburgeru.

Odkud tedy tento název pochází a proč se používá? Pojďme to zjistit.

Původ tlačítka Hamburger

Tlačítko na hamburger existuje od 80. let minulého století. Jeho název pochází z jeho designu: tři výrazné horizontální linie připomínající hamburger. Také známé jako ikona skládací nabídky, tlačítko hamburgeru bylo vytvořeno Norm Cox jako součást uživatelského rozhraní pro Xerox Star, jeden z první moderní komerční osobní počítače.

Vzhledem k tehdejším omezením designu měla být ikona představující nabídku s dalšími možnostmi něčím jednoduchým. Tři paralelní tučné čáry splnily potřebu a dodaly uživatelskému rozhraní minimalistický vzhled. Čáry jsou abstraktním zobrazením vertikálního seznamu možností a funkcí, které jsou v něm obsaženy.

Čím byla ikona Hamburger populární?

Ikona hamburgeru se stala výraznější s příchodem chytrých telefonů a mobilních aplikací. S novým a menším uživatelským rozhraním bylo obtížné vejít se do většiny možností na obrazovce. Aby vývojáři zajistili snadnou navigaci, museli je zastrčit do nabídky a ikona hamburgeru se pro tento účel ukázala jako užitečná.

Ačkoli je na diskusi, která aplikace ji použila jako první, aplikace Tweetie od Twitteru mohla být jednou z prvních moderních aplikací, které tuto ikonu používaly. Brzy poté si ikona hamburgeru získala větší popularitu, když ji přijaly Facebook a Google v mobilních aplikacích.

Díky čistému vzhledu ikony a jasnému účelu se tlačítko hamburger od té doby stalo ikonou pro aplikace a webové stránky, do kterých lze umístit možnosti navigace.

K čemu slouží ikona Hamburger?

Jak bylo uvedeno výše, design ikony vysvětluje její původní účel. Tento účel je dnes téměř stejný.

Funkce ikony hamburgeru v aplikacích je však nyní díky pokrokům v technologii a designu úhlednější. Nyní se často používá pro nabídky, které se posouvají nebo sbalí dovnitř a ven z boční strany obrazovky. Klepnutím na ikonu se otevře postranní nabídka s výběrem různých možností a funkcí.

Zde je příklad ikony hamburgeru použité v aplikaci Samsung Galaxy Store. Klepnutím na ikonu v levém horním rohu získáte přístup k různým možnostem nabídky.

Galerie obrázků (2 obrázky) Rozšířit Rozšířit Zavřít

Když lidé používají nové aplikace, může být obtížné interpretovat různé ikony na obrazovce. Největší výhodou ikony hamburgeru je, že je okamžitě rozpoznatelná pro každého, kdo je obeznámen s mobilním designem. Ikona je rozšířená, což usnadňuje její interpretaci bez jakéhokoli vysvětlení.

Ikona hamburgeru nezabírá téměř žádné místo, takže jej můžete umístit kamkoli na obrazovku, aniž byste rušili ostatní prvky. Ne vše patří na hlavní stránku vaší obrazovky, takže ikona odvádí dobrou práci a poskytuje předdefinované místo pro navigační prvky.

Příbuzný: Jak nastavit vlastní ikony pro aplikace v systému Android

Jak jsme viděli, tlačítko hamburgeru nabízí mnoho výhod, jako je snadná navigace a čisté uživatelské rozhraní. Obsahuje však několik nevýhod, kvůli nimž se vývojáři aplikací odstěhovali a zvažovali alternativy.

jak získat více pruhů na snapchatu

Vzhledem k tomu, že telefony mají stále větší displeje, je stále obtížnější dosáhnout míst, kde se obvykle nachází tlačítko hamburgeru. Díky tomu je uživatelské prostředí méně poutavé a používání aplikací méně pohodlné.

Když aplikaci otevřete poprvé, budete samozřejmě hledat její klíčové funkce. Ikona hamburgeru často skrývá většinu důležitých možností, díky čemuž je rozhraní pro nováčky méně zjistitelné.

Také uvedení prominentních funkcí do tlačítka nabídky jim připadá méně důležité. Nutí vás to přemýšlet, pokud by tyto možnosti nebyly dost důležité na to, aby se daly na domovskou obrazovku, možná by nemělo cenu se na ně dívat.

Alternativy k ikoně Hamburger

Navigační panely se staly populárnějším a efektivnějším způsobem organizace tlačítek nabídky. Navigační panel místo skrytí důležitých funkcí za ikonou nabídky uspořádá na domovské obrazovce více ikon.

Navigační panel nabízí ikony nabídky, které jsou srozumitelné, a jsou proto poutavější. Tlačítkům Hamburger tato jasnost chybí, takže nedostanou stejnou úroveň zapojení.

Obchod Google Play například zjednodušil své rozhraní přepracováním pomocí navigačního panelu. Tato lišta ve spodní části ukazuje důležité funkce. Chcete-li získat přístup k dalším možnostem, klepněte na ikonu svého profilu v pravém horním rohu.

Galerie obrázků (2 obrázky) Rozšířit Rozšířit Zavřít

Navigační panel vám umožňuje zobrazit na domovské obrazovce více základních funkcí a funkcí. Na liště můžete na první pohled vidět více ikon. Navíc jsou tyto pruhy obvykle ve spodní části obrazovky, na kterou je mnohem snazší dosáhnout než vpravo nahoře nebo vlevo nahoře, kde obvykle žijí ikony hamburgerů.

Příbuzný: Jak získat barevný navigační panel pro Android bez rootování

Navigační lišty mají stejně jako ikona hamburgeru své nevýhody. Ačkoli dávají špičkové funkce vpředu, jsou omezeny pouze na čtyři nebo pět možností. Pokud tedy chce aplikace předvést důležitější funkce, musí kromě navigačního panelu použít i něco jiného.

Asi nejlepší možností by bylo začlenit navigační lištu a ikonu hamburgeru. Navigační panel by mohl předvést zvýrazněné funkce aplikace, zatímco ostatní funkce by mohly být zastrčené v ikoně hamburgeru.

Facebook je toho oblíbeným příkladem. Na jeho navigačním panelu můžete klepnutím na nabídku hamburger získat přístup ke všem jeho dalším funkcím.

Budoucnost ikony hamburgeru

Tlačítko hamburgeru se již delší dobu používá jako ikona nabídky go-to, takže si na něj většina lidí docela zvykla. Díky minimalistickému přístupu a jasnému účelu je široce rozpoznatelný pro každého, kdo používá smartphone.

Ale kvůli několika nevýhodám ikony hamburgeru mnoho populárních aplikací, jako je Google Play Store, Instagram a Twitter, místo toho začalo obsahovat navigační panel. Navigační panel může sloužit jako lepší alternativa k ikoně hamburgeru, ale není ještě plně integrován do každé aplikace. Výsledkem bude, že ikonu hamburgeru používáme pravidelně ještě nějakou dobu.

Ikona hamburgeru není dokonalá, ale lze ji vylepšit kombinací s alternativními navigačními prvky. Je důležité zajistit, aby jakékoli nástroje, které aplikace používají, byly uživatelům jasné.

Podíl Podíl tweet E-mailem Ikony a symboly na Facebooku Messenger: Co znamenají?

Ve kterém vysvětlíme, co všechny ikony a symboly aplikace Facebook Messenger znamenají a jak je správně používat.

Číst dále Související témata

Technologie vysvětlena
Android
Android
Design
Terminologie

O autorovi Shreeya Deshpande(9 článků zveřejněno)

Shreeya je technologický nadšenec a rád drží krok s nejnovějšími technologickými pokroky. Když zrovna nepíše o technologiích, můžete ji najít cestovat nebo číst její oblíbený román!

Více od Shreeya Deshpande

Přihlaste se k odběru našeho zpravodaje

Připojte se k našemu zpravodaji a získejte technické tipy, recenze, bezplatné elektronické knihy a exkluzivní nabídky!

Kliknutím sem se přihlásíte k odběru