Információs architektúra
Az információs architektúra azt határozza meg, hogyan csoportosítod, nevezed és kapcsolod össze a tartalmakat és funkciókat, hogy a felhasználó megértse, mi hol található.
Röviden
Az információs architektúra azt határozza meg, hogyan csoportosítod, nevezed és kapcsolod össze a tartalmakat és funkciókat, hogy a felhasználó megértse, mi hol található.
Vizuálisan
Az információs architektúra azt dönti el, hol keresünk valamit
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
Minden egyetlen szinten szerepel
Weboldalak
SEO
Audit
Blog
Kapcsolat
Árak
Rólunk
Eszközök
A hosszú, lapos struktúrában nincs kategorizálás, ezért a felhasználó csak címkéről címkére haladva tud keresni.
✓
HELYES IRÁNY
A tartalom felhasználói logika szerint csoportosul
Szolgáltatások
Weboldal készítés
SEO szolgáltatás
A kategóriák csökkentik a látható opciók számát, és előre jelzik, milyen tartalom várható alattuk.
Mit jelent a információs architektúra?
Az információs architektúra azt határozza meg, hogyan csoportosítod, nevezed és kapcsolod össze a tartalmakat és funkciókat, hogy a felhasználó megértse, mi hol található.
A navigáció csak a látható felszín. Ha mögötte rossz a kategorizálás vagy a címkézés, egy szebb menü sem oldja meg a megtalálhatósági problémát.
A legfontosabb alapelvek
- A csoportok a felhasználó mentális modelljét kövessék.
- A kategóriák legyenek átfedés nélkül érthetők.
- A címkék legyenek konkrétak.
- A hierarchia ne legyen szükségtelenül mély.
Gyakorlati példa
Egy webáruházban a „Termékek” alatt a vásárló szempontjából érthető kategóriák jobbak lehetnek, mint a belső raktári vagy beszállítói felosztás.
Tartalom → kategória → céloldal
Főoldal
Kategória
Alkategória
Tartalom
Gyakori hibák
- Belső szervezeti struktúrát lemásolni.
- Minden tartalmat külön top-level menüponttá tenni.
- „Egyéb” kategóriába túl sok dolgot tolni.
Hogyan alkalmazd a saját felületeden?
Ne izolált szabályként kezeld a témát. A információs architektúra 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 információs architektúra?
A navigáció csak a látható felszín. Ha mögötte rossz a kategorizálás vagy a címkézés, egy szebb menü sem oldja meg a megtalálhatósági problémát.
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.