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.

Tartalom

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!

Kérjen ajánlatot!

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

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.

É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!

Facebook
Twitter
LinkedIn
Email

Vélemény, hozzászólás?

Az e-mail-címet nem tesszük közzé. A kötelező mezőket * karakterrel jelöltük

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

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

 

© Copyright 2020. Edu-webmarketing

DOKUMENTUMOK

ADATKEZELÉSI TÁJÉKOZTATÓ

IMPRESSZUM

SÜTI BEÁLLÍTÁSOK