Így emeltünk prémium szintre egy kurzusfelületet UX stratégia és adatalapú tervezés segítségével

2025. július 23.  |   Olvasási idő: 3 perc

A képen egy sötétebb háttéren egy keretben a UX stratégia és kutatás eredményeként elkészült kurzus felület különböző nézetei láthatók egymás mellett

Három probléma, ami visszafogta a növekedést és egy átgondolt UX stratégia, ami felszabadította a lehetőségeket. Ebben a projektben megmutatom, hogyan alakítottuk át egy működő kurzusfelületet úgy, hogy az átláthatóság, a személyre szabás és a stratégia együtt növelje a márka értékét és a konverziót.

Honnan indultunk?

A Pinterest Magyaroknak oldal stabil, elkötelezett felhasználói bázissal rendelkezik – ami ritka érték az online oktatási piacon. Mégis, a UX kutatás és a visszajelzések rávilágítottak arra, hogy a tanulói élményt és az információáramlást több ponton gátolta a struktúra: a kurzusok közötti eligazodás nehézkes volt, a látogatók gyakran nem találták a keresett információt, az új érdeklődők könnyen elvesztek a felületen, és a platform tanulóinak kihívást okozott az egyébként kimagaslóan értékes anyag feldolgozása.

Ezeket a területeket célzottan elemeztük, majd olyan megoldásokat dolgoztunk ki, amely egyszerre növeli az átláthatóságot, a felhasználói élményt, a konverziót és a márka prémium érzetét.

1. probléma – Az új látogatók elvesztek a kurzusválasztásban

A kutatásból kiderült, hogy az oldalra először érkező látogatók nagy része nem tudta eldönteni, melyik kurzus való neki, és hogyan lenne érdemes elindulni. Több az alábbihoz haosnló visszajelzés érkezett a kutatás során:

"Nem egyértelmű hogy a tanfolyamok közötti különbség valamint hogy melyik melyikre épül." -  felhasználói visszajelzés

Ez mutatja, hogy nagyfokú bizonytalanságot keltett bennük az oldal, mind tartalmilag, mind strukturálisan. Így számos érdeklődésből (feltehetően) nem lett vásárlás, mert a felhasználó nem kapott ehhez segítséget, iránymutatást. Hacsak e-mailben nem érdeklődött a részletekről - de ez extra motivációt kívánt meg a felhasználó részéről, amit általánosságban nem várhatunk el a felhasználótól.

UX stratégia, megoldás:

Egy új „Kezdd itt” oldal született, amely a felhasználó előzetes tapasztalata alapján segít eligazodni a kurzusok között. Így azonnal látható, mivel érdemes kezdeni, mi a következő lépés, és hova vezet az út. A kurzusok kategorizálását a tapasztalat alapján a kurzus kártyákra is tovább vittük, ahol a "kezdő", "haladó", "profi" címkék segítik a felhasználókat.

 

A Pinterest Magyaroknak weboldal ‘Kezdd itt’ oldalának részlete, amelyet a UX stratégia részeként alakítottunk ki a felhasználók eligazodásának támogatására és a kurzusválasztás megkönnyítésére.

 

Üzleti eredmény:

Ez egy egyszerű, de ebben az esetben egy stratégiailag kulcsfontosságú elem csökkenti a lemorzsolódást a döntési fázisban, és növeli a kurzusvásárlási arányt. A felhasználók magabiztosabban dönthetnek, miközben arra is figyeltünk, hogy ne terheljük őket túl.

2. probléma – Hiányzó információ a kurzusok elérhetőségéről

A korábbi rendszerben egy kurzus csak akkor jelent meg a "Kurzusok" menüpont alatt, amikor éppen elérhető volt. Amikor egy tanfolyamra a jelentkezés lezárult, a hozzá tartozó aloldal és az információk lekerültek az oldalról – így az érdeklődők nem tudták, mikor lesz újra elérhető egy kurzus, vagy hogy egyáltalán más kurzusok is léteznek az éppen elérhetőeken kívül.

UX stratégia, megoldás:

Minden kurzus saját, állandó ismertetőoldalt kapott, függetlenül attól, hogy éppen elérhető-e. A nem aktív kurzusok is megjelennek a listában és ezeknél lakat ikon jelzi, hogy jelenleg nem elérhető valamint a felhasználók pontos tájékoztatást kapnak arról, mikor indul újra a jelentkezés - vagy feliratkozhatnak az értesítésre, amelyben indulás esetén azonnali tájékoztatást kapnak. Ez nemcsak vizuálisan, hanem kommunikációs szinten is átláthatóbbá tette a márkát.

  A Pinterest Magyaroknak weboldal kurzusokat bemutató oldala bézs és fekete színvilágban. A kurzusok kártyák formájában jelennek meg, a nem elérhető tanfolyamokat lakat ikon jelzi. A kártyák tartalmazzák a kurzus címét, leírását, árát, valamint azt a dátumot is, amikor a kurzus legközelebb elérhetővé válik.  

Üzleti eredmény:

Ez a megoldás nemcsak jobb élményt ad, hanem megalapozza a hosszú távú elköteleződést is, ami az egyik legerősebb bevételi tényezőt egy oktatási platform életében, hiszen a felhasználók vissza akarnak majd térni az oldalra a további kurzusok miatt.

3. probléma – Komplikált tanulói felület, elveszett haladás

A tanulók gyakran összezavarodtak a tanulói felületen, a különböző kurzusok és a leckék között. A bonyolult struktúra frusztrációt okozott, és a kurzusok befejezéséhez gyakran extra erőfeszítést és kitartást követelt meg az oldal.

UX stratégia, megoldás:

A teljes tanulói felületet újraterveztük, a személyre szabott élményre építve. Belépés után a tanuló üdvözlést kap, és azonnal láthatja, melyik kurzussal foglalkozott legutóbb és azt egyetlen kattintással folytathatja onnan, ahol tartott. A felületet vizuálisan is letisztultabbá és struktúrájában logikusabbá tettük, így az egész tanulási élmény gördülékenyebbé vált.

  A bejelentkezett felhasználó számára megjelenő profil oldal kezdő nézete, ahol a UX stratégia eredményeként látható egy személyre szabott üdvözlés, a legutóbb félbehagyott kurzus és az arra irányító CTA gomb, valamint a bal oldalsó sávban a profilon belüli navigáció és a további kurzusok ajánlása.  

Üzleti eredmény:

A perszonalizált tartalommal rendelkező a weboldalak akár 40%-kal magasabb bevételt képesek elérni. A platform így nemcsak felhasználóbarátabb, hanem üzletileg is stabilabb lett.

Összegzés – A prémium élmény nem véletlen, hanem stratégia

A stratégiához azonban valós visszajelzésekre és adatokra van szükség, amelyek ennél a projektnél is kulcsfontosságú részletekre hívták fel a figyelmünket. A felhasználói kutatás vagy UX kutatás egy induló éppúgy, mint egy már meglévő vállalkozásnál kiemelkedő értéket képvisel. A felhasználói élmény nem esztétikai kérdés, hanem üzleti döntés és megtérülő befektetés. A jól strukturált, személyre szabott tanulói út ebben az esetben nemcsak elégedett felhasználókat, hanem stabil, kiszámítható növekedést eredményez.

Az oldal akadálymentesítése és a lehető legszélesebb körben való használhatóságának biztosításán pedig jelenleg is dolgozunk, hogy a márka még tovább fejlődhessen és még magasabb szinteket érhessen el.

A szerző:

Viandt-Oláh Evelyn

UX/UI designerként az akadálymentes, etikus és AI-kompatibilis megoldásokra fókuszálok - mert ezek garantálják, hogy a céged ma is, és hosszú távon is versenyképes maradjon. A blogban azt mutatom meg, hogyan vélhat a UX valódi stratégiai előnnyé.

Viandt-Oláh Evelyn UX/UI designer

Ez is érdekelhet

Megtérülés és a közszféra weboldalainak akadálymentesítése

Megtérülés és a közszféra weboldalainak akadálymentesítése

A megtérülés egy e-commerce felület akadálymentesítési projektje esetében jól kalkulálható olyan mérőszámok segítségével, mint a konverziós arány, az oldalon eltöltött idő, a visszafordulási arány és...

BME GTK Ergonómia és Pszichológia Tanszék weboldalának akadálymentes tervezése

BME GTK Ergonómia és Pszichológia Tanszék weboldalának akadálymentes tervezése

A weboldal újra tervezésének első pillanatától arra törekedtünk, hogy már az alapoktól kezdve akadálymentes szemlélettel alakítsuk ki a weboldal új megjelenését. Ez nem csak stratégiai...