Háttér

A nemzetközi légifuvarozással foglalkozó ügyfelünk régi, manuálisan karbantartott Excel-alapú táblázatokat használt több, a szállítmányozáshoz kapcsolódó információk kezelésére, nyomon követésére. Ezt az elavult táblázatkezelést akarta kiváltani egy új, modern webalapú alkalmazással.

A mi feladatunk az volt, hogy a Business Analyst csapat által feltárt üzleti követelmények alapján megtervezzük az alkalmazás felépítését, funkcionalitását és vizuális élményét, megjelenítve mindazon információkat, melyek a terjengős Excel táblázatokban szerepeltek.
A táblázatokban tárolt adatmennyiség és a kapcsolódó folyamatok összetettsége miatt a feladat jelentős kihívást jelentett.

Megoldás

A tervezési folyamat során kiemelt figyelmet fordítottunk arra, hogy az adatok értelmezhetősége, hozzáférhetősége és vizuális hierarchiája optimálisan támogassa a felhasználói folyamatokat, azokban hozott döntéseket, miközben minimalizáljuk a nagy számú információ által generált kognitív terhelést.

A tervezési folyamatot magas szintű drótvázakkal kezdtük, mely elnagyoltan, de megjelenítette a felhasználói folyamatok kulcsképernyőit, azok funkcionalitását és tartalmi struktúráját.
Ez a megközelítés segített az üzleti döntéshozóknak elképzelni az alkalmazás felépítését és működését, ugyanakkor a tervezői oldalról pedig a lehető legrövidebb idő alatt validálni a  feltételezéseinket és elképzeléseinket, minimálisra csökkentve a félreértések kockázatát.

Ugyanis a drótvázak nem csak vizuális eszközök, hanem a kommunikáció kulcsfontosságú elemei is, amelyek segítenek az üzleti, tervezői és fejlesztői csapatok közötti eltérő információs és megértési szintek áthidalásában.

Ahogy a többi projektünkben is tettük, a drótvázainkat az erre dedikált workshopokon az üzleti szereplőkkel együtt, közösen iteráltuk, alakítottunk az információs architektúrán (milyen információk, milyen hangsúllyal, hol helyezkedjenek el a terveken), valamint a funkcionalitáson, hogy a végső megoldás pontosan illeszkedjen az üzleti igényekhez.

A véglegesített drótvázak alapján kidolgoztuk a vizuális megjelenést is, szem előtt tartva a cég arculati elvárásait és a funkcionalitásból fakadó használhatósági szempontokat.

A tervezésnek ebben a fázisában több kihívással is szembe kellett néznünk, ugyanis a felhasználóknak:

• komplex adatokat kell tudniuk minél gyorsabban összehasonlítaniuk,

• rengeteg adatot tartalmazó táblázatokban kell eligazodniuk,

• valamint munkafolyamataik során további addicionális adatokra hagyatkozva kell döntéseket hozniuk.

A komplex adatok könnyebb értelmezhetősége és összehasonlíthatósága érdekében táblázatok helyett dinamikus adatvizualizációs elemeket, például interaktív grafikonokat és diagramokat alkalmaztunk. Ez lehetővé teszi a trendek, összefüggések és eltérések gyorsabb felismerését, miközben csökkenti a felhasználók kognitív terhelését.

A táblázatos adatok átláthatóságát a testreszabható megjelenés, a szűrési és sorrendezési lehetőségeken túl további vizuális megoldásokkal támogattuk. Az osztott sorkiemelés (zebra striping) segíti az egyéni sorok beazonosítását, míg a színes ikonokkal jelölt trendindikátorok intuitív módon mutatják az értékek alakulását. A szellős, jól strukturált elrendezés biztosítja, hogy az adatok nemcsak informatívak, hanem vizuálisan is könnyen értelmezhetőek legyenek.

Azokon a pontokon, ahol a felhasználók döntéshozatalhoz további kontextuális információkra hagyatkoznak, olyan réteges UI komponenseket alkalmaztunk, amelyek nem törik meg a fő interakciós folyamatot, hanem ahhoz kiegészítő információkat biztosítanak A popover és drawer típusú elemek segítségével az addícionális információk zavaró tényezők nélkül, fókuszálva jelennek meg.

Eredmények

A vizuális terveink alapján interaktív, kattintható prototípust hoztunk létre, amely lehetővé tette a megrendelő számára, hogy szinte valósághűen megtapasztalja az alkalmazás működését, az egyes munkafolyamatok lépéseit, biztosítva a zökkenőmentes navigációt és az üzleti logika vizuális validálását.

A hasonló “élő” prezentációk segítettik a döntéshozókat abban, hogy kontextusban lássák a felhasználói interakciókat, ezáltal azonosítani tudják a fejlesztendő pontokat és visszajelzéseket adhatnak a tervek finomhangolásához, fejlesztési erőforrás nélkül.

Az együttműködés eredményeképpen egy olyan webalkalmazás koncepció született, amely:

• jelentősen csökkenti a manuális hibák előfordulását,

• átláthatóbbá teszi a szállítmányozási adatokat,

• könnyen bővíthető jövőbeli funkciókkal,

• vizuálisan következetes és egyszerűen használható a célcsoport számára.

A prototípus pedig lehetőséget adott arra, hogy még a fejlesztés előtt véglegesítsük a design irányokat, elkerülve a költséges újratervezési köröket későbbi fázisokban.

Ez a projekt újra megerősítette bennünk, hogy az adatalapú üzleti folyamatok UX szemléletű újragondolása nem csak a felhasználók számára jelent előrelépést, hanem üzleti értéket is teremt. A megfelelően strukturált, vizuálisan is jól értelmezhető digitális felületek hatékonyabbá teszik a munkavégzést, csökkentik a hibalehetőségeket, és támogatják az adatvezérelt döntéshozatalt.