Kezdő lépésként - egy átfogó workshop alkalmával - megismerjük a cég termékeit, céljait és az elképzelt végfelhasználói célcsoport alapvető motivációit. A folyamat során, a Lean módszertant követve,közös nevezőre hozzuk a megrendelő üzleti igényeit, a felhasználói elvárásokkal. Ez azonban nem elég! Fontos, hogy a realitás talaján mozogjunk a digitális termék kitalálása közben, ehhez nyújtanak segítséget a fejlesztő kollégák. Ennek köszönhetően még a tervezési fázis előtt meghatározhatóak az esetleges korlátok, így reális Product Vision jöhet létre.

A legtöbb ügyfelünk már a megkeresésünk pillanatában is rendelkezik online jelenléttel. Azt azonban sokan nem tudják, hogy talán már most egy kincsesbányányi UX adattal rendelkeznek. Mire gondolunk? Például már meglévő Google Analytics adatok, korábban kiküldött felhasználói kérdőívek, ügyfélszolgálatra beérkező panaszok, Facebook értékelések és sok-sok más „adathalmaz”, mely mind nagyon értékes egy tervezési folyamat során. Ezeknek a dárgaköveknek a kibányászására saját adatszakértői gárda áll rendelkezésünkre, akik segítenek az adatok feldolgozásában, értelmezésében és az adatvizualizációban is.

A tervezéssel töltött évek során nagy tapasztalatra tettünk szert az e-commerce világában, sok mindent láttunk már, de - és ez a legfontosabb tanulságunk -, mi sem vagyunk látnokok. A best practice-ek ismerete és a már meglévő megoldástárunk mellett támaszkodnunk kell a UX kutatásra is. Ennek során mi magunk gyűjtünk adatot és információt a célcsoport igényeiről, problémáiról és várható viselkedéséről. Felhasználói interjúk, tesztek segítségével realizáljuk a personákat, és azokból kiindulva rajzoljuk fel a fő felhasználói útvonalakat. A kutatás során nem csupán az online térre koncentrálunk, de field research módszereket is alkalmazunk, hogy megfigyeljük a felhasználót a természetes közegében. A kutatás során kapott eredmények adják a high fidelity drótvázak és prototípusok alapjait.

Csapatunk az OCD határait súrolva törekszik következetes style guide-ot és UI kit-et alkalmazni a projektek során. A színeknek, betűtípusnak, formoknak, gomboknak, layout rendszereknek, grid-eknek, reszponzív nézeteknek, padding-oknak, margin-oknak (és még sorolhatnánk) nem csak hisszük, hanem tudjuk hogy alapvető hatása van mind a felhasználói élményre, mind a megvalósíthatóságra. Éppen ezért nem szeretjük a vázlatos drótvázakat! Már a tervezés megkezdésekor is követjük a brand book-ot és a stlye guide-ot, ha van. Amennyiben nem áll rendelkezésünkre ilyen segédlet, akkor is komponens alapon és következetesen építkezünk, hogy egy design system minél előbb összeálljon, és azt alkalmazva készítsük el a képernyő flow-kat.
Az így kapott prototípusok nem csak interaktívak, de a fekete-fehér wireframek-ek helyett a brand-nek megfelelő kinézetet is kapnak. A sutebuilder fejlesztő kollégákkal együtt dolgozva, a tervezők csak olyan megoldásokat álmodnak meg, amik kivitelezés szempontjából is reálisak lehetnek. A felületet, felhasználói utak mentén, folyamatokra csoportosítjuk és eszerint tervezzük az egyes képernyők design elemeit reszponzív nézetekben. A kész prototípusokat természetesen egy sor validálási folyamatnak vetjük alá, mielőtt kiválasztjuk azt, ami a végleges verzió lesz.

Ráadásul az elmúlt évek során fejlesztő partnerünkkel a LogiNet Systems Kft-vel karöltve kifejlesztettünk egy saját webshop ökoszisztémát. Ez egy olyan komplex e-commerce megoldás, ami biztosítja az alapvető webáruházi működéshez szükséges rendszereket, illetve értékesítési támogatási funkcióval is elláttuk. Igény szerint a 22.design erre építi az e-commerce rendszereinek UX design-ját. Mivel itt már egy kipróbált és jól működő megjelenési, funkcionális eszköztárral rendelkezünk, így költséghatékony módon és gyorsan tudunk a tervekkel haladni. A modul előnye még, hogy testreszabható és funkcionálisan is bővíthető.

Az ügyfél által jóváhagyott prototípust - researcher kolléga segítségével - felhasználói teszteknek vetjük alá, ellenőrizve a felhasználói élmény minőségét, illetve adott feladatok kivitelezhetőségét. Pusztán design tervek alapján imitálhatunk olyan felületi működést, ami egy-egy konkrét feladat (például egy adott cipő megvásárlása) során a végső működést tükrözi. A tesztek során feljegyezzük azokat a folyamatokat, amik az elvárásoknak megfelelően működnek és azokat is, amik nehézséget okoztak a felhasználóknak. Ilyenkor inkább megfigyeljük a felhasználó viselkedését, vagyis fontosabb az amit (és ahogy) csinál, mint amit mond nekünk. Az ilyen jellegű iterációt általában 10-15 fővel végezzük és minden fő nézeten (mobil, tablet, desktop) végigvezetünk. A folyamatot újra és újra elvégeztetjük (más-más felhasználócsoporttal) mindaddig, amíg egy végleges és jól működő prototípust nem kapunk. Ez a téma komplexitásától és egyediségétől függően jellemzően 1-3 kör szokott lenni.

A kész projektnek sem engedjük el a kezét! Saját érdekünk is, hogy az általunk kialakított felületet kutatási eszközökkel, illetve mérések útján folyamatosan monitorozzuk, hiszen csak így szembesülhetünk a tervezés során észre nem vett elakadásokkal. Az állandó validálás mellett, a versenytársak aktivitását is nyomon követjük, illetve vizsgáljuk a felhasználói igényeket is. A módszerünknek hála az ügyfél is folyamatosan lépést tud tartani az e-commerce piaci változásokkal. A UX tracking alapját egy közösen kidolgozott kutatási roadmap adja, melynek első lépése az analitikai setup, mely során paraméterezzük a használt analitikai megoldásokat (Google Analytics, GA4, Tag Manager, Hotjar, Smartlook stb.) és meghatározzuk a UX kutatási stratégiát.