Az ebben a cikkben található webdesign tippek segíteni fognak, hogy minden látogatásból kihozhasd a maximumot.

A weboldal strukturális elrendezése

A weboldalak két dologból állnak: tárolókból és tartalomból. A tárolók pedig két dologból állnak: szerkezet és stílus.

Kezdjük az elsővel. Ezek a tippek az oldalak felépítéséről és elrendezéséről szólnak.

1. Használd ki a vizuális hierarchiát (a webdesign tippek egyik legfontosabb eleme)

Minden weboldal rendelkezik vizuális hierarchiával. Ha még nem ismered ezt a fogalmat, íme a definíciónk:

A vizuális hierarchia a vizuális elemek elrendezésére, méretére, színére és kontrasztjára utal. Meghatározza azok relatív fontosságát és sorrendjét, amelyben látjuk őket.

A webtervezők a vizuális hierarchiát alkalmazzák, hogy a fontos elemekre irányítsák a látogatókat.

A vizuális hierarchia miatt a szemed egy bizonyos utat követ minden, az interneten meglátogatott oldalon.

Ezt tudatosan kihasználva irányíthatjuk a látogató figyelmét a cselekvésre ösztönzés felé.

Ez fontos szerepet játszik a webdesign tippek között.

2. Használj leíró, kulcsszóra fókuszáló címsort a kezdőlapon

Két fajta címsor létezik. Leíró és nem leíró.

Ha nem leíró, akkor a látogató nem tudja megválaszolni az első kérdését: „Jó helyen vagyok?”

Ez egyben lehetőség egy célkulcsszó használatára és a relevancia jelzésére.

Inkább „okosan” írjunk, mint „frappánsan”.

Ahelyett, hogy divatos, de homályos címsort írnál, írj valami leírót. Győződj meg arról, hogy a cím elmagyarázza, miről szól az adott weblap.

Forrás: SendBlaster

Fontos, hogy a címsor a hajtás fölött legyen?

A Nielsen Norman Group UX kutatócsoport tanulmánya szerint a látogatók az idejük 80%-át a hajtás felett töltik. ¹

Nézd meg szótárunkban, hogy mit jelent az ATF (Abovethe Fold) kifejezés.

3. Ne legyen az összes cselekvésre ösztönzés (CTA) az oldal tetején

Lehet, hogy a látogatók több időt töltenek ott, de ez nem jelenti azt, hogy készen állnak a cselekvésre. Az oldal mélyén sok meggyőzés történik.

Amikor a Chartbeat digitális elemzőcég 25 millió látogatást elemzett, és azt találták, hogy a legtöbb elkötelezettség a hajtás alatt történik.²

Ügyelj arra, hogy a cselekvésre ösztönzéseket (call to action vagy CTA) az oldal mélyén helyezd el, bárhol, ahol nagy az érdeklődés.

4. Tartsd be a szokásos elrendezéseket

Jó megkülönböztetni a márkádat, de a weboldalad elrendezése nem az a hely ahol érdemes valami teljesen egyedit alkotni. Legyen más abban, amit mondasz.

A weboldalad kövesse a trendeket.

Néhány autó csodálatosan néz ki. Különbözőek. Gyönyörűek. De az oldalukon még mindig vannak ajtók, az alsó részükön kerekek, és elöl a fényszórók.

Az Orbit Média kutatásai alapján a legszebbnek és leghasználhatóbbnak tartott weboldalak a következőket tartalmazzák:³

• Logó a bal felső sarokban.
• Vízszintes navigáció a fejlécben.
• Keresősáv az oldal tetején.
• Közösségimédia-megosztó gombok az oldal alján.
• Mobilreszponzív oldalak.

5. Kerüld a carousel galériákat és a rotating slidereket

Évek óta népszerűek, és az ügyfelek szeretik őket. De van egy probléma a kezdőlap diavetítésével: a látogatók általában csak az első diát nézik meg.

Tehát mit tegyél helyette?

• Rakd össze a diákat, hogy a látogatók az oldal lefelé görgetésével láthassák mindegyiket. Így hirtelen sokkal láthatóbbá válnak.
• Használj kiemelt képet, az egyik leghatásosabb diát használva Hero képnek, és adj hozzá egy jó CTA.

Amennyiben szükséged van több infóra webdesign témában vagy segítségre, keress minket bizalommal, vagy látogasd meg webdesign–szolgáltatás weblapunkat itt.

¹ Nielsen Norman Group – UX Research CheatSheet – https://www.nngroup.com/articles/ux-research-cheat-sheet

² Chartbeat – ChartbeatUsageStatistics – https://blog.chartbeat.com/2013/08/12/scroll-behavior-across-the-web

³ Orbit Media – Web Design Standards: 10 Best Practicesonthe Top 50 Websites –  https://www.orbitmedia.com/blog/web-design-standards