Legyen rend a weboldaladon is! Te is jobban érzed magad, ha rend van körülötted? Érezted már, hogy nyomaszt a rendetlenség és a káosz az íróasztalodon? Miért lenne másképp ez, ha weboldalakról van szó?! A tartalmak rendezett és ízléses elhelyezése egy weboldal sikerének alapja. Az igazán esztétikus megjelenés kulcsa pedig, a vizuális hierarchia szabályainak betartása. Mit is jelent ez? Máris mutatom a részleteket…
Mind szeretnénk, hogy a gondosan megírt szövegeinket az elsőtől az utolsó szóig, figyelmesen végigolvassák, ez azonban az esetek többségében nem valósul meg.
A látogatók általában végigpásztázzák a weboldalt, sőt… az első néhány másodpercben döntenek arról, hogy maradnak vagy inkább tovább keresgélnek.
Épp ezért kiemelten fontos figyelnünk rá, hogy a tartalmat a lehető legvonzóbb formában jelenítsük meg, igazodva a felhasználói igényekhez. Vagyis, hogy a felhasználó azonnal értse, hogy mi a fő üzenet, melyik elemek a hangsúlyosak és hol találja az oldal fontos részeit.
Tehát a cél, hogy a tartalmakat hatékonyan rendezzük el
Úgy, hogy egyértelmű legyen az üzenetünk és az emberi szemnek kellemes, könnyen feldolgozható, logikus felépítésű legyen az oldal.
Ebben segít a vizuális hierarchia.
Mert hiába a profi fotók, a szép grafika és a jól megválasztott brand színek. Ha az elrendezésre nem figyelünk, az előbbiek pozitív hatását sem fogjuk tudni teljes egészében kihasználni.
Az emberek nem tömör adathalmazokat szeretnének befogadni, amikor egy problémára keresnek megoldást és a te oldaladra tévednek.. sokkal inkább azok az oldalak fognak hatást gyakorolni rájuk, ahol a tartalmak vizuális megjelenítése is igényes és tudatos tervezés eredménye.
Ehhez pedig a tervezőnek, a designernek előre meg kell határoznia, hogy mi legyen az, amit a látogató először észrevesz,a designnak vezetnie kell a látogatót az oldalon.
A világ legtöbb pontján balról jobbra, és fentről lefelé haladunk az olvasásban. Ez már önmagában egy biztos alapot ad a tervezéshez.
Vannak különféle mintázatok, amiket népszerű weboldalak hőtérképes mérésével állapítottak meg és számos weboldal tervezésénél segítségül szolgálnak.
Az F minta a magazin jellegű oldalakra és pl blogbejegyzések megjelenítésére is alkalmas. Ilyenkor a látogató először az oldal felső részét nézi meg balról jobbra haladva, majd kicsit lentebb görgetve ugyanezt teszi, utána pedig halad az oldal aljáig.
Ezt tudva érdemes a legfontosabb infokat balra rendezni és rövid, figyelemfelkeltő címsorokat használni.
A Z mintát általában olyan oldalaknál használják sikerrel, ahol kevesebb a szöveg és nagyobb hangsúlyt kapnak a vizuális elemek. Leginkább olyan esetekben javasolt, amikor egy hirdetésből érkezik az oldalra a látogató és az oldalnak egyértelmű célja pl. a feliratkozás vagy valaminek a letöltése. Ilyenkor a felső sor után a látogató figyelmét a bal oldali rész köti le, majd következik a jobb oldalon elhelyezett űrlap vagy vásárlás rész.
Webdesignerként feladatom a kapott tartalom ízléses formába öntése úgy, hogy az a lehető leghatékonyabb legyen és igazodjon az előzetesen meghatározott célokhoz.
Ezt úgy érem el, hogy (többek között) az alábbi eszközöket alkalmazom a különböző elemek kihangsúlyozására, egymáshoz viszonyított jelentőségük kifejezésére:
Amikor egy weboldalon betartják ezeket a szabályokat, a végeredmény egy könnyen kezelhető, letisztult és átlátható oldal lesz, amit az emberek szeretnek használni. Ennek pedig vállalkozóként azt gondolom mindannyian örülünk. 🙂
Most indulsz vagy a felsorolt szabályoknak megfelelően felújítanád a weboldalad? Keress bátran és segítek!
Információk forrása: Webshark
Webdesignerként a célom, hogy a vállalkozások egy igényes és önazonos online megjelenéssel nagyobb ismertséget szerezzenek.
Ha a műanyagmentes élet első hallásra számodra is kissé megvalósíthatatl...
Egy 2019-es adat szerint összesen közel 2 milliárd weboldal létezik a világ...
A faültetés az egyik legfontosabb és legkézzelfoghatóbb dolog, amit megtehe...