Ismerős a helyzet? Leülsz a webfejlesztőddel (vagy megnyitod a szerkesztőt), és elkezded tervezni az oldaladat. Jön a logó, a menü, a főcím, egy kép rólad, három garancia ikon, egy videó, és persze egy hatalmas piros gomb… és mindezt görcsösen bele akarod zsúfolni a legfelső részbe, a nyitóképernyőre, anélkül, hogy a látogatónak görgetnie kellene.
Amikor valaki szól, hogy ez így túlzsúfolt, rávágod: „De hát az emberek lusták, sosem görgetnek lefelé!”
Ez a hiedelem az úgynevezett „Hajtás feletti” (Above the Fold) mítosz. És bár a 90-es években talán még igaz volt, ma már konkrétan a konverziód (a bevételed) egyik legnagyobb ellensége. Nézzük meg, miért!
🗞️ Honnan ered a „Hajtás” fogalma?
A kifejezés a nyomtatott újságírásból, konkrétan az utcai újságosstandok korából származik. A napilapokat (mint a The New York Times) félbehajtva tették ki a pultra. A járókelők csak a lap felső felét – a hajtás feletti részt – látták. Ha a főcím vagy a fotó nem volt elég ütős ott fenn, senki sem vette meg az újságot.
Amikor a 90-es években megjelentek az első weboldalak, a dizájnerek egy az egyben átemelték ezt a logikát. Azt hitték, ami a görgetés sávja alá esik, az láthatatlan marad a látogatók számára.
Sokan azt hiszik, ide már senki sem néz be…
📱 Miért bukott meg ez a szabály a 21. században?
A válasz ott van a zsebedben: az okostelefon. Ahogy azt a mobil UX-ről és a hüvelykujj-zónáról szóló cikkünkben már kiveséztük, az emberek az érintőképernyők elterjedésével megtanultak egy új reflexet. A görgetés ma már ugyanolyan ösztönös mozdulat, mint a pislogás.
A Clicktale és a Chartbeat (a világ legnagyobb webelemző cégei) több millió munkamenetet elemeztek szemkövetéses hőtérképekkel. A kutatásuk eredménye végleg lerombolta a régi mítoszt:
⚠️ A „Látszólagos oldalvég” (False Bottom) csapdája
Ha görcsösen mindent a tetejére zsúfolsz, feláldozod a negatív teret (a lélegző white space-t). Az eredmény egy fullasztó, átláthatatlan káosz lesz, ami a bőség zavarát okozza, és azonnal elriasztja a vevőt.
A legnagyobb tervezési hiba, amit elkövethetsz, az úgynevezett Látszólagos oldalvég (False Bottom) kialakítása. Ez akkor történik, amikor a hajtás feletti, legfelső rész olyan tökéletesen van lezárva egy vízszintes vonallal (például egy sötét színű blokk merev végével), hogy a látogató azt hiszi: itt a weboldal vége, nincs tovább. Ekkor valóban megállítja a görgetést, és kilép.
✅ Így vedd rá őket a görgetésre!
❌ Ne zsúfolj!
Soha ne rakd a rólunk sztorit, az árakat, 5 képet és egy videót a legelső képernyőre. Hagyd, hogy a dizájn lélegezzen! A hajtás feletti résznek egyetlen feladata van: meggyőzni a látogatót arról, hogy jó helyen jár, és érdemes lejjebb görgetnie.
✅ Vizuális utalások
A dizájnodnak utalnia kell arra, hogy van még ott lent valami. Egy félig levágott kép a képernyő alján, egy lefelé mutató diszkrét nyíl, vagy egy grafikai elem, ami átnyúlik a „hajtáson”, szinte kényszeríti az agyat, hogy legörgessen a folytatásért.
Ne pazarold el a figyelmet!
A WebMetánál úgy tervezzük a weboldalakat, hogy azok szinte „olvastassák” magukat. Vizuális kapaszkodókkal, tökéletes sorközökkel és konverziófókuszált elrendezéssel vezetjük végig a látogatóidat a legfelső pixeltől egészen a vásárlás gombig. Dolgozzunk együtt egy profi oldalon!
