Tudatos Vásárlók Egyesülete - Weboldal UX optimalizálása
Folyamatban lévő projekt.
Projekt áttekintése
| A projekt a tesztek.tudatosvasarlok.hu weboldal UX-optimalizálására fókuszált. Melynek célja egy átláthatóbb, professzionálisabb és konverziót jobban támogató felhasználói élmény kialakítása volt. |
A projekt két egymásra épülő részből állt:
 |
|
Stratégiai és strukturális UX-optimalizálás (Főoldal + Áraink): Az oldalak vizuális hierarchiájának újragondolásával csökkentettem a kognitív terhelést és támogattam a vásárlási útvonalakat. |
 |
|
A vásárlási és fizetési folyamat elemzése: Usability teszteléssel azonosítottam azokat a UX bizonytalanságokat, amelyek bizalomvesztést okozhatnak és ronthatják a konverziót. |
Projekt céljai
 |
|
Az éves előfizetések számának növelése: A fókusz a vásárlási folyamat kritikus pontjainak tisztázásán - CTA-k, a vásárlási flow és a kosárfunkciók egyértelműsítésén volt. |
 |
|
A weboldal professzionális megjelenésének erősítése: A hangsúly a jól értelmezhető funkcionális egységek kialakításán, a megbízható, egyértelmű működésen és a konverziót támogató heron volt.
|
 |
|
Szélesebb társadalmi rétegek megszólítása: Az információk egyszerűbb, konvencionális UI-mintákra épülő strukturálásával céloztam meg az értelmezési bizonytalanságok csökkentését.
|
 |
|
Az ismertség növelése, különösen a fiatalabb célcsoport körében: Javaslatokat fogalmaztam meg, amelyek a későbbi fejlesztések során segíthetik az oldal vonzóbbá tételét a fiatalabb célcsoportok számára.
|
Módszertan és folyamat:
| #01 UX-optimalizálás: Főoldal + Áraink |
 |
|
Adatalapú megfigyelések: A tervezési döntéseket több, egymást kiegészítő forrásra alapoztam. Áttekintettem a Google Analytics adatokat és a Clarity heatmapeken keresztül megfigyeltem a felhasználói viselkedési mintákat.
|
 |
|
Best-practice elemzés: Az adatok elemzésből származó meglátásokat konkurencia- és best practice-elemzéssel egészítettem ki, hogy a javaslatok ne csak belső logikára, hanem piaci konvenciókra is épüljenek.
|
 |
|
Mini használhatósági teszt: A projekt második fázisában a meglévő fizetési folyamatot teszteltem valódi felhasználókkal. A kutatás célja az volt, hogy azonosítsam és adatokkal is alátámasszam a vásárlási folyamatban található kritikus fájdalompontokat.
|
| #02 Főoldal – UX/UI célkitűzések |
 |
|
A főoldal esetében a legnagyobb problémát a túl sok, egymással versengő tartalmi egység és a gyenge vizuális fókusz jelentette.
|
 |
|
A slider használata a heroban és a nagy statikus elemek megnehezítették, hogy a felhasználók gyorsan megértsék, mi az oldal elsődleges célja, és merre érdemes továbbhaladniuk.
|
Javaslatok:
A közel tizenkét szekcióból álló struktúrát nagyjából 6-7, funkcionálisan jól elkülöníthető egységbe rendeztem. |
|
| A vizuális hierarchia újragondolásának elemei: |
 |
|
A lényeges, konverziót támogató tartalmak hangsúlyozása.
|
 |
|
A másodlagos információk elrejtése, vagy áthelyezése a kognitív terhelés csökkentése érdekében.
|
 |
|
A slider helyett statikus hero szekció kialakítása a gyorsabb értelmezhetőség és a konverzió támogtásáért.
|
| #03 Áraink aloldal – UX/UI célkitűzések |
 |
|
Az Áraink oldal nem konvencionális módon vett részt a vásárlási folyamatban: alapvetően ajánlatbemutató felületként működött, miközben egyes interakciók már fizetési lépésként viselkedtek. A kosár, legördüléssel, az Áraink oldalon jelent meg.
|
 |
|
A CTA-k szerepe és hatása nem volt egyértelműen elkülöníthető: a „Megveszem” CTA-ra kattintás nem eredményezett egyértelmű állapotváltozást. A termék csak egy második, azonos megnevezésű gombra kattintással került a kosárba.
|
Javaslatok:
A cél egy olyan vásárlási logika kialakítása volt, amely következetesen illeszkedik a felhasználói elvárásokhoz és támogatja az éves előfizetések felé vezető döntést. |
|
| A javaslatok a következőkre fókuszáltak: |
 |
|
A vásárlási és fizetési lépések konvencionálisabb szétválasztása — a bizonytalanság és a bizalomvesztés lehetőségének eliminálása.
|
 |
|
A CTA-k funkcióinak pontosítása, egyértelműen elkülöníthető szerepek és hatás kialakítása az egyes gombok esetében.
|
 |
|
A kosár- és checkout-folyamat világos működésének és visszajelzéseinek kialakítása.
|
A tartalom feltöltés alatt.
