„A jó dizájn láthatatlan.” – Jared Spool

Egy jól megtervezett navigáció, valamint a megfelelő információk a megfelelő időpontban és helyen való megjelenítése nem vonja el a figyelmet a feladatokról, hanem zökkenőmentesen, szinte „láthatatlanul” támogatja a felhasználók munkafolyamatait, ami különösen fontos komplex, moduláris vállalati rendszerekben.

A feladat

A NetLine One célja, hogy egyetlen, egységes belépési és navigációs felületet biztosítson a Lufthansa Systems meglévő NetLine termékcsaládjához, és egy személyre szabható áttekintő dashboarddal tegye hatékonyabbá a napi munkát. A projekt fő kihívása az volt, hogy különböző funkciók és felhasználói szerepek számára egyértelmű, skálázható és testreszabható navigációs modellt tervezzünk, miközben megőrizzük a termékek egyedi jellemzőit és a vállalati arculatot.

A megoldásunk

A munkafolyamatot a klasszikus UX alapelvek mentén strukturáltuk:

• kutatás,
• koncepcióalkotás,
• prototipizálás,
• tesztelés és
• iteráció.

Elvárások és kiindulási információk összegyűjtése

Kezdésnek stakeholder interjúkat tartottunk, amelyek során üzleti célokat, technikai korlátokat és felhasználói elvárásokat gyűjtöttünk össze. Ezek az interjúk segítettek priorizálni a dashboardon megjelenítendő információkat és meghatározni a különböző felhasználói szegmensek (pl. crew management, scheduler, hub designer, stb.) fő feladatait, ezen feladatok elvégzéséhez szükséges főbb információkat.

Navigáció kidolgozása

A kutatás eredményeiből több navigációs koncepciót dolgoztunk ki: globális bal oldali sáv alapú menü, felső globális navigáció kombinált gyorselérésekkel, valamint egy kártyaalapú, moduláris áttekintő oldal. Minden megoldást gyorsan létrehozható drótvázakkal és interaktív prototípusokkal modelleztünk, hogy a stakeholder-ek és a végfelhasználók korán visszajelzést adhassanak. A prototípusoknál külön figyelmet fordítottunk az információs hierarchiára, a navigációs útvonalak láthatóságára és a konzisztens vizuális nyelvre.

A prototípusokat felhasználói teszteken vizsgáltuk: feladat-alapú tesztelést végeztünk valós munkafeladatokra építve, és mérőszámokat gyűjtöttünk (feladatvégrehajtási idő, hibaarány, sikeresség). A tesztek során kiderült, hogy a bal oldali globális navigáció gyorsabb hozzáférést biztosít a gyakori modulokhoz, míg a kártyaalapú belépőoldal jobb áttekintést ad új vagy ritkábban használt funkciók esetén. Ezeket az eredményeket kombinálva egy hibrid megoldást javasoltunk: állítható bal sáv + központi, testreszabható dashboard.

Áttekintő képernyő kialakítása

A dashboard tervezése során a személyre szabhatóság volt a központi elv: widgetek, rácsos elrendezés és menthető nézetek biztosítják, hogy a felhasználók a saját munkafolyamataikhoz igazíthassák az áttekintő képernyőjüket.

Az áttekintő képernyő reagál a felhasználó szervezeten belüli szerepkörére, jogosultsági szintjére és a felhasználói felületen megjelenő információk ezen paraméterek szerint jelennek meg.

A vizuális tervezésnél törekedtünk a kontrasztos, de visszafogott színpalettára és a tipográfiai hierarchia egyértelmű kialakítására, hogy a kritikus információk gyorsan észlelhetők legyenek.

Inkluzivitás  és akadálymentesség

Az akadálymentesség és a “nemzetköziesíthetőség” –  szempontjai a tervezés korai fázisától jelen voltak: billentyűzet-navigáció, képernyőolvasó-kompatibilis elemek és rugalmas szövegterek biztosítják, hogy a felület különböző nyelveken és eszközökön is használható maradjon.

Az eredmény

A projekt során alkalmazott iteratív módszer lehetővé tette, hogy a megoldás egyszerre legyen üzletileg életképes és felhasználóbarát: a stakeholder interjúk biztosították az üzleti kontextust, a prototípusok gyors validációt tettek lehetővé, a felhasználói tesztek pedig konkrét, mérhető javítási pontokat adtak. Végeredményében a NetLine One egy olyan alkalmazáskeret lett, amely csökkenti a navigációs költségeket, növeli a felhasználói hatékonyságot és lehetővé teszi a személyre szabott munkakörnyezetet.

Összefoglalva: a siker kulcsa a korai stakeholder bevonás, a több alternatíva prototipizálása, a felhasználói tesztelés és a design rendszerre épülő, skálázható komponensek alkalmazása volt. A NetLine One UX megközelítése jól példázza, hogyan lehet komplex, moduláris termékportfóliót egy koherens, használható és testreszabható felhasználói élménnyé összefogni.