A digitalizáció folyamatos térhódítása és a legújabb technológiák megjelenése mellett ma már elengedhetetlen a felhasználói élmény (azaz user experience) és a felhasználói felület (user interface) minőségének figyelembevétele is. Még ma is sokan gondolják, hogy a weboldalak esetében a legfontosabb a funkcionalitás, ám tévednek. A dizájn is éppolyan hangsúlyos eleme a honlapok felépítésének. A jól megtervezett és megfelelően kialakított honlapok több látogatót, vásárlót vonzanak. Persze fontos a mérték! Valljuk be őszintén, mi is szívesebben böngészünk jól átlátható, könnyen kezelhető honlapokon, mint a “túldizájnolt”, csilli-villi website-okon. Ráadásul jó, ha szakemberre bízzuk a design kérdését, mert rengeteg buktatótól kímélhetjük meg magunkat! Ugyanis annyi mindenre kell figyelni egy honlap tervezésekor, hogy nem árt, ha tapasztalt webdizájner veszi kézbe a projektet. Lássuk most éppen ezért, hogy melyek a tökéletes webdizájn készítésének szempontjai!

UX/UI, avagy webdizájn kritériumok nagyvonalakban

Ne írjuk felül a már megszokott dolgokat, avagy a kevesebb néha több. A jó webdizájn egyedi, ugyanakkor követi a honlapkészítés során már korábban lefektetett legfontosabb szabályokat, tapasztalati tényezőket. A felhasználók hozzászoktak az olyan felületekhez, amelyeket a weboldalak túlnyomó többsége is használ. Ilyen lehet például, hogy a logó a bal felső sarokban vagy felül középen található, rákattintva a főoldalra jutunk vissza. A honlap alján szokták elhelyezni az elérhetőségeket. A menü felül vagy bal oldalon található, ha pedig van kereső funkció, az a honlap jobb felső sarkában érhető el.

A dizájn szempontjából nem csak maga a külcsín fontos, hanem az is, hogy olyan designt készítsünk, amely nem lassítja honlapunkat. Kellenek a jó minőségű képek, de azokat mindenképpen optimalizálni kell, nincs szükség felesleges dizájn elemekre, amelyek csökkentik az oldal betöltési sebességét. Hiába néz ki jól egy oldal, ha közben a felhasználó szenved a betöltéssel és sokat kell várnia.

A UX/UI webdizájn ördöge is a részletekben rejlik

Nézzünk néhány részletet, amelyek fontosak lehetnek egy weboldal kialakításakor! Ezek persze mind-mind apró részletnek tűnhetnek, de borzasztóan lényegesek, ha felhasználói élményről van szó. Természetesen azt se felejtsük el, hogy ezek az aprónak tűnő részletek fogják kiadni az egészet, tehát fontos, hogy összhangban legyenek ahhoz, hogy honlapunk jól teljesítsen. 

Vegyük például a logót, amely meghatározó lehet az általános marketingben is, a honlapon történő megjelenése sem mindegy. Mérete és elhelyezése is fontos, a felmérések pedig azt mutatják, hogy a bal felső sarokban érdemes elhelyezni. Nem árt, ha a logó után szerepel egy jó kép, ami megadja az oldal kellő hangulatát, ami után jöhet a főszöveg és a navigációs rész.

Íme néhány tipp a figyelem felkeltéséhez

•         Nagyon nem mindegy, hogy mit, hova helyezünk el! Egyértelmű, hogy a jó elhelyezés fontos, hiszen így tudjuk meghatározni, hogy mi kerüljön a látogató elé.
•         A színek és a színek összhangja szintén befolyásolja látogatónk figyelmét, miközben a honlapunkat böngészi. A merész és finom színek együttes használata óvatosan befolyásolja a felhasználónkat, hogy merre is terelődjön a figyelme.
•         Az egymástól elkülönülő képek, szövegek nem csak tartalmukban, méretükben is változhatnak. A különbség figyelmet követel, aminek köszönhetően nem haladunk el egy-egy részlet felett. A különféle dizájn elemek (például egy nagy nyíl, vagy kiemelések) használata szintén meghatározó lehet a figyelem szempontjából.

Helykihasználás, összhatás, esztétikum

Sorköz

Hacsak egy hagyományos word dokumentumot veszünk, ott is lényeges a szöveg elrendezése, az olvashatóság. Ne legyen a szövegünk túlzsúfolt, de túlságosan hézagos elrendezésű sem. A túlzsúfoltság kaotikus, átláthatatlan, a túl laza kialakítás miatt pedig látogatónk elvesztheti a fonalat, vagyis az érdeklődését. Itt is cél az arany középút!

Helykitöltés, üres tér, fehér tér

A helykitöltés az oldal elemei és szövegei között található üres tér, ami elkülöníti az oldal tartalmait. Általános szabály, hogy az oldal különféle tartalmai ne keresztezzék egymást, egyértelműen különüljenek el. A fehér tér nem minden esetben fehér, egyszerűen csak az üres térre utal, segítségével ugyanis kiegyensúlyozhatóak az oldal tartalmai. A fehér tér használata manapság trendi és elegánsnak mondható, általában építész irodák letisztult, elegáns oldalain találkozhatunk vele.

Mi a helyzet a navigációval?

Biztosan van olyan, aki már tévedt el egy weboldalon. Bár ez viccesen hangzik, de nem igazán beszélhetünk felhasználóbarát weboldalról, ha a navigáció nincs rendben. Nem árt, ha a megfelelő gombokat és a menüpontokat jól helyezzük el. A gombok segítségével keringhetünk az oldalon, amelyeket érdemes úgy elhelyezni, hogy szinte mindig könnyen megtalálhatók és felismerhetők legyenek.

Ugye, hogy nem is olyan egyszerű? Ha érdekel a webdizájn és szívesen elmerülnél a részletekben, akkor gyere hozzánk tanulni!