Szűrők és rendezők felhasználói felületének létrehozása

Szűrők és rendezők UI online terméklistához

A Szűrők és rendezők UI akkor jó, ha a látogató gyorsan leszűkíti a választékot, és nem veszik el a találatok között. Ez azonnal hat a használhatóságra. És végül a megrendelő azért keres erre szakembert, mert a mostani felület lassít, zavar, vagy túl sok felesleges döntést kér. Én azt látom, hogy egy gyenge szűrőfelület sokkal több kárt okoz, mint elsőre látszik. A látogató ritkán írja meg, miért lépett ki. Egyszerűen becsukja az oldalt. Ha valaki magánügyfélként keres szabadúszót ilyen feladatra, többnyire nem teljes új rendszert akar, hanem tisztább logikát, jobb sorrendet és érthetőbb vezérlést.

Tapasztalatom szerint a legjobb eredmény akkor jön, ha a megbízó nem csak annyit mond, hogy legyen modernebb a kinézet. A valódi kérdés inkább az, hogy mit akarjon látni először a felhasználó, mely szűrők számítanak igazán, és milyen rendezés segíti a döntést. A kutatások és gyakorlati útmutatók is visszatérően azt hangsúlyozzák, hogy a használható szűrésnél fontos a több feltétel kombinálása, az egyértelmű kategórianév, a jól megválasztott alapértelmezett sorrend és a mobilon is könnyen elérhető vezérlés. Ezeket a mintákat sok külföldi és hazai anyag ugyanazzal a logikával tárgyalja, még ha más szavakat is használ rájuk. Ezen az oldalon ezért olyan önálló szakember munkájáról van szó, aki távolról, közvetlen egyeztetéssel segít rendbe tenni a terméklista felületét.

A jó szűrők és rendezők felületének alapjai

A jó felület először választ ad, és csak utána részletez. A felhasználó azt akarja tudni, hogyan jut gyorsan kevesebb, de relevánsabb találathoz. Ezért a rendezőfelület alapja a logikus sorrend és a kiszámítható működés. Szerintem a legfontosabb, hogy a szűrési lehetőségek a felhasználó fejében lévő döntési szempontokat kövessék, ne a belső adatbázis szerkezetét. Aki vásárol, nem fejlesztői kategóriákban gondolkodik, hanem abban, mire kell a termék, mennyit szán rá, jó lesz-e neki, és mennyi idő alatt tud választani.

A gyakorlatban ez azt jelenti, hogy a legfontosabb szűrők felül vagy könnyen elérhető helyen legyenek, a címkéik legyenek rövidek, és lehessen egyszerre több értéket kiválasztani ott, ahol ez természetes. Az is sokat számít, látszik-e azonnal, hány találat marad, vissza lehet-e könnyen vonni egy feltételt, és a lista nem ugrál-e összevissza minden kattintásnál. Én azt látom, hogy a túl bonyolult kezelés sokkal többet árt, mint a kevésbé látványos kinézet. A felhasználó gyors kontrollt akar. Nem mini rejtvényt.

Fontos a rendezés is. A legjobb elrendezés attól függ, milyen típusú kínálatról van szó, de általában működik a releváns, az ár szerinti, a népszerűségi és az újabb elemeket előre hozó logika. A rosszul elnevezett sorrendek csak zavart keltenek. Ha a felhasználó nem tudja, mit kap a választott opciótól, akkor a vezérlés felesleges dísz marad.

Szűrők és rendezők UI árak és tipikus feladatok

A Szűrők és rendezők UI ára erősen függ attól, hogy csak javításról van szó, vagy teljes új logikát kell kialakítani. Más munka egy rövid felülvizsgálat, és más egy több nézetből álló, fejlesztőnek átadható terv. A túl olcsó munka ezen a területen gyakran gyengébb minőséget jelent. Nem azért, mert minden kedvező ajánlat rossz lenne, hanem azért, mert a valós elemzéshez idő kell. Ha valaki úgy ad árat, hogy nem kér jelenlegi képernyőket, nem kér rövid célt és nem kér példát a fontos szűrési helyzetekre, én óvatos lennék.

Ezek irányadó sávok. A végső összeg attól is függ, mennyire rendezett az anyag, van-e meglévő arculat, kell-e sürgős határidő, és mennyi egyeztetési kör fér bele. Szerintem az a korrekt ajánlat, amelyik világosan megmondja, mi készül el pontosan, és mi nincs benne. Ettől a megbízó nyugodtabban dönt.

Hogyan válassz szabadúszó tervezőt ilyen feladatra

A megfelelő ember kiválasztása nem a legszebb látványtervvel kezdődik. Inkább azzal, hogy a tervező hogyan gondolkodik. Rákérdez-e a célra. Megérti-e, melyik szűrési szempont a legfontosabb. Tud-e különbséget tenni a ritkán használt és a napi döntési pontok között. Ha valaki csak annyit ír, hogy megoldja szépen és gyorsan, az nekem kevés. Egy jó tervező vagy felülettervező az első üzenetben is rendszert keres.

Érdemes portfóliót kérni olyan munkákkal, ahol listák, találati oldalak, űrlapok vagy választási helyzetek szerepelnek. Nem baj, ha nem teljesen ugyanaz az iparág. A lényeg az, hogy látszódjon a tiszta szerkezet. Tapasztalatom szerint sok ügyfél ott hibázik, hogy csak a végső képeket nézi, és nem kérdez rá az átadás módjára. Pedig online munka esetén ez kulcskérdés. Kap-e a megbízó csak egy képet. Vagy rendes állapotleírást is arról, mi történik üres találatnál, mikor jelenjen meg a visszaállítás, hogyan működjön a több kiválasztás, és mi maradjon látható mobilon.

A Qjob.hu használatakor szerintem annak van előnye, aki rögtön leírja a fő gondot, a határidőt és azt, hogy van-e meglévő felület. Így a szabadúszó szakember pontosabban tud reagálni. És hamar kiderül az is, mennyire érti a feladatot, nem csak a látvány részét.

Online munkamenet, határidő és átadás

Az online együttműködés ennél a munkánál teljesen működőképes. Sőt sokszor hatékonyabb, mert a döntések képernyőképeken, rövid videón vagy jelölt vázlaton keresztül gyorsan tisztázhatók. A jó folyamat általában egy rövid briefel indul. Ebben a megbízó leírja, milyen oldalon jelenik meg a lista, kik használják, mi a fő gond, és melyik rész a legsürgetőbb. Ezután a szakember átnézi a jelenlegi megoldást, kér néhány pontosítást, majd javasol egy menetet.

Ez lehet gyors audit, drótváz, részletesebb UI terv, majd átadás. Kisebb feladatnál néhány nap is elég lehet. Összetettebb szűrőfelületnél vagy több állapotot érintő munkánál inkább egy-két hét a reális. De az online tempó csak akkor tartható, ha a megbízó egyben küldi a visszajelzést, és nem apró részletekben naponta. Én azt látom, hogy a csúszások nagy része nem a tervezés miatt van, hanem mert menet közben új célok kerülnek elő.

Az átadásnál érdemes ragaszkodni a tiszta csomaghoz. Ne csak látványképek legyenek, hanem jelölések is. Mi a nyitott állapot. Mi történik, ha nincs találat. Hol látszanak az aktív feltételek. Hogyan törölhető egy kiválasztás. És melyik rendezési opció az alap. Ezek nélkül a fejlesztő találgatni fog, a megbízó pedig később újra magyaráz.

Gyakori hibák a rendezőfelület megrendelésénél

A leggyakoribb hiba az, hogy a megbízó egyszerre túl sok mindent akar megoldani. Új dizájn, új kategóriák, új címkék, új keresőlogika, és mindez egy rövid feladatban. Ilyenkor a fókusz eltűnik. Pedig sokszor elég lenne először a legnagyobb súrlódást kivenni a folyamatból. Például láthatóvá tenni az aktív feltételeket, csökkenteni a túl hosszú listát, vagy érthetőbbre nevezni a rendezéseket.

Sokan ott hibáznak, hogy saját fejjel nevezik el a szűrőket. Ami belül magától értetődő, az a vásárlónak idegen lehet. A másik gyakori gond az, hogy asztali nézetben minden még elfogadhatónak tűnik, mobilon viszont szétesik az egész. A panel túl nagy, a visszalépés kényelmetlen, a kiválasztott feltételek eltűnnek, vagy a találatok száma csak későn látszik. Ezt utólag javítani drágább, mint előre jól megtervezni.

És van egy csendes probléma is. A megbízó néha azt várja, hogy egy jobb Szűrők és rendezők UI önmagában minden értékesítési gondot megold. Nem fogja. De a rossz felület biztosan ront a helyzeten. A reális elvárás az, hogy a választás gyorsabb, tisztább és kevésbé fárasztó lesz. Ez már önmagában sokat ér.

Mit várhat a megbízó a kész felülettől

A jó végeredmény első jele az, hogy a felhasználó kevesebbet gondolkodik. Gyorsabban találja meg, amit keres, és kisebb eséllyel hagyja félbe a böngészést. Nem attól lesz jó a szűrőfelület, hogy tele van lehetőséggel. Hanem attól, hogy a fontos döntéseket segíti. Szerintem a kész munka akkor erős, ha a megbízó két dolgot rögtön lát. Tisztább lett a logika. És könnyebb lett átadni a fejlesztés felé.

Egy jól megtervezett rendezőfelület nem harsány. Csendben teszi a dolgát. Megmutatja a releváns választásokat, megtartja az irányítást a felhasználónál, és nem kényszeríti felesleges körökre. Ha valaki magánügyfélként keres erre távoli segítséget, szerintem érdemes röviden összeszednie a célt, a legfőbb hibákat és a kívánt határidőt. Ebből a szakember már látja, mire kell koncentrálni. És innen lehet olyan munkát indítani, amely tényleg használhatóbbá teszi a listát, nem csak szebbé.