Jak vyřešit problém s hamburgerovou ikonou
Hamburgerová ikona - tři malé tyče používané k označení odkazu na nabídku - je jedna z nejkontroverznějších technik na webu právě teď. Návrháři nám říkají, že to nenávidí; zákazníkům, říkáme všem, nenávidí to taky. Proč tedy je všude?
Ikona hamburgeru je snadno škálovatelná a zapadá do pixelové mřížky. Původně to byla ikona seznamu, která byla stisknuta do své aktuální role, ale protože menu je jednoduše seznam možností, je to sémanticky správné použití této položky tímto způsobem.
Bylo obrovské množství debaty, testování A / B, blogy a uživatelské studie provedené na toto téma, ale tyto studie se téměř vždy zaměřují na návrh aplikace. Když se ikona hamburgeru používá v návrhu webových stránek, znamená to mnohem významnější problém.
Problém s ikonou hamburgeru
Existuje spousta návrhářů, kteří zpochybňují hodnotu samotné ikony hamburgerů. Je často považována za ikonu stylu iOS, i když byla použita tímto způsobem předtím, než ji společnost Apple přijala.
Ve skutečnosti existuje mnoho konfliktních důkazů o tom, zda je ikona hamburgeru použitelná jako indikace nabídky. Někteří designéři tvrdí, že ikona je snadno rozpoznatelná mladší demografickou skupinou, jiní naznačují, že starší demografická osoba ji rozpozná, pokud je webově gramotná. Jediný závěr, který skutečně můžeme vyvodit z těchto důkazů, je, že testy použitelnosti se ukázaly jako neprůkazné, přičemž paralelní testy často přinášejí konfliktní výsledky.
Co je všeobecně uznáno, uživatelé nerozpoznávají ikonu hamburgeru jako jediný odkaz - pravděpodobně proto, že je navržen tak, aby vypadal jako skupina odkazů, spíše než jen jedna věc. Něco, co je podporováno, spočívá v tom, že okolí ikony hamburgeru s okrajem nebo jeho pozadí, takže to vypadá spíše, jako když si říkám, více skejomorfní - bude mít za následek více kliknutí.
Další problémy s ikonou hamburgeru
Kromě návrhu samotné ikony je přístup k používání ikony hamburgeru také plný problémů.
Za prvé, a možná i nejvýrazněji, ikona hamburgeru přidá k vaší navigaci další akce; kdy by mělo jedno kliknutí dosáhnout určité stránky, bude to trvat dva. Pravidlem pro webové designéry bylo vždy maximálně tři kliknutí (pokud je to možné), zatím co řešení navigačního problému techniku hamburgerových ikon jednoduše vyměňuje jeden problém za jiný. Samozřejmě, že to není jen problém pro ikonu hamburgeru, je to problém pro jakoukoli navigaci, která je tímto způsobem vytvořena. Můžete použít slovo "Menu" namísto ikony hamburgeru a budete mít stejnou překážku, rozdíl je, že ikona hamburgeru nemůže být použita jiným způsobem.
Hamburgerská technika také skrývá svůj obsah. Z hlediska UX by uživatelé nemuseli jednat, aby zjistili, jaké akce mohou podniknout. Je příliš snadné zapomenout na "sdílení na Twitteru" nebo "jít do Checkout", když tyto možnosti nejsou přímo před vámi. Uživatelé prostě nebudou hledat odkaz, o němž nevědí, že existuje.
Konečně technika hamburger icon skrývá aktuální stav vašeho webu a jeho polohu. Dolní stavy v nabídce poskytují kontextové informace uživateli, který techniku hamburgerů zatemňuje.
Co dělá ikona hamburgeru dobře?
Vzhledem k tomu, že ikona hamburgerů je všeobecně nenáviděná a vede k řadu problémů, proč je používána všude?
Podle mých zkušeností, jistě mezi určitými demografiemi, ikona hamburgeru nedávno dosáhla místa, kde je lze snadno rozpoznat. Studie, které vyvracejí, které mají tendenci být rok nebo starší a rok, jsou na interwebu dlouhou dobu.
Ve skutečnosti je ikona odkazu mnohem rozpoznatelnější než ikona odkazu nebo ikona sdílení , jejíž definitivní podoby se ještě objevují. Ikona hamburgeru je konzistentní v jakémkoli počtu různých vzorků.
Nejdůležitější je, že hamburgerová ikona dělá to, co má za úkol: ušetří nám tón obrazovky nemovitostí. Pokud vám klient předvede seznam položek gagilionu, které je třeba přidat do nabídky, pak je posunutí z obrazovky a propojení s nimi představuje hrubý, ale efektivní způsob, jak vytvořit prostor pro obsah, který klient také chce.
Rád bych řekl, že ikona hamburgeru řeší problém lépe než jiné řešení, ale není to pravda. Místo toho řeknu, že ikona hamburgeru řeší problém méně než ostatní řešení.
Kořen problému
Hamburgerová ikona má tendenci být zaměstnána, protože návrháři - nebo častěji, klienti - nejsou plně zavázáni k mobilnímu přístupu. Chtějí "normální" místo, ale vytočili se na telefonní telefon.
Oponenti ikony hamburgeru ji nahradí slovem "Menu" - v tomto případě zcela chybí bod. Ikona hamburgeru má nebo nemá svůj význam nyní, ale uživatelé, kteří chápou, na co je tlačítko, nevyřeší největší problém, kterým je skrýt naši navigaci a skrývat možnosti našich uživatelů, je strašný akt sebe -sabotovat.
Stručně řečeno, ikona hamburgerů je příznakem našeho kolektivního selhání bezvýhradně přijmout všechny aspekty přístupu mobilní-první.
Lepší řešení
Abychom řešili problém hamburgeru, musíme přijmout, že web, jak víme, nefunguje. Vzestup mobilního webu znamená mnohem více než snížení počtu sloupců, které používáme, a odstranění některých z těžších obrazových souborů.
Mobilní web se používá jiným způsobem než starý web. Mobilní web existuje v kontextu vyhrazených aplikací a uživatelé očekávají, že web bude mít podobnou zkušenost.
Aplikace Facebook skvěle vyměnila ikonu hamburgeru za tabulkový panel a v důsledku toho došlo ke zlepšení konverzí. Ale Facebook udělal něco mnohem významnějšího než design swapových menu. Nedávno vydali aplikaci Messenger a velkým problémem je, že již mají dokonale funkční a populární aplikaci, do které mohly integrovat zprávy. Společnost Facebook rozdělila své funkce tím, že zaměřila roli jednotlivých aplikací na dvě jednoduché aplikace namísto na jednu složitou aplikaci. Snížená funkčnost má za následek sníženou sadu možností nabídky a menší potřebu nabídky hamburgerů.
Dobré aplikace jsou vysoce zaměřené a vyvíjely se tak přes mnohem přísnější testování uživatelů, než je web vystaven. Chcete-li vytvořit zážitek ve stylu aplikace, je třeba zjednodušit naše weby, znovu zjednodušit a zjednodušit trochu více. Je-li to nutné, rozbijte svou architekturu až na zvládnutelné kousky velikosti, microsites téměř. Když prezentujeme našim uživatelům jednoduchou sadu možností, problém složitého menu se nikdy neobjeví.
Využívání ikony hamburgerů je jako pomačkání kapely na zranění: to ji roztříští, ale pod něčím se stále rozpadá.
Pouze v případě, že budeme v plném rozsahu přijmout přístup založený na mobilních zařízeních a nebudeme jej používat pouze pro náš design, ale pro náš obsah a informační architekturu, zašleme menu hamburgeru do historie.
Doporučený snímek / náhled Obrázek Hamburger přes Mononc 'Paul