Vissza a Blogba
Egy vállalkozás weboldalával ma könnyen lehet, hogy valaki először nem laptopon, hanem telefonon találkozik. Rákattint egy Google-találatra, megnyit egy social media hirdetést vagy egy Instagram-profilból érkezik az oldalra. Ha ekkor apró szövegek, nehezen használható menü vagy lassú betöltés fogadja, néhány másodperc alatt elveszíthetjük az érdeklődését. A mobiloptimalizálás ezért nem pusztán technikai részlet, hanem a weboldal teljes felhasználói élményének és ügyfélszerző képességének fontos része.
A mobiloptimalizálás ma már a weboldalkészítés alapvető része, nem opcionális kiegészítés. Egy mobilon lassú, nehezen olvasható vagy körülményesen használható oldal könnyen elveszítheti az érdeklődőket, még akkor is, ha asztali gépen jól működik. A jó mobilos élmény gyors, átlátható és egyszerűen elvezeti a látogatót a következő lépéshez.
A mobiloptimalizálás olyan webdesign- és fejlesztési folyamat, amelynek célja, hogy a weboldal kisebb kijelzőkön is gyorsan, átláthatóan és könnyen használhatóan működjön.
Gondolj bele egy egyszerű helyzetbe.
Valaki Instagramon meglátja a vállalkozásod egyik hirdetését.
Érdekli az ajánlat.
Rákattint.
A weboldalon viszont:
Hiába volt jó a hirdetés.
Hiába érdekelte a szolgáltatás.
A rossz mobilos élmény könnyen megszakítja a folyamatot.
A reszponzív design azt jelenti, hogy a weboldal alkalmazkodik a különböző kijelzőméretekhez.
Ez alapvető.
De önmagában attól még nem lesz tökéletes a mobilos élmény, hogy az oldal „elfér” a telefon kijelzőjén.
Mobilon másképp használjuk a webet.
Az egér helyett ujjal navigálunk.
Kevesebb helyünk van.
Gyakran útközben vagy gyorsan keresünk információt.
Ezért a mobilos verziónak különösen egyszerűnek és egyértelműnek kell lennie.
Telefonon kevés hely látható egyszerre.
Ezért még fontosabb a megfelelő információs hierarchia.
Az első képernyőn lehetőleg gyorsan derüljön ki:
Ha ehhez öt hosszú szekción keresztül kell görgetni, könnyen elveszíthetjük a felhasználót.
Asztali gépen egy egérkurzorral nagyon pontosan lehet kattintani.
Telefonon viszont ujjal használjuk az oldalt.
Ha:
az gyorsan frusztrálóvá válhat.
A CTA-knál ez különösen fontos.
Ha a látogató már eljutott oda, hogy:
„Kérek ajánlatot”
vagy
„Kapcsolatfelvétel”
gombra kattintana, nem szabad technikai akadályt tenni elé.
Egy bonyolult desktop navigáció mobilon ritkán működik ugyanúgy jól.
Ha tíz főmenüpont, több almenü és rengeteg választási lehetőség jelenik meg egy kis kijelzőn, könnyű elveszni.
A mobilos navigációnál érdemes a legfontosabb útvonalakra koncentrálni.
Például:
A cél az, hogy a látogató néhány mozdulattal eljusson oda, amit keres.
Egy nagy monitoron egy hosszabb bekezdés még könnyen áttekinthető lehet.
Telefonon ugyanaz a szöveg sokkal nagyobb blokkot alkot.
Ezért érdemes használni:
Nem feltétlenül kell kevesebbet mondani.
Sokkal inkább könnyebben fogyaszthatóvá kell tenni a tartalmat.
Egy látványos weboldalra könnyű rengeteg nagy felbontású képet, animációt és videót tenni.
Ezek azonban lassíthatják az oldalt.
Ez mobilkapcsolaton még problémásabb lehet.
Érdemes figyelni például:
A gyorsaság nem csak technikai mutató.
A felhasználó számára azt jelenti, hogy nem kell várnia.
Egy ajánlatkérő űrlap asztali gépen még könnyen kitölthető lehet.
Telefonon azonban minden extra mező több munka.
Ha rögtön elkérjük:
az már komoly akadály lehet.
Érdemes végiggondolni:
mire van valóban szükség az első kapcsolatfelvételhez?
A további adatokat később is meg lehet kérdezni.
Egyes szolgáltatásoknál a felhasználó nem szeretne hosszú űrlapot kitölteni.
Egyszerűen telefonálni akar.
Ilyenkor mobilon különösen hasznos lehet egy könnyen elérhető:
„Hívás”
gomb.
Ugyanez igaz:
A mobilos oldal előnye éppen az, hogy a felhasználó kezében már ott van az az eszköz, amellyel kapcsolatba tud lépni.
Meta Ads kampányokból rengeteg felhasználó telefonról érkezik.
Ha a hirdetés jól teljesít, de a weboldal mobilon rossz, könnyen előállhat egy furcsa helyzet:
jó a kreatív,
érkeznek kattintások,
fogy a hirdetési keret,
de kevés az ajánlatkérés.
Ilyenkor nem feltétlenül maga a hirdetés a probléma.
A kampány után következő élményt is meg kell vizsgálni.
Ezért a hirdetés, landing page és mobilos UX nem kezelhető teljesen külön.
A mobilos használhatóság nem csak az érdeklődők miatt fontos.
A keresők is nagy hangsúlyt helyeznek arra, hogyan működik egy oldal mobilos környezetben.
Egy technikailag és tartalmilag jól felépített mobilos oldal ezért a teljes keresőoptimalizálási rendszer egyik alapja lehet.
Ez azonban nem jelenti azt, hogy elég pusztán „SEO miatt” mobilbarát oldalt készíteni.
Elsődlegesen a felhasználónak kell jól működnie.
Meglepően egyszerű lépés, mégis sokszor kimarad.
Ne csak a webfejlesztő vagy a designer nézetében ellenőrizd.
Fogd a telefonodat, és próbáld ki úgy, mintha először járnál az oldalon.
Tedd fel magadnak ezeket a kérdéseket:
Még jobb, ha másokkal is kipróbáltatod.
Ami számodra teljesen egyértelmű, egy új látogatónak nem feltétlenül az.
A mobilra optimalizált weboldal ma már nem extra funkció.
A felhasználói élmény alapvető része.
Egy jó mobilos oldal:
Nem elég tehát, hogy a desktop weboldal „valahogy” megjelenjen telefonon.
A mobilos felhasználói utat ugyanúgy tudatosan kell megtervezni.
A Createx weboldalkészítés során ezért a mobilos megjelenést nem utólagos módosításként kezeli, hanem a teljes UX/UI és ügyfélszerzési folyamat részeként tervezi meg.
Azért, mert a látogatók jelentős része okostelefonról találkozhat először a vállalkozással. Ha mobilon nehéz navigálni, olvasni vagy kapcsolatba lépni, az érdeklődő könnyen elhagyhatja az oldalt.
