Coaching individuel -

Brüll Ede
novembre 7, 2022
4:13 pm
Hozzászólás

UX design,
felhasználói élmény tervezés.
Mit csinál egy UX tervező?

A felhasználó élmény, más néven UX design tervezésének célja a felhasználói élmény vagy elégedettségének javítása, a digitális felület élményének növelésével. Fontos megérteni a felhasználó igényeit és elvárásait. Megérteni a termék és a felhasználó közötti kapcsolatot, ezáltal optimalizálni felhasználói élményt.

Mi az a UX?

A felhasználói élmény elsődleges célja a felhasználók igényeinek és elvárásainak megértése. Ez azt jelenti, hogy meg kell határozni, hogy a felhasználók mit szeretnének elérni a termékkel vagy szolgáltatáson keresztül, milyen feladatokat szeretnének elvégezni, milyen problémáik vannak, és milyen környezetben használják az adott terméket vagy szolgáltatást. A UX tervezésben az emberekre mindig érzelmileg hatunk, kielégítve igényeiket, azért, hogy elérjük náluk a WOW élményt.

Miután megértettük a felhasználók igényeit és elvárásait, a következő lépés a felhasználói felületek tervezése. Ezt nevezzük UI-nak, azaz « User Interface »-nek

Mire jó a UX design?

UX (user experience) magyarra fordítva felhasználó élményt jelent. Felhasználói élmény mindazon benyomás, illetve élmény, amik érzelmeként megjelennek a felhasználókban egy weboldal vagy digitális felület használata közben. Így a UX a felhasználó élmény tervezés érzelmi kielégítést jelent. Ennek elsődleges célja, hogy növeljük a felhasználói elégedettséget,

valamint használhatóságot, hozzáférhetőséget az élmény növelésével. Ha nagyon leegyszerűsítjük, egy weboldal tulajdonságainak fontos szempontjai, hogy szép legyen, könnyen kezelhető, informatív és rendkívül pozitív vizuális megjelenésű. Ekkor elmondhatjuk, hogy a weblap vizuális élménye kielégítő.

A felhasználó élmény alapkövetelményei:

A felhasználó élmény tervezés alapkövetelménye, hogy mindig a célközönség fejével gondolkodjunk, az ő igényeikre, elvárásaikra, érdeklődésre reflektálunk. Mindig ők legyenek a középpontban, ne pedig a szakmai háttér vagy épp önmagunk.

Főbb szempontok a tervezéshez

Az oldal legyen könnyen használható

Egy weboldal tervezésénél elsődleges szempont az egyszerűség. Fontosan tartom a navigációt, valamint az egyszerűen kezelhető funkciókat. Szem előtt kell tartani a brand értékeket, hiszen ennek kommunikációja a egyik legfontosabb feladatuk a weboldal tervezésénél. Fontos, hogy az arculat mindig fejezze ki vállalkozásunk értékeit valamint a célközönség igényeit.

Legyen könnyen kereshető

Fontos szempont megérteni, hogy a felhasználók az oldalon bizonyos tartalmakat fognak keresni. Ezért úgy kell kialakítani, hogy a lehető legegyszerűbben, leggyorsabban megtaláljanak adott információkat, amit keresnek. Ha ezeket nem találják, elhagyják az oldalt.

Megbízhatóság

Kiemelt szerepe van a megbízhatóságának, hogy az oldal technikailag minden szempontból rendben legyen. Amennyiben ezek nem működnek megfelelően, a látogató frusztrálttá válik és nem tér vissza az oldalra.

A felhasználó élmény tervezésének folyamata:

használhatósági audit
navigáció térkép készítése
Perszónák létrehozása, célcsoport meghatározása
drótváz készítése
prototípusok létrehozása
tartalom stratégia
grafikai tervek
tesztelés, analitika

Felhasználói élmény tervezésének célja:

Az imént felsorolt feladatok mind – mind felhasználó élmény javítását szolgálják. Természetesen sok szakember sokféle megközelítésben dolgozik. Teljesen mindegy ki mire teszi a főbb hangsúlyt, célunk a felhasználói élmény javítása, a felhasználó igényeinek kielégítése.

A következőkben szeretnék tippet adni hogyan lehet javítani a felhasználói élményt weboldalunkon:

Mindenképpen fontos tisztázni a design szerepét, hiszen ennek alapvető jelentősége van értékeink kommunikációjában. A dizájn ne legyen túltervezett sem alultervezett, hiszen ez megakadályozza kommunikációnkat a felhasználóval.

Felhasználói élmény (UX) tervezés határidőre

FORDULJON HOZZÁM BIZALOMMAL!

Célközönség meghatározása

Mint korábban említettem a felhasználói élmény tervezése a felhasználók igényeinek kielégítéséről szól. Így nagyon fontos, hogy megismerjük közönségünk igényei, félelmeit, elvárásait. Ennek felmérésére különböző módszerek vannak. Ilyen például az interjú, felhasználói tesztek, tanulmányok, tesztek.

Fontos meghatározni a célokat

Itt a legfontosabb, hogy meghatározzuk a weboldalunk a céljait. Honnan hova akarunk eljutni, mit szeretnénk elérni, hogy a felhasználó elérjen a keresetet megoldásig. Legfontosabb, hogy meg tudjuk határozni mik azok a tényezők, amik megakadályozzák ebben a folyamatban.

Az egyszerű néha több

A felhasználó élmény szempontjából a letisztult, egyszerűen design célszerűbb, mint a komplikált weboldalak, melyek jóval hatékonyabbak, mint társaik. Gyors érthetőség, átláthatóság jobban konvertál egy ”mezei” felhasználó számára. Ezek mellett fontos, hogy az egyszerűségben megjelenjen a márkaüzenet.

A figyelem fókusza

Minden weboldalnak vagy értékesítési folyamatnak kell, hogy legyen egy végcélja. Ennek egyértelműen kell látszania a látogató számára. Én ehhez a legjobb megoldás azt tartom, hogy megfelelő helyen, megfelelő módon tereljük látogatóinkat a ”call to action” elemekkel. Fontos, hogy ezek egyértelmű és jó helyen legyenek elhelyezve a weboldalon.

Weboldal oldalszám

Másik jelentős probléma lehet, ha túl sok, vagy nem elég oldal van a weboldalunkon. Ha túl sok oldalunk van, ez zavaróan hathat a felhasználóra, ha viszont túl kevés akkor nem ad elég impulzust, így valószínűleg gyorsan elhagyja az oldalt.

Vizuális hierarchia

Vizuális hierarchia kialakításának számos célja van. Ezek közül a legfontosabb, hogy meghatározzuk, hogy a weboldal látogatói mire figyeljenek először. Mindenképp meg kell, hogy értsük ugye különböző elemek eltérő realitással szerepelnek a weboldalon.

Az információk követésének 2 mintázata van. Az egyik az F mintázat, melynél a felhasználók F alakot követve a weboldalnak először a felső részét pásztázzák mely mozgások lefele haladva egyre rövidülnek. Az utolsó fázisban látogató már csak vertikálisan halad lefele az oldal bal oldalán található információkhoz igazodva.

A második elterjedt minta Z alakzatot követ, melyek általában a vizuálisan gazdagabb felületeknél jelenik meg.

Betűtípusok jelentősége

Az információk követésének 2 mintázata van. Az egyik az F mintázat, melynél a felhasználók f alakot követve a weboldalnak először a felső részét pásztázzák mely mozgások lefele haladva egyre rövidülnek. Az utolsó fázisban látogató már csak vertikálisan halad lefele az oldal bal oldalán található információkhoz igazodva.

A második elterjedt minta Z alakzatot követ, melyek általában a vizuálisan gazdagabb felületeknél jelenik meg.

Értsük meg a Z-F mintát

A jobb felhasználói élményhez érdemes foglalkozni az emberek tartalomolvasási szokásaival. Mendeképpen meg kell érteni, hogy a látogatók meglehetősen gyorsan és felszínesen fogyasztanak digitális tartalmakat. Bármennyire is szeretnénk, hogy tartalmainkat szó szerint olvassák, ezt sajnos nagyon ritkán valósul meg.

Az online világban, általánosságban véve, átfutják a tartalmakat, s csak a legfontosabb információkat olvassák el. Úgy mondjuk, hogy szkennelik a weboldalt. Csak azokat a bejegyzéskékkel foglalkoznak, melyek felkeltették az érdeklődésüket. A UX tervezésbe ezt mindenképpen szem előtt kell tartani annak érdekében, hogy javítsuk a felhasználói élményt a tartalom fogyasztása során.

Azért, hogy pontosan értsük, szeretnék segítséget adni a Z valamit az F mintázat megértéshez, hiszen kiemelten fontos a felhasználói élmény tervezésében, illetve A CTA – azaz call to action – központú weboldal készítésében.

A Z minta

A Z minta általában sokkal jobban működik olyan tartalmaknál, ami nem a szövegre fókuszál. Ez megfelelő választás lehet egyszerű tartalmakhoz, ahol nagyon kevés a szöveg, de ezek konkrét kulcsfontosságú részeket tartalmaznak, mellyel fel akarjuk hívni a látogatók figyelmét. Az Z elrendezés tehát megfelelő struktúrát ad olyan weboldalakhoz, melyek egy vagy két elemre összpontosítanának.

Hogyan használjuk a Z mintát?

Egyszerűen megfogalmazva, a tartalmat Z alakban rendezzük, így az információkat ebben a fontossági sorrendben kell elhelyezni az oldalon. Az elsőleges elemeket az oldal tetejére kell elhelyezni, a kevésbé fontosokat pedig az oldal alján, így a felhasználó szemét az oldal egyik részétől a másikig vezetjük. Azért, hogy megtaláljuk a kedvezőbb vizuális irányt és súlypontokat az optimális kombinációhoz, a következő lépéseket javaslom:

Az 1. ponthoz azokat a tartalmakat tegyük, amire a felhasználó tekintetét szeretnénk irányítani. Ez például megfelelő hely lehet a logó számára
lépés, egy jobbra húzott vízszintes vonal mentén egy másik fontos információt helyezzünk el, kontrasztos elhelyezéssel, mely felkelti a felhasználók figyelmét. itt még ne használjunk” felhívás a cselekvésre” gombot, mielőtt elegendő információt nem adtunk a látogatóinknak.
Az Z minta középpontja nem játszik központi szerepet a tartalom szempontjából, inkább csak fenntartja az érdeklődést, miközben nem zavarja a felhasználót a szkennelésben. Gyakori módszer az úgynevezett Hero kép használata, mely egy látványos képet tartalmaz a Z betű két vízszintes vonala között.
Ezek után további információkat kell adni, hogy a felhasználó elfogadja az” ösztönzés a cselekvésre” gombot. Egy landing oldalon például, ahol a termékünket promótáljuk, a 3. ponthoz mindenképpen további információkat kell adni, melyek meggyőzik a felhasználót az értékajánlatunkról.
fő célunk, hogy a felhasználó a jobb alsó sarokban található 4. pontnál zárja le a szkennelést. Itt kell elhelyezni a CTA-t, ahova a felhasználót a Z útvonalán kísértük.

Az F minta

Másik tervezési mintázat F alakot követ. Ezt általában szöveges tartalmában gazdag oldalaknál szokták használni. Az F az angol fast szóból származik, mely gyorsat jelent. Ezt az elrendezést először a Nielsen Norman Group tanulmányozta 2006-ban, egy 232 résztvevős ”szemkövetés” vizsgálattal, ahol több mint 1 000 weboldalt kellett végig nézniük résztvevőknek. A vizsgálat eredménye azt mutatta, hogy az olvasási szokások alapvetően hasonló mintát mutatnak különböző weboldalaknál, valamint tartalmaknál. ebből az elemzésből született az F olvasási minta, mely a következő 3 feltételezésen alapul.

A felhasználók vízszintes irányban olvasnak általában a tartalom felső részén. Ez az F betű felső vonalát jelenti.
Ezután a szemmozgás az alatta lévő, rövidebb vízszintes vonal mentén mozog.
Végül a felhasználó függőlegesen pásztázza a tartalmat az oldal bal oldalán.

Természetesen ez nem egy fix rendszer, hiszen létezik E, illetve L betűhöz hasonló pásztázási scannelési mód is. A Nielsen Norman Group által végzett elemzések azonban azt mutatják, hogy a felhasználók (balról jobbra író nyelvek esetén) általában tartalomblokkokban pásztáznak.

Összefoglalva

Milyen projekthez ajánlott a Z minta?

Ezt akkor érdemes használni, ha azt szeretnénk, hogy az oldal látogatói egy adott sorrendben haladjanak a weboldalon. A Z minta segítségével az olvasók tekintete, balról jobbra, végigmegy az oldal tetején, majd átlósan a bal alsó sarokba halad, így ismét a jobb sarokba ér. Így jön létre a Z alak. Ez a minta ideális olyan weboldalakhoz, amelyik kevesebb, de jól strukturált, hatékonyan elrendezett információt tartalmaz, mint a landing vagy termék oldalak.

Milyen projekthez ajánlott a F minta?

A tartalom 1. bekezdése a legfontosabb hiszen ezek fogják megragadni az olvasó figyelmét.

Fontos, hogy ezek tartalmazzák az oldal fő üzenetét. Minden bekezdés egyetlen fontos gondolatot tartalmazzon adott kulcsszavakkal, melyek segítenek az olvasónak áttekinteni a tartalmakat.
Azt szem vonzásának érdekében hangsúlyozzuk a fontos részeket szöveg kiemeléssel vagy eltérő színű betűkkel. Az áttekinthetőség érdekében használjunk listákat, például felsorolást.
Az oldal közepén helyezkedjen el a fő üzenet vagy a legfontosabb gomb, hogy az olvasók könnyen észrevegyék.
Használjunk képeket, hogy szünetet teremtsünk a monoton szöveg között, ezáltal könnyebbé tegyük az olvasást.

Ezekkel az elrendezésekkel az információkat úgy lehet strukturálni, hogy az emberi szem számára a szkennelés a lehető legegyszerűbb legyen. Azonban figyelmet kell fordítani arra, hogy az információk fontosságuk szerint legyenek rendezve, hogy lehetővé tegyék a felhasználók számára, hogy az összes szükséges információ eljusson a CTA-hoz.

A bemutatott modellek tudományos kutatásokon alapulnak, szemkövető módszerrel igazolva, annak érdekében, hogy a felhasználó számára legoptimálisabb módon helyezzék el az elemeket, valamint az információkat az oldalon.

Ha teszett a cikkem? Kérem, ossza meg másokkal is!

Laisser un commentaire Annuler la réponse

Brüll Ede - Weboldal tervező, Online marketing szakértő

Üdvözöllek! Brüll Ede vagyok, az Edu-webmarketing alapítója. Vállalkozásomat több mint tíz éve alapítottam Párizsban. Azóta számos különböző területen dolgoztam, filmipartól a fogászatig. Egyéni vállalkozóktól a középvállalatig. Ezzel a tapasztalattal, tudással, illetve szemlélettel állok rendelkezésére ügyfeleimnek, valamint blogbejegyzésimmel, üzleti céljaikhoz segítséget kérő szakembereknek.

EDU WEBMARKETING

TEL.:06(30)35-94-131

Email:hello@eduwebmarketing.com

SZOLGÁLTATÁSOK

WEBDESIGN TERVEZÉS

WEBLAP AUDIT

ARCULATTERVEZÉS

GRAFIKAI MUNKÁK

KEZDŐ VÁLLAKOZÁSI PROGRAM

DOKUMENTUMOK

ADATKEZELÉSI TÁJÉKOZTATÓ

IMPRESSZUM

SÜTI BEÁLLÍTÁSOK

UX design,
felhasználói élmény tervezés.
Mit csinál egy UX tervező?

Tartalom

Mi az a UX?

Mire jó a UX design?