bybence
Kapcsolat
bybence

Felfedezés

Eszközök

Academy

Blog

Hírek

Kapcsolat

Academy

UI & UX tananyag

ByBence Academy

UI & UX

54 anyag

UI/UX alapok

UI és UX különbségeMi az a UX design?Mi az a UI design?UsabilityMentális modell

Információs architektúra és navigáció

Információs architektúra
Navigáció tervezés
Menü designBreadcrumb navigációKeresés UXUser flow
Academy

/

UI & UX

/

Információs architektúra és navigáció

Navigáció tervezés

A navigáció tervezés célja, hogy a felhasználó értse, hol van, merre tud továbbmenni, és hogyan térhet vissza egy fontosabb szintre.

2 perc olvasás

Frissítve: 2026. augusztus 30.

Balogh Bence

Röviden

A navigáció tervezés célja, hogy a felhasználó értse, hol van, merre tud továbbmenni, és hogyan térhet vissza egy fontosabb szintre.

Vizuálisan

Ugyanazt a helyzetet kétféleképp nézd meg: először a tipikus hibát, utána azt a megoldást, amelyik jobban támogatja a felhasználó feladatát.

×

GYAKORI HIBA

A fejléc minden lehetséges linket megmutat

brand

Kezdőlap

Megoldások

Szolgáltatások

Funkciók

Referenciák

Blog

Tudástár

Rólunk

Kapcsolat

Túl sok egyenrangú menüpont mellett nehezebb felismerni a fő útvonalakat és nő a döntési terhelés.

HELYES IRÁNY

A navigáció a fő feladatokra koncentrál

brand

Munkák

Szolgáltatások

Árak

Kapcsolat

Kevés, egyértelmű címke marad a felső szinten; a ritkább vagy részletesebb célok alacsonyabb szintre kerülnek.

Mit jelent a navigáció tervezés?

A navigáció tervezés célja, hogy a felhasználó értse, hol van, merre tud továbbmenni, és hogyan térhet vissza egy fontosabb szintre.

A jó navigáció csökkenti a tájékozódási költséget. Nem kell minden lehetőséget állandóan láthatóvá tenni, de a fontos útvonalaknak felismerhetőnek és kiszámíthatónak kell maradniuk.

A legfontosabb alapelvek

  • Jelenlegi hely jelzése.
  • Következetes menüstruktúra.
  • Beszédes linkcímkék.
  • A legfontosabb utak legyenek kevés lépésből elérhetők.

Gyakorlati példa

Egy szolgáltatói oldalon a fő navigáció lehet rövid: Munkák, Szolgáltatások, Árak, Rólam, Kapcsolat. A ritkább jogi és segédoldalak kerülhetnek footerbe.

Fő navigáció és aktuális hely

brand

Munkák

Szolgáltatások

Árak

Kapcsolat

Gyakori hibák

  • Túl sok top-level menüpont.
  • Ikonok címke nélkül.
  • Aktív oldal jelzésének hiánya.
  • Eltérő menüstruktúra különböző oldalakon.

Hogyan alkalmazd a saját felületeden?

Ne izolált szabályként kezeld a témát. A navigáció tervezés akkor működik jól, ha a felhasználó céljával, a tartalom fontossági sorrendjével és a teljes felület többi döntésével együtt vizsgálod.

Teszteld valós feladattal: adj a felhasználónak konkrét célt, figyeld meg, hol bizonytalanodik el, mit ért félre, és mely pontokon kell indokolatlanul gondolkodnia. A jó UI/UX döntés nem attól jó, hogy látványos, hanem attól, hogy kiszámíthatóbbá és könnyebbé teszi a feladat elvégzését.

A vizuális minőség és a használhatóság nem egymás ellenfelei. A jó felület mindkettőt ugyanannak a felhasználói célnak rendeli alá.

Hogyan mérd a megtalálhatóságot?

Adj olyan feladatot, amelynek megoldásához a felhasználónak meg kell találnia egy oldalt vagy funkciót. Ne mondd meg a menüpont nevét. Figyeld meg, melyik kategóriát választja elsőre, visszalép-e, használ-e keresést, és mely címkék okoznak bizonytalanságot.

A navigációs probléma sokszor nem vizuális. Ha az emberek következetesen rossz kategóriába mennek, lehet, hogy az információs architektúra vagy a megnevezés hibás. Ilyenkor egy nagyobb ikon vagy látványosabb dropdown nem oldja meg a valódi okot.

  • első próbálkozásra jó irányba indulnak-e
  • érthető-e az aktuális hely és visszaút
  • a címkékből előre megjósolható-e a céloldal tartalma

Gyakori kérdések

Miért fontos a navigáció tervezés?

A jó navigáció csökkenti a tájékozódási költséget. Nem kell minden lehetőséget állandóan láthatóvá tenni, de a fontos útvonalaknak felismerhetőnek és kiszámíthatónak kell maradniuk.

Mikor érdemes tesztelni?

Már korai wireframe vagy prototípus szinten is. Minél később derül ki egy alapvető használhatósági probléma, annál drágább lehet a javítása.

Előző

Információs architektúra

Következő

Menü design

Ezen az oldalon

Mit jelent a navigáció tervezés?A legfontosabb alapelvekGyakorlati példaGyakori hibákHogyan alkalmazd a saját felületeden?Hogyan mérd a megtalálhatóságot?