A lecke végére meg tudod fogalmazni, milyen kérdésekre kell a navigációnak válaszolnia, ismered a gyakori navigációs mintákat, el tudod dönteni, mikor jelent valódi értéket a keresés, és a találati, szűrési és nulla találatos állapotokat a felhasználói feladathoz tudod igazítani.
Miért különül el a navigáció és a keresés?
A sitemap megmutatja, mi hol van. A navigáció és a keresés azt oldja meg, hogyan jut el oda a felhasználó. A kettő nem egymás alternatívája, hanem kiegészítő eszköz: a navigáció a böngészéshez és a rendszer megtanulásához kell, a keresés a már ismert dolog gyors eléréséhez. A jó termék mindkettőt ad, a feladathoz igazított arányban.
Orientáció a rendszerben
Az orientáció a felhasználó tudása saját helyéről és lehetséges következő lépéseiről. A navigáció három szintjét különböztetjük meg:
Elsődleges navigáció: a rendszer legfontosabb belépési pontjait mutatja. A gyakori, nagy értékű belépési pontokat tartalmazza.
Másodlagos navigáció: ritkább, de szükséges részleteknek ad helyet.
Helyi navigáció: egy szakaszon belül segít (például lapozó, szűrő, fülek).
Ne egyetlen óriási menüben próbálj minden tartalmat egyformán láthatóvá tenni. A navigáció célja nem az, hogy a teljes rendszer szerkezetét bemutassa, hanem hogy a következő értelmes döntést támogassa.
Gyakori navigációs minták
Minta
Mikor jó?
Mire figyelj?
Felső menüsor
Desktopon, kevés (3–7) főpont
Mobilon nem fér ki
Alsó tab bar
Mobilon, 3–5 egyenrangú, gyakran használt terület
Ne legyen több 5-nél; mindig látszódjon, melyik aktív
Hamburger menü
Ha sok ritkábban használt pont van
A pontok rejtve vannak, így kevésbé találják meg
Oldalsó menü
Admin- és sokszintű felületeken, desktopon
Szélességet foglal
Kenyérmorzsa (breadcrumb)
Mély hierarchiánál a hely mutatására
Nem helyettesíti a fő navigációt
Fülek (tabs)
Egy oldalon belüli nézetek váltása
Egyszerre csak egy nézet látszik
A kiválasztás nem divatkérdés. Egy mobilos, gyors használatra szánt Mai programban az alsó tab bar a felhasználó hüvelykujjának helyére teszi a gyakori műveleteket („Ma este”, „Mentett”, „Fiók”).
Mikor kell keresés?
A keresés különösen hasznos, ha sok az egyedi tartalom, a felhasználó ismert nevet vagy kifejezést keres, vagy több azonosan fontos út létezik. Nem gyógyítja azonban a rossz címkézést. Ha a felhasználó nem tudja, mi a keresett dolog neve, a keresőmező önmagában kevés; ilyenkor kategóriák, példák, ajánlások vagy kérdésalapú belépési pontok segíthetnek.
Tervezd meg, mi történik gépeléskor (javaslatok), hibás írásmódnál (elgépelés-tűrés), túl sok találatnál (szűrés, rendezés) és nulla találatnál.
Találati lista és szűrők
A szűrő a találatok egy vagy több tulajdonság szerinti szűkítésére szolgáló vezérlő. A szűrés akkor jó, ha a felhasználó által valóban használt döntési szempontokra épül. Egy eseménykeresőben a dátum, helyszín, ár és hozzáférhetőség releváns; a belső adatbázis-kategória kevésbé.
A találatnak annyi információt kell mutatnia, hogy a felhasználó meg tudja ítélni, érdemes-e megnyitnia. A cím önmagában ritkán elég. Jelöld a keresés vagy szűrés aktív feltételeit, és legyen egyszerű visszavonni őket. Ha a rendszer személyre szabott vagy rendezett eredményt ad, azt is kommunikálja: a rejtett logika bizalomvesztést okozhat.
A nulla találatos állapot olyan keresési eredmény, amikor a feltételekhez nincs megjeleníthető tartalom. (Az üres állapot általános tervezéséről a 3. fejezetben tanultál; a keresésben a nulla találat különösen gyakori, és a felhasználó tehetetlenségének érzését elég egyszerű módon lehet csökkenteni.) A jó állapot megőrzi a keresőszót, javasol hasonló keresést, felajánlja a szűrők törlését, és megmutatja, hova lehet fordulni.
Végigvezetett példa: a Mai program kereső- és szűrőfelülete
A Mai programban a hallgató ritkán tudja egy esemény nevét, ezért a keresés másodlagos, a szűrés és a böngészés az elsődleges. A kezdőlap a „Ma este” események listáját mutatja, felettük gyorsszűrőkkel: „Ingyenes”, „Angol nyelvű”, „Nincs jelentkezés”. A keresőmező név vagy szervező szerint segít, de nem ez az első lépés.
A találati kártya: cím, időpont, ár, nyelv, jelentkezési feltétel; így a felhasználó anélkül dönthet, hogy megnyitná. Ha a szűrők együtt nulla találatot adnak, a rendszer megmondja, melyik szűrő szűkít legjobban, és egy kattintással visszaállíthatóvá teszi azt.
Gyakori tévhitek
Állítás
Pontosítás
„Ha van kereső, nincs szükség jó navigációra.”
A kereső ismert célra jó; a felfedezéshez és a fogalmak megtanulásához a szerkezet is kell.
„Minél több szűrő, annál pontosabb találat.”
A túl sok vagy rosszul érthető szűrő növeli a terhet és elrejtheti a jó eredményt.
„A hamburger menü mindig jó mobilon.”
Elrejti a navigációt; ha a fő területek kevesen vannak, a látható tab bar jobb.
Röviden
A navigáció három kérdésre válaszol: hol vagyok, mi van itt, merre tovább.
A navigációs minta a platformhoz és a használati gyakorisághoz igazodik, nem divatot követ.
A keresés kiegészítés, nem a rossz címkézés megoldása.
A találat mutassa meg a döntéshez szükséges adatot; a nulla találat adjon következő lépést.
Ellenőrző kérdések
Hol, miért és merre tovább: hogyan válaszol ezekre a projekted navigációja?
Melyik feladatban keresne a felhasználó ismert nevet, és melyikben inkább böngészne?
Mit mutatna a találati listád a cím mellett?
Milyen következő lépést adna a nulla találatos állapot?
Navigáció és keresés
Célok
A lecke végére meg tudod fogalmazni, milyen kérdésekre kell a navigációnak válaszolnia, ismered a gyakori navigációs mintákat, el tudod dönteni, mikor jelent valódi értéket a keresés, és a találati, szűrési és nulla találatos állapotokat a felhasználói feladathoz tudod igazítani.
Miért különül el a navigáció és a keresés?
A sitemap megmutatja, mi hol van. A navigáció és a keresés azt oldja meg, hogyan jut el oda a felhasználó. A kettő nem egymás alternatívája, hanem kiegészítő eszköz: a navigáció a böngészéshez és a rendszer megtanulásához kell, a keresés a már ismert dolog gyors eléréséhez. A jó termék mindkettőt ad, a feladathoz igazított arányban.
Orientáció a rendszerben
Az orientáció a felhasználó tudása saját helyéről és lehetséges következő lépéseiről. A navigáció három szintjét különböztetjük meg:
Ne egyetlen óriási menüben próbálj minden tartalmat egyformán láthatóvá tenni. A navigáció célja nem az, hogy a teljes rendszer szerkezetét bemutassa, hanem hogy a következő értelmes döntést támogassa.
Gyakori navigációs minták
A kiválasztás nem divatkérdés. Egy mobilos, gyors használatra szánt Mai programban az alsó tab bar a felhasználó hüvelykujjának helyére teszi a gyakori műveleteket („Ma este”, „Mentett”, „Fiók”).
Mikor kell keresés?
A keresés különösen hasznos, ha sok az egyedi tartalom, a felhasználó ismert nevet vagy kifejezést keres, vagy több azonosan fontos út létezik. Nem gyógyítja azonban a rossz címkézést. Ha a felhasználó nem tudja, mi a keresett dolog neve, a keresőmező önmagában kevés; ilyenkor kategóriák, példák, ajánlások vagy kérdésalapú belépési pontok segíthetnek.
Tervezd meg, mi történik gépeléskor (javaslatok), hibás írásmódnál (elgépelés-tűrés), túl sok találatnál (szűrés, rendezés) és nulla találatnál.
Találati lista és szűrők
A szűrő a találatok egy vagy több tulajdonság szerinti szűkítésére szolgáló vezérlő. A szűrés akkor jó, ha a felhasználó által valóban használt döntési szempontokra épül. Egy eseménykeresőben a dátum, helyszín, ár és hozzáférhetőség releváns; a belső adatbázis-kategória kevésbé.
A találatnak annyi információt kell mutatnia, hogy a felhasználó meg tudja ítélni, érdemes-e megnyitnia. A cím önmagában ritkán elég. Jelöld a keresés vagy szűrés aktív feltételeit, és legyen egyszerű visszavonni őket. Ha a rendszer személyre szabott vagy rendezett eredményt ad, azt is kommunikálja: a rejtett logika bizalomvesztést okozhat.
A nulla találatos állapot olyan keresési eredmény, amikor a feltételekhez nincs megjeleníthető tartalom. (Az üres állapot általános tervezéséről a 3. fejezetben tanultál; a keresésben a nulla találat különösen gyakori, és a felhasználó tehetetlenségének érzését elég egyszerű módon lehet csökkenteni.) A jó állapot megőrzi a keresőszót, javasol hasonló keresést, felajánlja a szűrők törlését, és megmutatja, hova lehet fordulni.
Végigvezetett példa: a Mai program kereső- és szűrőfelülete
A Mai programban a hallgató ritkán tudja egy esemény nevét, ezért a keresés másodlagos, a szűrés és a böngészés az elsődleges. A kezdőlap a „Ma este” események listáját mutatja, felettük gyorsszűrőkkel: „Ingyenes”, „Angol nyelvű”, „Nincs jelentkezés”. A keresőmező név vagy szervező szerint segít, de nem ez az első lépés.
A találati kártya: cím, időpont, ár, nyelv, jelentkezési feltétel; így a felhasználó anélkül dönthet, hogy megnyitná. Ha a szűrők együtt nulla találatot adnak, a rendszer megmondja, melyik szűrő szűkít legjobban, és egy kattintással visszaállíthatóvá teszi azt.
Gyakori tévhitek
Röviden
Ellenőrző kérdések