Čo je tlačidlo Hamburger a ako sa používa?

Tlačidlo hamburgeru znie chutne, však? Možno vás vyhladne, ale tlačidlo hamburgera v skutočnosti nemá nič spoločné s hamburgermi. Verte či neverte, je to termín bežne používaný pre tlačidlá ponuky v aplikáciách.

V skutočnosti väčšina z nás používa túto ikonu denne. Ikona s tromi skladanými riadkami, ktoré vidíte pri prepínaní ponuky alebo navigačného panela v aplikácii, je tlačidlo hamburgeru.

Odkiaľ teda pochádza tento názov a prečo sa používa? Poďme zistiť.

Pôvod tlačidla Hamburger

Tlačidlo na hamburger je k dispozícii od osemdesiatych rokov minulého storočia. Jeho názov pochádza z jeho dizajnu: tri výrazné horizontálne čiary pripomínajúce hamburger. Tlačidlo hamburgera, známe aj ako skladacia ikona ponuky, vytvorila spoločnosť Norm Cox ako súčasť používateľského rozhrania zariadenia Xerox Star, jedného z prvé moderné komerčné osobné počítače.

Vzhľadom na vtedajšie konštrukčné obmedzenia mala byť ikona predstavujúca ponuku s ďalšími možnosťami niečím jednoduchým. Tri rovnobežné hrubé čiary splnili potrebu a dodali používateľskému rozhraniu minimalistický vzhľad. Riadky sú abstraktným zobrazením zvislého zoznamu možností a funkcií, ktoré sú v ňom obsiahnuté.

Čím bola ikona Hamburger populárna?

Ikona hamburgera sa stala výraznejšou s príchodom smartfónov a mobilných aplikácií. S novým a menším používateľským rozhraním bolo ťažké zmestiť sa do väčšiny možností na obrazovke. Aby sa uľahčila navigácia, museli ich vývojári zastrčiť do ponuky a na tento účel sa osvedčila ikona hamburgeru.

Aj keď je na diskusii, ktorá aplikácia ju použila ako prvá, aplikácia Tweetie od spoločnosti Twitter mohla byť jednou z prvých moderných aplikácií, ktoré túto ikonu používali. Krátko nato si ikona hamburgera získala väčšiu popularitu, keď ju prijali Facebook a Google v mobilných aplikáciách.

Vďaka čistému vzhľadu a jasnému účelu ikony sa tlačidlo hamburger stalo odvtedy ikonou, na ktorú aplikácie a webové stránky môžu vkladať svoje možnosti navigácie.

Na čo slúži ikona Hamburger?

Ako bolo uvedené vyššie, dizajn ikony vysvetľuje jej pôvodný účel. Tento účel je dnes takmer rovnaký.

Funkcia ikony hamburgera v aplikáciách je však v dôsledku pokroku v technológiách a dizajne teraz úhľadnejšia. Teraz sa často používa v ponukách, ktoré sa posúvajú alebo zbalia dovnútra a von z bočnej strany obrazovky. Klepnutím na ikonu sa otvorí bočná ponuka s výberom rôznych možností a funkcií.

Tu je príklad ikony hamburgeru použitej v aplikácii Samsung Galaxy Store. Klepnutím na ikonu v ľavom hornom rohu získate prístup k rôznym možnostiam ponuky.

Galéria obrázkov (2 obrázky) Rozbaliť Rozbaliť Zavrieť

Keď ľudia používajú nové aplikácie, môže byť ťažké interpretovať rôzne ikony na obrazovke. Najväčšou výhodou ikony hamburgeru je, že je okamžite rozpoznateľná pre kohokoľvek, kto je oboznámený s mobilným dizajnom. Ikona je rozšírená, čo uľahčuje interpretáciu bez akéhokoľvek vysvetlenia.

Ikona hamburgeru nezaberá takmer žiadne miesto, takže ho môžete umiestniť kdekoľvek na obrazovku bez rušenia ostatných prvkov. Nie všetko patrí na hlavnú stránku vašej obrazovky, takže ikona robí dobrú prácu, keď poskytuje vopred definované miesto pre navigačné prvky.

Súvisiace: Ako nastaviť vlastné ikony pre aplikácie v systéme Android

Ako sme videli, tlačidlo hamburgeru ponúka mnoho výhod, napríklad jednoduchú navigáciu a čisté používateľské rozhranie. Obsahuje však niekoľko nedostatkov, kvôli ktorým sa vývojári aplikácií odsťahovali a zvažovali alternatívy.

nemôžem presúvať aplikácie na SD kartu pre Android

Keďže telefóny majú stále väčší displej, je stále ťažšie sa dostať na miesta, kde sa zvyčajne nachádza tlačidlo hamburgeru. Vďaka tomu je užívateľský zážitok menej pútavý a používanie aplikácií menej pohodlné.

Pri prvom otvorení aplikácie budete samozrejme hľadať jej kľúčové funkcie. Ikona hamburgeru často skrýva väčšinu dôležitých možností, vďaka čomu je rozhranie pre nováčikov menej viditeľné.

Vďaka umiestneniu prominentných funkcií do tlačidla ponuky sa budú cítiť menej dôležití. Núti vás zamyslieť sa nad tým, že keby tieto možnosti neboli dostatočne dôležité na to, aby ste ich mohli zobraziť na domovskej obrazovke, možno by nestálo za to ich odhlásiť.

Alternatívy k ikone Hamburger

Navigačné panely sa stali obľúbenejším a efektívnejším spôsobom organizácie tlačidiel ponuky. Navigačný panel namiesto skrytia dôležitých funkcií za ikonou ponuky usporiada viacero ikon na domovskej obrazovke.

Navigačný panel ponúka ikony ponuky, ktoré sú zrozumiteľné, a preto sú pútavejšie. Hamburgerovým tlačidlám táto jasnosť chýba, takže nedosahujú rovnakú úroveň zapojenia.

Obchod Google Play napríklad zjednodušil svoje rozhranie tým, že ho prepracoval pomocou navigačnej lišty. Tento panel v spodnej časti ukazuje dôležité funkcie. Ak chcete získať prístup k ďalším možnostiam, klepnite na ikonu svojho profilu v pravom hornom rohu.

Galéria obrázkov (2 obrázky) Rozbaliť Rozbaliť Zavrieť

Navigačný panel vám umožňuje vidieť na základnej obrazovke ďalšie základné funkcie a funkcie. Na paneli môžete na prvý pohľad vidieť viacero ikon. Navyše, tieto pruhy sú zvyčajne v spodnej časti obrazovky, na ktorú je oveľa jednoduchšie dosiahnuť než v pravom hornom alebo ľavom hornom rohu, kde ikony hamburgerov zvyčajne bývajú.

Súvisiace: Ako získať farebný navigačný panel v systéme Android bez koreňa

Navigačné lišty majú, podobne ako ikona hamburgeru, svoje nevýhody. Aj keď vpredu kladú najlepšie funkcie, sú obmedzené iba na štyri alebo päť možností. Ak chce teda aplikácia predvádzať dôležitejšie funkcie, musí okrem navigačnej lišty používať aj niečo iné.

Asi najlepšou možnosťou by bolo začleniť navigačný panel a ikonu hamburgeru. Navigačný panel môže predvádzať zvýraznené funkcie aplikácie, zatiaľ čo ostatné funkcie je možné skryť do ikony hamburgeru.

Facebook je toho obľúbeným príkladom. Na navigačnom paneli klepnutím na ponuku hamburgerov získate prístup k všetkým jeho ďalším funkciám.

Budúcnosť ikony Hamburger

Tlačidlo hamburgeru sa už nejaký čas používa ako ikona ponuky, takže väčšina ľudí si naň celkom zvykla. Vďaka svojmu minimalistickému prístupu a jasnému účelu je široko rozpoznateľný pre každého, kto používa smartphone.

Ale kvôli niekoľkým nevýhodám ikony hamburgera mnoho populárnych aplikácií vrátane Obchodu Google Play, Instagram a Twitter namiesto toho začalo používať navigačný panel. Navigačný panel môže slúžiť ako lepšia alternatíva k ikone hamburgera, ale nie je ešte plne integrovaný do každej aplikácie. Vďaka tomu budeme nejaký čas pravidelne vidieť ikonu hamburgeru.

Ikona hamburgeru nie je dokonalá, ale dá sa vylepšiť kombináciou s alternatívnymi navigačnými prvkami. Je dôležité zaistiť, aby všetky nástroje, ktoré aplikácie používajú, boli používateľom jasné.

zdieľam zdieľam Tweet E -mail Ikony a symboly na Facebooku Messenger: Čo znamenajú?

V ktorom vysvetlíme, čo znamenajú všetky ikony a symboly programu Facebook Messenger a ako ich správne používať.

Čítajte ďalej Súvisiace témy

Technológia vysvetlená
Android
Android
Dizajn
Terminológia

O autorovi Shreeya Deshpande(9 publikovaných článkov)

Shreeya je technologický nadšenec a rád drží krok s najnovším technologickým pokrokom. Keď práve nepíše o technológiách, môžete ju nájsť cestovať alebo čítať jej obľúbený román!

Viac od Shreeya Deshpande

prihlásiť sa ku odberu noviniek

Pripojte sa k nášmu bulletinu a získajte technické tipy, recenzie, bezplatné elektronické knihy a exkluzívne ponuky!

Kliknutím sem sa prihlásite na odber