A Vatera több mint egy évtizeden át volt Magyarországon az egyik legsikeresebb marketplace website. Több tulajdonos váltás és további körülmények miatt az oldal lemaradt a versenytársaitól és idejétmúlttá vált. 2018-ban a cég elérkezettnek látta az időt, hogy jelentősen megújítsa az oldalt.

Feladat/probléma

A fő üzleti cél az aktív felhasználók stagnáló számának pozitívba fordítása: míg ugyanis a látogatószám még 2018-ban is tekintélyes volt, az aktív felhasználók száma nem váltott néhány éve.

A UX stratégia szempontjából a legnagyobb kihívást az jelentette, hogy két viselkedésében és elvárásaiban eltérő personára épül a Vatera látogatói bázisa: a heavy userekre, akik esetenként a kezdetektől használják a siteot, és az alkalmi vásárlókra/eladókra, akik ritkán vagy egyáltalán nem látogatják az oldalt, de alkalomszerűen szoktak használt cikkeket eladni vagy vásárolni más rendszerek segítségével.  

A két radiálisan eltérő persona mentális modelljei közötti metszet megtalálása a UX stratégiánk fő kihívása volt. 

Megoldás

Mivel a drasztikus redesign nem jöhet szóba a heavy userek mentális modelljei miatt (még ha tele is van az oldal usability hibákkal, ők már megtanulták használni), ezért több nagy fázisban végeztük a megújítást. 

Az első fázisban csak a UI újult meg, a későbbi fázisokban kritikus fontosságú szekciók, például az eladók személyes menüje kerülnek sorra, legvégül pedig a site architektúra. 

Ez tette lehetővé azt is, hogy egy olyan rugalmas oldalszerkezet jött létre, ami könnyen lehetővé a teszi a folyamatos iterációkat és így a termék fejlődését is. 

Discovery

Több feltáró user interjú sessiont bonyolítottunk heavy felhasználókkal, valamint használhatósági tesztekben vizsgáltuk az új felhasználók viselkedését. 

Az első discovery phase végén két persona és két journey mapping workshopot is szerveztünk, ami az empatizálást segítette elsősorban a cégen belül. 

A UI-ban megújult verziót heavy userekkel teszteltük desktopon és mobilon.

UI kit

A munka elejétől kezdve egy “UI Kit”-be gyűjtöttük a készülő oldal elemeket, a kisebb interfész elemektől a több interfész elemből álló struktúrákig. Ez biztosítja a teljes a vizuális és strukturális konzisztenciát.

Funkcionális tervezés

A UI megújításban ugyan drasztikusan nem változtatunk az oldalak szerkezetén, de az olyan szekciókban ahol kritikusabb usability hibákba futottunk a user interjúkban új terveket készítettünk. Ilyen volt például a belépés regisztráció:

A terméklap elrendezésén szintén változtatnunk kellett, mert a régi különösen az új felhasználók mentális modelljeit nem szolgálta, a sztenderdeknek ellentmondó elrendezésével:

Content redesign

A megújításának érinteni kell a tartalmakat is, melyek szintén elavulttá váltak. UX részről a folyamatot úgy segítettem, hogy létrehoztam egy style guideot, ami lényegében a közérthető írás Vaterára szabott ajánlásait tartalmazza.

Ennek a kézikönyvnek a rövidített verziója a checklista, amit a cég összes részlege tud használni az írott szövegek közérthetővé konvertálásában:

Emellett a UI megújítás során a microcopy megújítása is állandó feladatom képezte. 

A/B tesztelés

Ha a megújítási folyamat során olyan bizonytalanságba boltottunk, amit nem tudtunk eldönteni, A/B teszteléssel vizsgáltuk. Maga a UI-ban faceliftel Vatera is egy hipotézis, melyet A/B teszteltünk, azaz a látogatók fele a régi a másik fele az új Vaterát kapta 2018 januárjában. A teszt egyrészt kiderítette a fejlesztési hibákat és egyéb bugokat, másrészt validálta a feltevést, hogy az UI hatékonyabb, ami a vásárlási konverzók jobb arányában jelentkezett.