5 ok, amiért érdemes elkerülni az asztali hamburger menü ikonját

 5 ok, amiért érdemes elkerülni az asztali hamburger menü ikonját

John Morrison

5 ok, amiért érdemes elkerülni az asztali hamburger menü ikonját

A hamburger ikon mint a navigáció egyetlen forrása egy asztali weboldalon szívás. Frusztráló, zavaró, és sérti a navigáció és a felhasználói folyamatok legjobb gyakorlatainak íratlan szabályait. Miért csinálod ezt? Azon kívül, hogy fenntartasz vagy létrehozol egy bizonyos esztétikát, nehéz értelmes választ találni.

A gyakran vitatott hamburger ikon remek kiegészítője lehet a weboldal navigációjának, vagy akár kis képernyőkön is, de nem szabad, hogy ez legyen az egyetlen lehetőség asztali számítógépeken. Nagy szívességet teszel magadnak - és a weboldal dizájnjának -, ha ez az egyetlen menüpontod.

Vegye figyelembe a különböző asztali menüstílusokat ebben a bejegyzésben. A hamburger ikon néhány legjobb felhasználási módja más menüelemekkel együtt jön létre.

Lásd még

1. Kommunikációs zavarok és félreértések

A navigációs menük a weboldal kapuját jelentik, és közlik a látogatókkal, hogy mire számíthatnak, hogyan léphetnek kapcsolatba, és miről szól az oldal.

...az értékes információnyújtás és a túlterhelés között vékony a határvonal.

A hamburger ikonok sokféle megjelenése - a vonalak számától kezdve a színtől kezdve a méretig és alakig vagy az elhelyezésig - nem elégséges a közvetlenül kialakított felhasználói minta ahhoz, hogy ez teljesen hatékony legyen.

A menüpontoknak a webhely legfontosabb információira mutató linkeket kell tartalmazniuk. És van egy vékony határvonal az értékes információk nyújtása és a túlterhelés között. Maradjon a négy-hat menüpontnál, ennél több csak zsúfolja a helyet, és nem biztos, hogy segít a felhasználóknak abban, hogy eldöntsék, melyik linket válasszák.

A menüben összekapcsolt oldalakat a weboldal legfontosabb tartalmának tekintik. E linkek nélkül az oldalakat a felhasználók kevésbé relevánsnak érezhetik.

Lásd még: Cursive vs. Script tipográfia: Melyik a jobb?

Másrészt az óriási megamenük ugyanolyan zavaróak lehetnek, mintha egyáltalán nem lenne menü.

Az alábbiakban bemutatjuk, hogy a navigációs menüknek milyen feladatokat kell ellátniuk az asztali weboldalakon, hogy hozzájáruljanak az általános felhasználói élményhez:

  • Kommunikálja, hogy miről szól a weboldal
  • Könnyű hozzáférés biztosítása a legjobb tartalmakhoz vagy termékekhez
  • Könnyű hozzáférés biztosítása azokhoz a dolgokhoz, amelyeket a felhasználóknak látni vagy amelyekkel foglalkozniuk kell

A Lifted Logic (fent) több rétegű navigációt használ, beleértve egy hamburger ikont az információkhoz.

2. Hasznos adatokról maradsz le

Van fogalma arról, hogy mit keresnek az emberek, amikor a weboldalára érkeznek? Milyen információkat szeretnének legközelebb látni?

A nyomon követés - kattintások vagy heatmaps segítségével - segíthet jobban megérteni, hogy az emberek hogyan használják a menüket a weboldal dizájnjában való mozgáshoz. Még azok a felhasználók is, akik nem kattintanak egy navigációs elemre, megnézhetik a lehetőségeket, mielőtt döntést hoznának arról, hogy mi legyen a következő lépés a dizájnban.

Sok weboldalra igaz, hogy a Kapcsolat és a Rólunk oldal az egész weboldalon a leglátogatottabbak közé tartozik. A legtöbb design esetében ezek nem olyan oldalak, amelyekhez cselekvésre való felhívás kapcsolódik. A felhasználók menüből navigálnak hozzájuk. Szeretné kihagyni ezeket a kattintásokat azoktól az emberektől, akik esetleg felhívják, e-mailt küldenek, kapcsolatba lépnek vagy meglátogatják a vállalkozását?

Az Aim Architecture (fent) egyszerű, könnyen kezelhető felső menüvel játszik.

3. Felhasználói frusztráció

Attól függően, hogy milyen típusú weboldalról van szó, a felhasználók elvárják a menüpontokat, és ez komoly frusztrációhoz, akár az oldal elhagyásához is vezethet.

A hamburger ikonokba rejtett menük összességében alacsonyabb elkötelezettséget mutatnak, mint azok, amelyek nyíltan láthatóak.

Ez a frusztráció leginkább azoknál a felhasználóknál jelentkezik, akik mozognak a webhelyen, és gyakran visszatérnek a fő navigációs menükhöz, hogy visszatérjenek bizonyos tartalmakhoz, megtaláljanak egy blogot vagy konkrét információt, vagy segítsenek keresni valamit.

A hamburger ikonokba rejtett menük összességében alacsonyabb elkötelezettséget mutatnak, mint azok, amelyek közvetlenül a nyilvánosság előtt vannak. Ez a frusztráció vagy a menü megtalálásának képtelenségére utalhat. (A célközönség demográfiai jellemzőitől függően előfordulhat, hogy nem is tudják, hogyan és miért használják a képernyő tetején lévő három sort.)

Ezt a frusztrációt kutatások is alátámasztják. A Nielsen Norman Group megállapította, hogy a hamburger ikonok körülbelül a felére csökkentik a tartalom felfedezését, és "a feladatra fordított idő hosszabb és a feladat észlelt nehézsége nő".

Köszönöm, tudod, hogy mi a következő lépés a fenti weboldal példával?

4. Elszalasztott lehetőség a konverziókra

Világos felhasználói útvonalak nélkül rengeteg lehetőség marad elszalasztott lehetőségekre és konverziókra.

Az e-kereskedelmi weboldalak jó példái annak, hogy a menük fontosak; nevezetesen a kosár vagy a pénztár gombok könnyű eléréséhez. Ha a navigáció rejtett, vagy a felhasználók nem tudják gyorsan és intuitívan elérni ezeket a linkeket, az elmaradt eladáshoz vezethet.

A kosár láthatóságának megőrzése kulcsfontosságú stratégia, amikor az elhagyás csökkentéséről és az online vásárlóból online vásárlóvá válásról van szó. Mi lenne jobb hely erre, mint egy mindig látható főmenü asztali számítógépeken? (Ez mobilon egy kicsit trükkösebbé válik. De a legtöbb mobil vásárló még mindig gyors impulzusvásárlást hajt végre, míg az asztali vásárlók több terméket vásárolnak és összehasonlító vásárlást végeznek a lapok között.).

Ugyanez igaz más típusú weboldalakra is. Képzelje el, hogy Ön biztosítást árul. Különböző típusú ügynökök vannak egyéni vagy üzleti biztosítások, otthoni vagy autós, esemény- vagy felelősségbiztosítások számára. A menü segíthet biztosítani a felhasználóknak, hogy a megfelelő helyen járnak, és megtalálják a számukra készült információkat.

5. Az extra kattintások nem hatékonyak

A felhasználók elég lusták (igaz, maga is beismeri, hogy lusták, amikor weboldalakat látogat), és ha túl sokszor kell kattintania, hogy elérjen valamit, akkor jó eséllyel feladja. Ha a menüpontokat egy ikon mögé helyezzük, akkor a navigációval járó felhasználói út egy kattintással több lesz.

Ha egy felhasználó csak háromszor kattint és elhagyja a weboldalt, akkor azt szeretné, hogy a menü elérése az egyik ilyen kattintás legyen?

Ez talán túl leegyszerűsítve hangzik, de tényleg ilyen egyszerű.

A Crisp (fent) valami érdekeset csinál. A navigáció hamburger nélkül indul, és görgetéskor eggyé esik össze.

De a hamburgerek rendben vannak mobilon

De a következő a helyzet: a mobilos reszponzív verzióhoz valószínűleg a hamburger ikonra lesz szükséged. Ez nem egy eleve rossz tervezési lehetőség.

  • Ez hatékony és helyet takarít meg a képernyőn.
  • A mobilfelhasználók jobban hozzászoktak a működéshez.
  • Ezt a menüstílust könnyebb megérinteni anélkül, hogy véletlenül gombokat ütne le.
  • A hamburger ikonokról szóló mítosz, amely megöli a keresőoptimalizálást, halott. A Google a weboldalak indexelésekor valóban a mobil-elsők közé sorolja a weboldalakat, és elolvassa ezeket a menüket.

Következtetés

A hamburger ikonoknak és menüknek igenis van helyük a weboldalak tervezésében. Általában a tervezők már elfogadják őket, és sok felhasználó megérti a használatukat és céljukat.

Lásd még: 20+ Procreate rajzötlet (+ Procreate ötletek kezdőknek)

Ez nem jelenti azt, hogy a navigáció szempontjából mindenre alkalmasak. Míg egyes elemek rendben vannak egy menü mögé rejtve, bizonyos webhelyek, iparágak vagy felhasználói csoportok esetében ez nem biztos, hogy működik, különösen asztali eszközökön. Ha asztali számítógépen hamburger ikont használ, fontolja meg másodlagos menü vagy címkék használatát, hogy a felhasználók pontosan tudják, mire való ez a három sor.

John Morrison

John Morrison tapasztalt tervező és termékeny író, aki több éves tapasztalattal rendelkezik a tervezési iparban. A tudás megosztása és a másoktól való tanulás iránti szenvedélyével John a szakma egyik legjobb dizájnbloggerjeként szerzett hírnevet. Napjait kutatással, kísérletezéssel és a legújabb tervezési trendekről, technikákról és eszközökről írva tölti, azzal a céllal, hogy inspirálja és oktassa a tervezőtársakat. Amikor nem veszett el a dizájn világában, John szívesen túrázik, olvas, és a családjával tölti az idejét.