A REGIO Játék országos bolthálózattal és hatalmas választékkal rendelkező hazai játékkereskedő. Webshopjuk sokáig alapszintű e-kereskedelmi megoldással futott: hatalmas termékkínálat, többszintű kategóriarendszer, de gyenge felhasználói élmény, főleg mobilon.

A REGIO kutatási igénnyel fordult a 22.designhoz, és a kutatási eredmények alapján a teljes újratervezés mellett döntött. A teljes UX folyamatot végigvittük:

• szakértői audit,

• versenytárselemzés,

• felhasználói mélyinterjúk,

• perszónák és user journey-k,

• majd erre építve a teljes B2C vásárlási folyamat újratervezése,

• kattintható prototípus

• és használhatósági tesztelés.

A projekt legnagyobb szakmai kihívása az óriási kategóriarendszer és a különféle vásárlói típusok (szülő, nagyszülő, ajándékozó) egyetlen, átlátható felületbe sűrítése volt. A prototípus tesztelése igazolta a főbb döntéseket, különösen az ajándékkeresőt és az életkor alapú navigációt. Az élesítés utáni analitikai adatok alapján az online konverzió több mint 20%-al nőtt, és a B2C siker nyomán pedig a REGIO Játék a B2B felület tervezésével is a 22.designt bízta meg.

A megoldásunk

A REGIO Játék azzal keresett meg minket, hogy nem pusztán egy szép felületre van szükségük, hanem meg akarják érteni, hogy miként működnek a felhasználóik és hogyan lehetne számukra jobb felhasználói élményt nyújtani. A projektet ezért egy átfogó kutatási szakasszal indítottuk, és csak ezután kezdtük el a tervezést.

A kiindulópont egy szakértői UX-audit volt. A UX-audit a meglévő digitális felület kritikus felhasználói folyamatainak strukturált vizsgálata: heurisztikus módszertannal dokumentáljuk a gyenge pontokat, megalapozva az adatvezérelt, nem véleményalapú döntéseket. A REGIO-nál ez jelölte ki az újratervezés pontos célpontjait – a menüt, a főoldalt, a keresőt és a pénztárat –, még mielőtt bármit újrarajzoltunk volna. Az auditot interjúkkal is kiegészítettük: tíz jelenlegi vásárlóval néztük végig az élő oldalt, és a legfájóbb pontokra már ekkor vázlatos megoldási javaslatokat hoztunk.

Az auditot széles körű versenytárselemzés egészítette ki. Ez a hasonló piacon működő termékek strukturált összehasonlítása: megnézzük, mit csinálnak jól, hol akadnak el a felhasználók, és melyek a megoldatlan problémák. A REGIO-val közösen négy-öt nagy, releváns játékkereskedőt választottunk ki, egy nagyobb shortlist-ről. A főbb oldaltípusokat a nyitóképernyőtől a pénztárig végigjártuk asztali gépen és mobilon is, gyűjtve a követendő és az elkerülendő mintákat is.

A felhasználói követelménylista persona elemzésre épült. A persona a tipikus felhasználók konkrét, mégis fiktív profiljait rajzolja meg, így a tervezés valódi embereknek szól, nem egy általános vásárlói képnek. A régi oldal működését journey map készítésével vizsgáltuk meg: ez a vásárló teljes útjának feltárása, rávilágítva arra, hol akad el, hol várakozik, vagy hol bosszankodik. Ebből rajzolódtak ki a hiányzó elemek, amelyeket aztán beépítettünk az új oldalba.

A kutatási eredményeket konkrét, iparág-specifikus tervekké formáltuk. A főoldal a kevés kategória helyett több szempontból kínál belépési pontokat: bento grid elrendezés, korosztályos vásárlás, szezonális ajánlók, kedvenc mesefigura szerinti bontás, valamint egy gyorsválasztó. A megamenü a projekt egyik legnagyobb kihívása volt. Úgy kellett negyven kategóriát egyetlen menübe szerveznünk, hogy mobilon is átlátható maradjon. Ehhez egy háromszintű rendszert hoztunk létre, ahol alapértelmezetten csak a legnépszerűbb kategóriák láthatók, az „összes megjelenítése” gombbal pedig megnyitható a teljes lista. A mobil megamenüt alaposan leteszteltük, mert ezen a felületen ritkák a jó megoldások, és el akartuk kerülni a tipikus hibákat. A keresőt is átírtuk: mostantól kulcsszórészletekre is ad találatot, és gépelés közben kategóriákat és termékeket ajánl.

A legizgalmasabb új funkció az ajándékkereső lett, amely a régi, alig használt szűrőt váltotta fel egy varázsló-szerá megoldással. A folyamat életkor, nem, érdeklődési kör és árkategória szerint tereli a bizonytalan ajándékozót, a végén pedig kész, szűrt találati oldalt ad. Ez azoknak nyújt valódi segítséget, akik csak azt tudják, kinek vásárolnak, de azt nem, hogy mit. A termékoldal a projekt egyik legösszetettebb része lett, hiszen egy játékwebáruházban sok a változat: szín- és méretvariációk, készletinformációk és bolti átvételi lehetőségek. Rengeteg információt rendeztünk a hajtás fölé átlátható módon, bevezettük az értékeléseket és a termékkapcsolásokat, a legfontosabb adatokat – készlet, ár és a kosárgomb – pedig egy rögzített sávban mindvégig elérhetővé tettünk. A pénztárból eltűnt a kötelező regisztráció: helyette elérhetővé tettük a vendégvásárlást, a közösségi belépést, az átvételi pontok egyszerű választását és a dinamikus adatmegjelenítést, ahol a vásárló mindig csak az éppen aktív lépést látja kinyitva, ami főleg mobilon számít. A folyamat végére került az újonnan bevezetett hűségprogram: ez a megadott adatok alapján, egyetlen jelszó megadásával regisztrációra ösztönzi a vendégvásárlót, az önkiszolgáló fiókban pedig követhetők a rendelések, a visszaküldések és az egyenlegek.

A tervekből kattintható prototípus készült, amely valósághűen szimulálja a működést, és valódi felhasználókkal is tesztelhető. Erre épült a használhatósági teszt (usability test, mely során célcsoportból toborzott hús-vér felhasználók próbáltak egy design prototípuson ajándékokat vásárolni, miközben a UX kutató figyelte, hol akadnak el, hol bizonytalanodnak el, vagy merre tévednek el. Ez a módszer akkor a legértékesebb, ha még a design szakaszban szeretnénk visszajelzéseket kapni olyan kérdésekben, ahol több alternatíva közül nem tudunk megalapozottan választani. A REGIO-nál pontosan ez volt a helyzet, hiszen a sok egymással versengő igényt (célzott keresés vagy böngészés, kevés kattintás vagy sok információ) csak éles használat közben lehetett ütköztetni. Tíz résztvevővel nyolc feladatot jártunk végig a főoldaltól a pénztáron át a hűségpontokig, és minden észrevételt súlyoztunk.

Meggyőző eredmények az új dizájn után

Az újratervezést követően a REGIO Játék oldalán 22%-ak emelkedett az online konverzió. Egy webáruháznál végső soron ez a szám dönt.

A tesztelés több kulcsfontosságú döntést is igazolt. Az ajándékkeresőt a tesztelők egyértelműnek és jól használhatónak találták – még azok is, akik egyébként inkább a hagyományos szűrőkkel keresnek. A célcsoport választót kifejezetten hasznosnak ítélték, és az árszűrőt is szinte mindenki azonnal megtalálta. A teszt a finomítandó pontokra is rávilágított: a mesehős-választónál nem volt rögtön egyértelmű, hogy több figura is kijelölhető, sokan nem ismerték fel az árfigyelő ikont, és az átvételi állapot „Azonnal” címkéje is bizonytalanságot szült. Pontosan ezek azok a tanulságok, amelyekért érdemes tesztelni: ezek csak használat közben derülnek ki.

A projekt háttere

A REGIO azon projektek közé tartozik, ahol a teljes UX-folyamatot végigvihettük: kutatás, interjúk, tervezés, prototípus és tesztelés, a végén pedig az üzleti visszaigazolás sem maradt el. A csapat számára a valódi szakmai kihívást a lépték jelentette. Negyven kategóriát, hatalmas termékkínálatot és sokféle gondolkodásmóddal érkező vásárlót kellett egyetlen felületre szervezni úgy, hogy a szülő gyorsan célt érjen, a nagyszülő pedig ne tévedjen el. Egy nagy webáruháznál a felület szépségénél sokkal fontosabb, hogy a felhasználó megtalálja-e, amit keres, és bízik-e annyira a kereskedőben, hogy vásároljon is.