Adminisztrációs panelelemek tervezése

Panel tervezése

A panel tervezése akkor lesz igazán használható, ha a felület nem csak szép, hanem gyorsan érthető is. Egy jó admin felületnél a tulajdonos, az ügyintéző vagy akár egy családi vállalkozást vezető megrendelő pár perc alatt megtalálja a fontos funkciókat, és nem veszít időt keresgéléssel. Ez különösen fontos akkor, ha a rendszerben napi feladatok, ügyféladatok, rendelési állapotok vagy pénzügyi összesítések jelennek meg. A Qjob.hu oldalon sok olyan szakember található, aki ilyen feladatokkal foglalkozik, de a választás előtt érdemes pontosan átgondolni, milyen munkára van valóban szükség.

Sokan azt hiszik, hogy a panel tervezése nagyjából annyi, mint néhány menüpont elhelyezése. Pedig a legtöbb hiba nem a látványból jön, hanem abból, hogy a felület nem követi a valódi használat menetét. A top találatokban is újra meg újra előkerül az átláthatóság, a logikus navigáció, a szerepkörhöz igazított nézet és a gyors döntést segítő elrendezés. Az angol nyelvű szakmai anyagok hasonló irányba mutatnak. Ott is azt emelik ki, hogy egy admin panel akkor működik jól, ha csökkenti a mentális terhelést, előre sorolja a fontos adatokat, és nem önti rá egyszerre az összes információt a felhasználóra. Ezt én is jó iránynak tartom. Látványos blokk mindenki tud rajzolni. Használható rendszert már kevesebben.

És van még egy gyakori félreértés. A megrendelő sokszor kész képernyőket kér, miközben valójában folyamatot kellene tervezni. Más nézet kell annak, aki csak ellenőriz, és más annak, aki adatot rögzít, módosít, exportál vagy hibát javít. Egy tapasztalt UX tervező ezt már a legelején tisztázza. Nem a színekből indul ki, hanem abból, hogy ki mit akar megcsinálni a felületen, milyen sorrendben, milyen sietséggel, és hol szokott elakadni.

Admin felület céljai

Az admin felület tervezése akkor sikeres, ha a rendszer támogatja a napi munkát, nem pedig lassítja. A magyar és külföldi példák alapján négy dolog ismétlődik a leggyakrabban. Az első a tiszta kezdőnézet. A felhasználó belépés után azonnal lássa, hol tartanak a rendelések, melyik feladat sürgős, és hol van a következő lépés. A második a következetes menürendszer. Ha ugyanaz a művelet más-más néven fut különböző helyeken, abból biztosan hiba lesz. A harmadik a szerepkör szerinti egyszerűsítés. Nem kell mindenkinek mindent látnia. A negyedik a gyors visszajelzés. Mentés után legyen egyértelmű, hogy a művelet sikeres volt-e, módosult-e az adat, és szükséges-e további lépés.

Po mojom tapasztalatom szerint sok magánmegrendelő ott veszít pénzt, hogy túl sok funkciót akar az első verzióba. Ez érthető, mert mindenki szeretne előre gondolkodni. De egy túlpakolt irányítópult gyakran nehezebben használható, mint egy egyszerűbb, később bővíthető megoldás. Volt olyan eset, amikor egy ügyfél több mint húsz külön statisztikai kártyát kért a kezdőképernyőre. Papíron jól hangzott. A valóságban senki nem nézte őket végig, és a napi munkában csak zavart okoztak. Végül a felületet le kellett egyszerűsíteni öt fő blokkra, és ettől lett használható.

Sokan hibáznak akkor is, amikor a mobilos nézetet teljesen félreteszik. Pedig egy kisebb vállalkozás tulajdonosa gyakran telefonról vagy tabletről ellenőriz ügyeket. Nem kell minden részletet mobilra költöztetni, de az alap ellenőrzés, a státuszok és a fontos értesítések ott is legyenek rendben. Ezt már az elején jelezni kell a felület tervezőnek, különben a végén drága utómunkává válik.

Panel tervezése árak

A panel tervezése ára több tényezőtől függ. Számít, hogy teljesen új rendszerről van szó, vagy egy meglévő admin felület javításáról. Fontos az is, kell-e kutatás, interjú, drótváz, kattintható minta, fejlesztői átadás, illetve hány külön képernyőt kell kidolgozni. Olcsó ajánlatot természetesen lehet találni, de személy szerint azt látom, hogy a nagyon alacsony ár sokszor rövidebb egyeztetést, felületesebb gondolkodást és gyengébb átadási minőséget jelent. Olcsóbban 60.000 forint alatt ritkán lesz valóban átgondolt munka, főleg ha több nézetet is kér a megrendelő.

Az alábbi számok iránymutatásnak jók. Nem hivatalos tarifák, inkább olyan sávok, amelyekkel magánügyfelek többnyire találkoznak, amikor szabadúszó szakemberrel dolgoznak.

Az áraknál nem csak azt nézném, mennyibe kerül a rajz vagy a minta. Azt is, mennyi hibát előz meg. Egy rosszul kitalált admin képernyő később fejlesztési költségben, ügyfélszolgálati terhelésben és ideges napi használatban sokkal többe kerülhet. Ezért a panel tervezése nem puszta rajzolás, hanem döntések sorozata.

Milyen szakember kell

Nem minden feladathoz ugyanaz az ember kell. Ha teljesen új rendszert szeretnél, általában UX tervező vagy UX UI tervező a jó irány. Ha inkább a kinézet, a komponensek és a vizuális rend a fő gond, akkor felület tervező vagy webdesigner is elég lehet, de csak akkor, ha érti az összetettebb admin logikát. Egy fejlesztő is tud hasznos inputot adni, főleg technikai korlátoknál, de a képernyők működését nem érdemes kizárólag kódoldalról megközelíteni.

Én azt szeretem, amikor a szakember már az első beszélgetésben visszakérdez. Ki használja a felületet. Naponta hányszor. Melyik képernyőn akad el a legtöbbször. Kell-e export, szűrés, jogosultságkezelés, naplózás. Ha valaki csak azt kérdezi, milyen színt szeretnél, az nekem kevés. A jó szakember a munka kényelmét nézi, nem csak a makettet.

Sok ügyfél elköveti azt a hibát, hogy referenciából kizárólag látványos landing oldalakat néz. Ez admin felületnél félrevihet. Itt inkább arra figyelj, dolgozott-e már táblázatokkal, szűrőkkel, összetett űrlapokkal, jogosultsági szintekkel és hibakezeléssel. Kérhetsz mintát régebbi irányítópultról, akár kitakart adatokkal is. Ebből többet lehet megtudni, mint egy színes portfólióból.

Volt egy ügyfél, aki azért cserélt szakembert a projekt közepén, mert az első tervező nagyon szép képernyőket adott át, de egyetlen művelet sem volt végiggondolva. A mentés gomb hol fent volt, hol lent. A törlés túl közel került a módosításhoz. A szűrők nem maradtak meg újratöltés után. Papíron késznek tűnt a munka. Használat közben mégis szétesett. Ilyenkor mindig drágább a javítás.

Kerületek és agglomeráció

Ha személyes egyeztetést szeretnél, a panel tervezése Budapesten is könnyen megszervezhető, de egyre több munka zajlik teljesen online. Ennek ellenére sok megrendelő még most is jobban szereti, ha legalább az első beszélgetés személyes. Ebben az esetben érdemes előre jelezni, hogy melyik városrész kényelmes. Más tempóval dolgozik valaki a XIII. kerületben, mint mondjuk Újbudán vagy Zuglóban, és az agglomerációból bejáró szakemberek időbeosztása is eltérhet.

Budapesten belül gyakran felmerül a belváros, a XI. kerület, a XIII. kerület, Zugló és Óbuda, mert itt sok digitális szakember dolgozik. De találni jó felület tervezőt Érden, Budaörsön, Dunakeszin vagy Szentendrén is. Ha a munka távoli, akkor inkább a kommunikáció módjára figyelj. Heti egy videós egyeztetés, közös jegyzet és pontos feladatlista többet ér, mint a földrajzi közelség. Viszont ha bonyolult rendszerről van szó, egy személyes workshop Budapesten még mindig sok félreértést megspórolhat.

A városon belüli lokalizáció azért is számít, mert sok szabadúszó több párhuzamos projekttel dolgozik. Ha neked gyors indulás kell, akkor előny lehet olyan szakembert keresni, aki a közeledben van, és könnyebben vállal rövid találkozót. Ezt sokan lebecsülik, pedig a lassú indulás gyakran már az elején bizonytalanságot szül.

Gyakori hibák a kezelőfelületnél

A kezelőfelület kialakításánál a legnagyobb gond általában nem az, hogy valami csúnya. Hanem az, hogy valami fárasztó. Sok kattintás kell. Nem látszik, mi a prioritás. Túl sok a szám, de kevés a jelentés. A magyar és angol találatok is hasonló hibákat sorolnak. Zsúfolt kezdőképernyő, következetlen ikonhasználat, túl mély menüszerkezet, nem egyértelmű visszajelzés, gyenge hibakezelés. Ezek a problémák elsőre apróságnak tűnnek, de napi használatban komoly időveszteséget okoznak.

Személy szerint jobban szeretem az olyan admin felületet, ahol kevesebb az elem, de minden világos. Sok megrendelő fél az üres helytől, és mindent tele akar rakni. Pedig a nyugodt elrendezés nem luxus. Az gyorsabb munkát ad. Főleg akkor, ha több ember ugyanazt a rendszert használja eltérő rutinnal. A kezdő felhasználó kapaszkodót keres, a rutinos pedig sebességet. Ezt a kettőt együtt kell kiszolgálni.

Volt olyan helyzet, amikor az ügyfél ragaszkodott egy látványos grafikonfalhoz, mert az szerinte modernebbnek tűnt. A tesztelés közben kiderült, hogy az emberek nem ebből dolgoznak. Ők gyors listát, pontos szűrést és jól látható állapotjelzést akartak. A grafikon végül maradt, de háttérbe került. A fő helyet azok az elemek kapták, amelyekből valóban napi döntés születik. Ez tipikus tanulság. Nem az számít, mi mutat jól a bemutatón. Az számít, mi működik hétfő reggel is.

Panel tervezése lépésről lépésre

A jó folyamat általában rövid feltárással indul. Ilyenkor a szakember megérti a célokat, a felhasználói szerepeket és a problémás pontokat. Utána jön a szerkezet. Nem a végleges kinézet, hanem az, hogy mi hova kerüljön és milyen sorrendben történjen a munka. Ezután készülhet drótváz vagy egyszerű minta. Csak ezután érdemes részletes vizuális tervet kérni. Ha ez a sorrend felborul, gyakran újra kell rajzolni az egészet.

A panel tervezése közben szerintem érdemes már korán kijelölni három dolgot. Mi a legfontosabb napi feladat. Mi az a művelet, ahol a legtöbb hiba születik. És mi az, amit a felhasználó ritkán használ, ezért nem szabad az első sorba tenni. Ha ezek megvannak, máris tisztább lesz a priorizálás. És kevesebb vita lesz arról, miért pont ott van egy gomb vagy egy szűrő.

A lezárásnál kérj átadható anyagot. Képernyőterveket, állapotleírást, megjegyzéseket, esetleg rövid használati logikát. Sok megrendelő itt spórolna, pedig ez később a fejlesztőnek és a következő tervezőnek is rengeteget segít. Egy jó admin panel nem egyszeri kép, hanem működő rendszer, amit később fejleszteni is lehet.

Hogyan dönts végül

Ha most keresel valakit, ne abból indulj ki, ki ígéri a leggyorsabb munkát. Inkább nézd meg, ki érti meg először a problémát. A panel tervezése jó esetben nem önálló grafikai feladat, hanem a napi működés rendbetétele. Ha a szakember beszél a felhasználói útról, a döntési pontokról, a hibák csökkentéséről és a szerepkörökről, az már jó jel. Ha csak trendi mintákat mutat, az kevés.

Én azt választanám, aki egyszerre tud egyszerűsíteni és kérdezni. Mert a legtöbb pénzt nem az hozza vissza, ha látványosabb lesz a felület, hanem az, ha gyorsabb, nyugodtabb és kevesebb hibával használható. Ez magánmegrendelőként különösen fontos. Itt ritkán van külön belső termékcsapat, amely majd később rendbe teszi a hibákat. Amit most eldöntesz, az hosszú ideig veled marad.