UX design
A UX design sokkal több, mint egyszerűen szép dolgokat alkotni. Ha egy weboldal tökéletesen működik, kevesen gondolnak a mögötte álló UX tervezőkre, ellenben ha egy weboldal zavaros vagy nehezen érthető, akkor az egyértelműen kudarc a felhasználói élmény szempontjából, ami tervezési hibából fakad.
Nem is csoda, hogy a UX tervezés egy évtized után is még mindig sokaknak nem tiszta, hogy mit is jelent valójában, hiszen a tervezés nem a vizuális elemeknél kezdődik. A weboldal készítés egy fontos része lett a UX design.
Mit jelent a UX tervezés és miért nagyon fontos?
Sokan a UI (User interface) és a UX (User experience) kifejezéseket felcserélik, nincsenek egészen tisztában a jelentésükkel, nem tudják elkülöníteni az esztétikai és funkcionális kialakítást, így nem tudják felmérni, hogy a UX weboldaltervezés és az UX webáruház tervezés egy folyamat és gondolkodásmód összessége.
Egy UX designer nem tesz mást, mint a felhasználó helyébe képzeli magát és így oldja meg a felmerülő problémákat. Hogy mi a különbség sima tervezés és UX tervezés között legegyszerűbben egy példával tudnám szemléltetni!
Ha terveznünk kellene egy széket magunknak nagyjából ezek a kérdések merülnének fel: Mik lennének a megfelelő anyagok? Mekkora legyen? Ergonómia és forma? Hova tegyük a széket? De ha egy ügyfélnek terveznénk egy széket az alábbi kérdéseket is figyelembe kellene venni: Pihenésre vagy munkára fogja használni? Mennyi ideig fogja használni? Milyen környezetben fogja használni? Hogy akarja magát érezni a szék használata közben? - Érzed a különbséget? Kicsi, de nagyon fontos különbségek, sokkal több kutatást igényelnek és a legfontosabb, hogy semmit sem vehetünk magától értetődőnek, minden az adott ügyféltől függ!
Tervezés UX design szemlélettel:
- a weboldal adott/hozott tartalmi elemei és az ügyfél igényei
- megnevezzük a funkcionális elemeket, a weboldal építőköveit
- a fentiek alapján már látjuk milyen erőforrásokat igényel a feldolgozandó tartalom, vagyis milyen tárhelyre van szükség, mennyi programozási és tervezési munkaórát fog felölelni
- strukturáljuk az információkat, kialakítunk egy logikai láncolatot, ami a látogatót vezeti és támogatja az általa használt eszközöket
- megtervezzük az interakciókat, vagyis minden olyan elemet, mely valamilyen cselekvésre ösztönzi a látogatót (pl.: CT/Call to action gombok, pl.: ajánlatkérés, feliratkozás)
- még csak most érkeztünk el az első design fázisig, ahol már nagyjából tudjuk, hogy a lap tetejétől a lap aljáig és végig minden aloldalon mely link hova vezet majd, kizárjuk a hibalehetőségeket a navigációban, mert minden látogatónak célba kell érni, nem veszhet el az oldalon
- utolsó lépésként jön a valódi vizuális tervezés, ahol ezt a rengeteg munkaórát, amit az eddigi fázisokkal töltöttünk felöltöztetjük és vonzóvá tesszük a látogató számára a designon keresztül
Ez a folyamat absztrakt gondolatokkal, koncepciók kialakításával indul és idővel eljut a konkrét tervezésig is, ahol minden korábbi folyamat testet ölt.
Sajnos sokan ezt a fajta UX tervezést összetévesztik a vizuális esztétikummal, a stílussal és a látványvilággal, holott ez a folyamat sokkal komplexebb annál, mint szép és szemnek tetszetős dolgokat alkotni. A legjobban ezt talán Steve Jobs foglalta össze:
“Design is not just what it looks like and feels like. Design is how it works.” Vagyis a design nem csupán a kinézetről és az érzésről szól, hanem arról is, hogyan működik az adott dolog.
A UX design egy folyamat, ahol összeszeded a különböző információkat, felvázolod a lehetőségeket, kipróbálod a lehetséges megoldásokat, majd ezt leszűkíted a valóban működő és szükséges elemekre. A jó weboldal tartalmilag hasznos, sallangoktól mentes, könnyen használható és vonzó küllemű.
UX tervezés sorrend
- Először a hasznosságra kell fókuszálni UX tervezés során, vagyis a weboldal legyen kellően informatív, a szükséges adatokat tartalmazza és a kitűzött célt valósítsa meg.
- Másodjára a használhatóságra kell figyelni, vagyis az oldalnak mindenki számára (vagy specifikus oldal esetén az adott közönségre szabva) könnyen érthetőnek kell lennie, a kommunikáció nem téveszthet irányt, nem terelhetjük el a látogatót a fő célról (pl.: a vásárlásról, feliratkozásról, regisztrációról, stb.).
- Az eddigi ötleteket össze kell foglalni, ki kell gyomlálni, csak a legoptimálisabb megoldások maradhatnak
- A grafikai tervezést megelőzően utoljára át kell gondolni a rendelkezésre álló információkat, be kell szerezni a tervezéshez szükséges konkrétumokat (pl.: képek, szövegek, hatásos CT feliratok, formok struktúrája, stb.)
- Végül ezt az egészet egyszerűen széppé kell tenni úgy, hogy a fentiek közül egy szempont se sérüljön, hogy a design megtámogassa a weboldal céljait és ne öncélúan csak egy dekoráció legyen a digitális térben.
UX tervezés hibák
A honlapkészítés során ott követik el gyakran a legnagyobb hibát, hogy az előző sorrendet megfordítják és a designnak rendelik alá a funkcionalitást vagy a megrendelő a saját igényeit tartja szem előtt és azokhoz ragaszkodik, nem figyel a weboldal jövőbeni látogatójára. A weboldal kudarcra lesz ítélve, hiszen olyan lesz mint egy lyukas vödör, amely lehet hogy nagyot merít, viszont keveset fog.
A sablonos weblap készítésről pedig szót sem érdemes ejteni, az egész egy felhasználói élmény gyilkos folyamat.
-
weboldal készítés típusai
Bemutatjuk azt a néhány weboldal készítés típust, amelyből a legtöbb megkeresést kapjuk.
Elolvasom -
weboldal készítés árak
Hogyan alakulnak a weboldal készítés árak? Vegyük sorba mi befolyásolja egy honlap árát és elkészítési idejét.
Elolvasom -
Milyen modulokból épül fel egy céges weboldal?
A weboldal készítés során használt részeket moduloknak nevezzük. Most bemutatunk néhány klasszikus modult, amelyet használunk weblapkészítés során.
Elolvasom -
Legtöbbet használt menüpontok céges weboldal tervezésnél
Minden honlapkészítés előtt, a tervezési fázisban előkerül a téma, hogy milyen menüpontok kerüljenek a céges weblapra.
Elolvasom -
Egyedi webáruház készítés
Miért ajánlott egyedi webáruház készítés szolgáltatásunk?
Elolvasom -
A sablonos honlapkészítés hátrányai
Legnagyobb hiba a Sablon, vagyis template alapú weboldal készítés. Felejtsd el a nyílt forráskódú wordpress, joomla és társait is.
Elolvasom -
A felhasználói élmény tervezésének folyamata
A felhasználói élmény, angolul user experience az egyik fő mozgató rugója lett az utóbbi években a weboldalak tervezésnek.
Elolvasom -
10 ok, hogy egyedi fejlesztésű weboldalban gondolkodj
Az a vállalkozás, amely egy profi, érthető, megnyerő weboldallal rendelkezik, a legvonzóbb választás a vevőnek.
Elolvasom