Az első képernyő: pár pillanat alatt dől el

Amikor valaki megnyitja a weboldalát, még görgetés előtt kialakul benne egy kép: ez nekem szól, vagy nem? Ezt a döntést az a néhány elem hozza meg, amely az első képernyőn látszik. A nyitókép ezért az oldal legfontosabb és legnehezebb része.

Három kérdés, amelyre felelnie kell

1. Hol vagyok? Milyen cég ez, mivel foglalkozik?
2. Mit kapok itt? Miért érdemes maradnom?
3. Mit tegyek most? Mi a következő lépés?

Ha a látogató ezekre nem kap választ néhány pillanat alatt, nem fog tovább keresgélni – visszalép a találati listára.

A fő üzenet

A nyitókép címe a legfontosabb mondat az oldalon. Néhány szempont:

• Az ő nyelvén szóljon. Ne azt írja le, mit csinál a cég, hanem azt, mit kap a látogató.
• Legyen rövid. Egy mondat, nagy betűvel. A magyarázat mehet alá, kisebben.
• Legyen konkrét. A „minőségi megoldások” semmit nem mond. Az, hogy kinek és miben segít, sokat.

Egy fő gomb

Ha a nyitóképen öt gomb van, egyik sem fő gomb. Egy kiemelt felhívás („Ajánlatot kérek”) és legfeljebb egy halkabb, másodlagos lehetőség („Szolgáltatásaink”) bőven elég. A gomb szövege mondja meg, mi történik, ha rákattintanak.

A látvány szerepe

A nyitóképen a látvány nem díszlet, hanem hangulat és hitelesség. Egy jól megválasztott grafika vagy mozgó elem egy pillanat alatt elmondja, milyen minőséget várhat a látogató – gyorsabban, mint bármilyen szöveg.

Két csapda:

• A látvány takarja az üzenetet. Ha a cím egy mozgó háttér előtt nehezen olvasható, a látvány ellenünk dolgozik.
• A látvány késlelteti az üzenetet. Ha előbb egy animációnak kell lefutnia, a látogató vár. A szöveg azonnal látsszon, a mozgás kísérje.

Arról, hogyan lehet ezt könnyű eszközökkel megoldani, a látványos és gyors weboldalról szóló cikkünkben írtunk.

Mi maradjon le?

• Az automatikusan váltakozó képsor (slider). A második és harmadik képet szinte senki nem látja, a mozgás pedig elvonja a figyelmet.
• A „Üdvözöljük weboldalunkon!” – helyet foglal, és nem mond semmit.
• A felugró ablak az első másodpercben. Mielőtt a látogató egyáltalán megnézte volna az oldalt.

Mobilon másképp

Telefonon az első képernyő kisebb, és más a sorrend. Gyakran a cím és a gomb kerül előre, a grafika pedig kisebb méretben fölé vagy alá. Érdemes a nyitóképet eleve mobilra is megtervezni, nem utólag összenyomni.

Egy gyors próba

Mutassa meg a nyitóképét valakinek öt másodpercre, majd kérdezze meg: mit csinál ez a cég, és mit kellene itt tennie? Ha a válasz egyértelmű, jó úton jár.

A nyitókép tervezése minden bemutatkozó oldal és landing oldal munkánk első lépése. Ha a sajátját szeretné frissíteni, nézze meg, hogyan zajlik egy weboldal megújítása.