A népszerű álláshirdető portál a re-branding projektje utolsó állomásaként megkereste csapatunkat egy dizájn validáló feladattal. Az eredetileg egy felhasználói teszt levezénylésével induló projektből végül sokkal több lett mindkét fél számára: a Dreamjobs.hu-nak teljesen új felhasználói útvonalakat dolgoztunk ki és korábban fel sem merülő UX problémákra találtunk közös megoldást, csapatunk pedig nem csak a tesztelésben és UX tervezésben kapott kiemelkedő szerepet a projektben, hanem végül megbíztak minket a UI dizájn és reszponzív mobil nézetek tervezésével is.

Hogyan értünk el az eredeti Dreamjobs.hu oldal teljesítményéhez képest 3x-os konverziónövekedést és 4x-es szoft-konverzió növekedést B2C területen?

Az alábbi esettanulmányban bemutatjuk a projekt részleteit, a közös munka kihívásait és szépségét.

• User Testek
• Stakeholder interjúk
• Perszóna elemzések
• UserJourney-k
• Versenytárs kutatások B2C és B2B területen
• Drótvázak
• Figma prototípusok
• UI deskop és mobil dizájnok

1 Projekt Manager
2 Product Designer
1 IT vezető (ügyfél oldalról)
1 Project Owner (ügyfél oldalról)

UX kutatások és tesztelések
IA (information architecture) tervezés
UI tervezés
Service Desing

Előzetes stakeholder interjúk során felmértük az igényeket és a már meglévő user journey-k is körvonalazódni kezdtek.A folyamatok komplexitása miatt a teszhez négy témakörre bontottuk a user yourney-t: regisztrációs és bejelentkezési folyamatok, álláskeresés folyamata, állásra jelentkezés folyamata, cégek keresése és követése

Ezek a folyamatok alkották a tesztünk alappilléreit és ezekre terveztük a forgatókönyveket. Csapatunkból két ember - egy tesztet vezető (moderátor) kollega és egy megfigyelő kollega vett részt a tesztben.

A résztvevők toborzása során a célcsoportból válogattunk tesztelőket. Fontos volt olyan jelölteket is találnunk, akik abszolút nem ismerték az eredeti portált, így teljesen friss véleményt tudnak formálni a UX és UI kérdéskörökről egyaránt, és olyanokat is, akik korábban is ismerték azt.
A teszt lebonyolítása tesztelőkként 1 - 1,5 órát vett igénybe, az észrevételekről videofelvétel készült és online videó megosztós felületen végeztük el (covid időszakban sem áll meg a munka!)

A nyers kiértékelés a scriptek és videós anyagok feldolgozásával egy excel táblává állt össze, ahol kirajzolódtak a problémák (issuek) és sok hasznos visszajelzést kaptunk.

A projekt következő szakaszában workshopokat szerveztünk annak érdekében, hogy struktúrát adjunk az oldalnak és annak tartalmi elemeinek. A card sorting módszerével például a résztvevők segítségével alakítottuk ki az ideális navigációs rendszert a profiloldalon belül, mely így intuitív és felhasználóbarát lett.

Ezen kívül, ugyancsak többek között card sorting-ot alkalmazva az összegyűjtött visszajelzések alapján terveztük meg az információs architektúrát is. A stakeholder workshopok adtak keretet a munkánknak.

A projekt sikere érdekében elengedhetetlennek tartottuk megérteni célcsoportunkat. A perszóna elemzések során képet kaptunk arról, kik azok, akik a Dreamjobsot használják vagy használni fogják. A teszt résztvevők és a Dreamjobs által nyújtott felhasználói információk segítségével profiloztunk.

Így részletes perszónákat tudtunk készíteni a különböző felhasználói típusokról, beleértve a motivációjukat, céljaikat, és az általuk leggyakrabban használt funkciókat. Ezek az információk hasznosak voltak a további tervezési és fejlesztési folyamatokban.

Az utolsó kutatások és stakeholder interjúk zártával nekiálltunk a felhasználói felület javításának és az új tartalmak kidolgozásának. Frissült a design system, megoldási javaslatokat dolgoztunk ki a jellemző UX hibákra, bővítettük a dizájnt és elkészítettük a reszponzív nézeteket.

A tervezett folyamatunk egyik axiómája, hogy a felhasználó könnyen böngészi a felajánlott álláslehetőségeket és a tartalom önmagában segíti a felhasználói döntést. A teszt viszont nehézségeket mutatott ki a dizájn és a funkciók értelmezhetőségével kapcsolatban.

Problémák:

Szűrőnek nézik a címkét a kártyán
Zavaró, ahogy a 'Senior' címke ki van emelve 
(nem érthető, hogy miért)
Problémák a hosszú cégnevek megjelenítésében
Nem konzisztens ikonhasználat

Megoldás:

Tagek helyett infó megjelenítés. 
GA mérés alapján a userek nem használják
Színezés korrigálása az információknál
Hasonló állások gomb megjelenítése
Cégnevek megjelenésének korrigálása
Eltérő funkciókra eltérő ikonhasználat bevezetése

A teszt során sok visszajelzést kaptunk a folyamatunkban kritikus pontnak számító oldalra. Többen nem találták az információkat, amit kerestek, nehezen értelmezték melyik információ melyik szereplőre vonatkozik, vagy hogy éppen miről szól. Funkciók tekintetében sem volt jobb a helyzet.
Eltérő funkciókra eltérő ikonhasználat bevezetése

A tesztünk utolsó állomásaként az állásra jelentkezés folyamatát vizsgáltuk. A teszt során meglepően sok problémát szűrtünk ki az első ránézésre könnyen értelmezhető folyamatból, aminek javítása drasztikusan megemelte az állásra jelentkezések számát.

Problémák:

A "Cég által preferált jelentkezési mód" tartalom nem egyértelmű, a radio button-re emlékeztető dizájn megoldás a tesztelőket félre vezette (azt hitték, hogy a lehetőségek közül választani kell). Továbbá, ezeket az információkat a user journey előző pontján tartották volna fontosnak

Bár a DreamJobsnak fontos a saját profillal való jelentkezés használata, a tesztelők nem tudták értelmezni azt (mivel nem találkoztak korábban vele). A tartalom kiemelése is zavart okozott, elvette a fókuszt a többi (amúgy jobban preferált) jelentkezési módtól.

A bejelentkezés nélküli jelentkezés lehetőségét hiányolták a felhasználók. Ezért új user journey-t dolgoztunk ki, amibe belekerült a Linkedin profillal való jelentkezés is.

A folyamat záró visszaigazoló pop-up nem tartalmazott információt arról, mit várhatnak a felhasználók a jelentkezés elküldése után.

Megoldás:

A cég preferencia tartalmát áttettük a user journey előző pontjára, amit a második teszt is igazolt.

A saját profillal való jelentkezés sokkal kisebb hangsúlyt kapott végül, így könnyítve a megértést. A “nem bejelentkezett” folyamatba viszont beleépítettünk egy egy adatos gyors DJ profil létrehozás lehetőséget, az értékajánlatok feltüntetésével

A Linkedin fiókkal való jelentkezés folyamatát kidolgoztuk, a funkció belekerült a bejelentkezett felhasználók folyamatába is

Javítottuk az információ közlést a folyamat végén, így a felhasználók a visszaigazoló popupon érdemleges választ kaptak a felmerülő kérdéseikre.

Az utolsó kutatások és stakeholder interjúk zártával nekiálltunk a felhasználói felület javításának és az új tartalmak kidolgozásának. Frissült a design system, megoldási javaslatokat dolgoztunk ki a jellemző UX hibákra és új oldalakat állítottunk össze.

A második teszt során az volt a célunk, hogy felhasználóktól részletes visszajelzést kapjunk az átalakított desktop kulcsképernyőire (kezdőlap, listaoldalak, állás végoldal, jelentkezés folyamata), a mobilképernyőkre, valamint a profil oldalra.

Az elkészült prototípusok segítségével egy vezetett feladaton keresztül megnéztük, hogyan járják be egyes folyamatokat és értelmeznek funkciókat (regisztráció, állásjelentkezés).

Az utolsó teszt visszajelzései alapján javítani tudtuk a kisebb hibákat, és egy kutatásokkal alátámasztott, kétszer tesztelt dizájnt tudtunk átadni fejlesztésre.

A Dreamjobs projekt kiváló példa volt arra, hogy egy brand megújulási projekt keretében készült, félkész dizájn sok munkát rejthet még magában, ha egy jól konvertáló és könnyen használható platformot szeretnénk útnak indítani.

Egy ekkora projekt csak akkor lehet sikeres, ha nem spóroljuk ki belőle a tervezést megelőző kutatási feladatokat, ami a munka akár 50%-át is kiteheti. A megfelelő, alapos kutatómunka a Dreamjobs projektnél látható eredményeket hozott, mindamellett, hogy nagyon jó kapcsolat alakult ki a két cég között. Óriási öröm úgy dolgozni, hogy a partnerünk bízik a módszereinkben, az eredmények projektzárás után pedig gyakorlatilag azonnal igazolják a szakmai feltevéseket.

A DreamJobs 3x-os konverziónövekedése (3x-os növekedés a jelentkezések számában) és a release utáni 4x-es regisztráció növekedés nem csak azt jelenti, hogy az élesítés után a céljaik többszörösen teljesültek, hanem azt is, hogy így jelentősen tudták csökkenteni a marketing kiadásaikat és ezzel komoly előnyre tettek szert versenytársaikkal szemben.