Adatkeresési és szűrési UX/UI fejlesztés

Adatkeresési UX/UI

Az adatkeresési UX/UI akkor jó, ha a felhasználó gyorsan megtalálja azt, amit keres, és nem kell közben találgatnia. Egy családi webshopnál, egy magánrendeléshez kötött nyilvántartásban vagy egy saját ügyfélkezelő felületen ez nem elméleti kérdés. Ha a kereső lassú, a szűrők félreérthetők, vagy a találati lista szétesik, a munka azonnal megakad. Személyes véleményem, hogy egy ilyen felületnél a tisztaság többet ér, mint a látvány. A magánmegrendelők sokszor ott hibáznak, hogy előbb kérnek új kinézetet, és csak utána derül ki, hogy maga a keresési folyamat rossz. Ilyenkor a gond nem a színekben van, hanem a logikában.

Egy átgondolt keresőfelület segít abban, hogy kevesebb kattintással lehessen szűkíteni, összehasonlítani és dönteni. A jó felhasználói felület nem terheli túl az embert. Megmutatja, hol kell kezdeni, mit lehet pontosítani, és hogyan lehet visszalépni, ha valaki rossz irányba ment. Budapesten sok kisebb vállalkozó saját rendszerrel dolgozik, és náluk különösen gyakori, hogy a felület évek alatt foltokból áll össze. Kívülről működőképesnek tűnik, de belül minden keresés plusz időt visz el. Egy tapasztalt UX/UI tervező ebben nem díszíteni szokott, hanem rendet rakni.

Keresési hibák és valódi gondok

A legtöbb probléma nem ott kezdődik, hogy nincs keresőmező. Hanem ott, hogy a kereső túl sok találatot ad, rossz sorrendben, vagy nem érti a felhasználó szándékát. Sok ember beír egy nevet, egy dátumot vagy egy termékkódot, és azt várja, hogy az első három találat között ott lesz a jó eredmény. Ehelyett húsz hasonló elem jelenik meg. Ekkor indul a felesleges görgetés. Sok megrendelő ezt csak kényelmi kérdésnek látja, pedig közvetlenül pénzbe kerül.

Volt olyan eset, amikor egy ügyfél a saját nyilvántartásában minden nap ugyanazt a néhány adatot kereste vissza. Papíron gyors rendszerük volt. A valóságban egy ember naponta közel negyven percet töltött azzal, hogy a rosszul címkézett találatok között keresgélt. A gondot végül nem új fejlesztés oldotta meg, hanem a szűrési logika, a találati sorrend és a címkék újrarendezése. Ezt sokan későn ismerik fel. És közben azt hiszik, hogy csak több funkció kell.

Az én tapasztalatom az, hogy a jó adatkeresési UX/UI először a hibákat veszi célba. Hol akad el a felhasználó. Melyik mezőt nem érti. Mitől bizonytalanodik el. Melyik gomb túl korán vagy túl későn kerül elő. Ezek apróságnak látszanak. De ha valaki naponta ötvenszer használja ugyanazt a felületet, egy rossz döntés nagyon gyorsan idegesítővé válik.

Szűrők és találati lista

A szűrők akkor működnek jól, ha nem kell hozzájuk külön magyarázat. A felhasználó lássa, hogy mit szűkített, mivel lehet visszavonni a feltételt, és milyen eredményt várhat. Sok rendszerben a szűrés túl merev. Máshol épp ellenkezőleg, annyi opció jelenik meg egyszerre, hogy senki nem tudja, melyikkel kezdjen. A keresőfelület tervezése itt válik igazán szakmai munkává. Nem elég felsorolni a lehetőségeket. Fontos a sorrend, a csoportosítás és az is, hogy melyik szűrő maradjon mindig szem előtt.

Gyakori hiba, hogy a találati lista és a szűrők nincsenek összhangban. A felhasználó kiválaszt valamit, de nem érti, mi változott. Vagy változik ugyan a lista, csak nincs visszajelzés arról, hány elem maradt. Szerintem az egyik legegyszerűbb, mégis legjobb megoldás az, ha a felület azonnal és tisztán mutatja a találatok számát, a kiválasztott feltételeket és a törlés lehetőségét. Ezzel sok felesleges bizonytalanság eltűnik.

Itt jön elő a felülettervező szerepe is. Egy jó szakember nem csak dobozokat rajzol. Figyeli, hogy a keresési út rövid legyen, és egy kezdő felhasználó is elboldoguljon vele. Különösen fontos ez akkor, ha a rendszerben név, időpont, kategória, státusz és helyszín szerint is lehet keresni. Minél több az adat, annál nagyobb kár tud lenni egy rosszul szervezett szűrésből.

Adatkeresési UX/UI árak

Az ár attól függ, hogy egy meglévő felület javításáról van szó, vagy teljes újratervezésről. Az is számít, hogy csak egy keresőoldalt kell rendbe tenni, vagy kapcsolódó nézeteket, szűrőket, eredménylistát és mobil használatot is. Szerintem a túl olcsó ajánlatoknál mindig érdemes óvatosnak lenni. Olcsóbban 35.000 forint alatt ritkán kapni olyan munkát, ahol valóban végiggondolják a használatot, nem csak átrajzolják a képernyőt. Budapesten és a környező településeken a jobb szakemberek rendszerint részletesebb egyeztetéssel dolgoznak, ez pedig az árban is látszik.

Az árak tájékoztató jellegűek, de a piaci sávot jól mutatják. Aki csak egy gyors rajzot kér, nyilván kevesebbet fizet. De ha az a cél, hogy kevesebb legyen az elakadás, tisztább legyen a szűrés és jobb legyen a napi használat, akkor a részletesebb tervezés térül meg. Ezen a ponton sok megrendelő hajlamos spórolni. Később pedig ugyanarra a felületre kétszer költ.

Szakember választása

Amikor valaki szakembert keres, ne csak azt nézze, milyen szép képeket mutat. Ennél fontosabb, hogy tudja-e elmagyarázni, miért oda kerül egy szűrő, miért úgy rendeződik a lista, és milyen felhasználói hibát akar megelőzni. A jó UX/UI tervező kérdez. Meg akarja érteni, kik használják a rendszert, milyen adatot keresnek, milyen gyakran, és melyik ponton szoktak megakadni. Ha valaki erre nem kíváncsi, abból ritkán lesz igazán használható eredmény.

Én személy szerint jobban bízom abban a tervezőben, aki kevesebbet ígér, de pontosabban fogalmaz. Sok megrendelő elköveti azt a hibát, hogy csak az első árat nézi, és nem nézi meg, van-e mögötte folyamat. Pedig nagy különbség van aközött, hogy valaki elküld három látványtervet, vagy előtte megnézi a hibás kereséseket, a szűrési útvonalat és a leggyakoribb feladatokat is. A Qjob.hu oldalon ezért érdemes olyan profilt keresni, ahol a szakember konkrét példákat ír a feladatokról, nem csak általános szavakat használ.

Fontos jel az is, hogy a tervező miként beszél az átadásról. Tud-e fejlesztőnek átadható jelöléseket készíteni. Gondol-e mobil nézetre. Kér-e rövid próbát valódi felhasználóval. Ezekből gyorsan kiderül, hogy valaki valóban ért a keresőfelület javításához, vagy csak felületesen mozog a témában.

Budapest és környéke

Budapesten sok magánmegrendelő nem nagy rendszert fejleszt, hanem egy már működő felületet próbál rendbe tenni. Ez lehet egy belső nyilvántartás a XIII. kerületben működő családi vállalkozásnál, egy rendeléskezelő Budaörsön vagy egy ügyféllista Érden. A gond jellemzően ugyanaz. Sok adat halmozódott fel, a keresés egyre nehezebb, a szűrés pedig már nem követi a valós használatot. A helyszín annyiban számít, hogy a személyes egyeztetés és a közös átnézés néha felgyorsítja a munkát.

De nem minden feladathoz kell helyszíni találkozó. Egy ilyen munka jól haladhat távoli egyeztetéssel is, ha a megrendelő pontos példákat tud mutatni. Én azt látom, hogy a Budapest környéki megrendelők gyakran rövidebb határidőt kérnek, mert a hibás keresés náluk napi működési gond. Ilyenkor különösen fontos, hogy a szakember ne csak új képernyőt készítsen, hanem priorizálja a javításokat. Mi fáj most a legjobban. Mi hoz gyors eredményt. Mi ér rá a második körben.

Mobil használat és egyszerűség

Sokan még mindig asztali nézetből indulnak ki, pedig a keresések egy része ma már telefonról történik. A felhasználói felület itt sokkal érzékenyebb. Kevés a hely. Egy rosszul megfogalmazott szűrő vagy egy túl hosszú lista azonnal használhatatlanná teszi az oldalt. Az adatkeresési UX/UI mobilon nem attól lesz jó, hogy minden kisebb méretben is látszik. Attól lesz jó, hogy csak az marad szem előtt, ami tényleg kell.

Sok ügyfél meglepődik, amikor kiderül, hogy a mobil nézetben külön sorrendet érdemes adni a szűrőknek. De ez teljesen logikus. Másképp használjuk a telefont, mint a nagy képernyőt. Rövidebb idő alatt akarunk dönteni. Több a megszakítás. Nagyobb szükség van egyértelmű visszajelzésre. A jó keresőfelület tervezése ezt számításba veszi, és nem ugyanazt másolja át kisebb méretben.

Átadás és későbbi javítások

A munka akkor válik értékessé, ha a javított felületet később is lehet fejleszteni. Ezért fontos, hogy az átadás ne csak képekből álljon. Kell rövid leírás arról, miért úgy működik a keresés, hogyan viselkednek a szűrők, mi történik üres találat esetén, és hogyan lehet később új feltételeket hozzáadni. Sok vita abból adódik, hogy a megrendelő és a fejlesztő mást ért ugyanazon megoldás alatt.

Volt már rá példa, hogy egy ügyfél korrekt tervet kapott, mégis félrement a megvalósítás, mert hiányzott a részletes átadás. Utána újra kellett nyitni az egész feladatot. Ez kerülhető el egy tiszta specifikációval és néhány egyszerű használati példával. Nekem az a benyomásom, hogy a legjobb eredményt azok a projektek adják, ahol a tervező a végén is jelen marad egy rövid ellenőrzésre. Nem hosszan, csak annyira, hogy a kész felület valóban azt tudja, amit a megrendelő várt.

Ha valaki adatkeresési UX/UI munkát rendel, érdemes nem csak a kezdő képernyőre gondolnia. A keresés, a szűrés, a találati lista és a hibakezelés együtt adja a valódi élményt. Ha ez a négy rész rendben van, a rendszer gyorsabbnak, nyugodtabbnak és megbízhatóbbnak érződik. Ez az, amit a felhasználó azonnal megérez, akkor is, ha nem tudja pontosan megfogalmazni, mi változott.