A reszponzív weboldal nem technikai elvárás, hanem üzleti döntés.
Nem az a kérdés, hogy az oldal „szétesik-e mobilon”, hanem az, hogy mobilon is ugyanúgy végigvihető-e az értékesítési folyamat.
Ebben a cikkben abból a gyakori problémából indulunk ki, hogy a forgalom jelentős része mobilról érkezik, mégis ott a legalacsonyabb a konverzió és megmutatjuk, hogyan kell a reszponzív tervezést üzleti logika mentén kezelni.
Tipikus helyzet
- Mobilon sok a látogató, kevés az ajánlatkérés.
- Az oldal „reszponzív”, mégsem használható.
- Asztalon működik a logika, mobilon nem.
- A döntési pontok eltűnnek vagy túl későn jelennek meg.
Ez nem layout-hiba. Ez üzleti fókusz hiba.
Alapelv: reszponzív ≠ kisebb verzió
Az egyik legnagyobb tévedés, hogy a reszponzív weboldal ugyanaz, csak kisebb képernyőn. Valójában a kérdés ez: Ugyanazt a döntést kell meghoznia a látogatónak mobilon, de teljesen más környezetben és figyelmi állapotban.
Eszköz ≠ szándék, de más a kontextus.
Mobilon a látogató jellemzően, kevesebb idővel rendelkezik, megszakításokkal böngészik és nagyon gyors megerősítést keres.
Ezért a reszponzív tervezés első kérdése nem technikai, hanem üzleti: Mit kell a látogatónak leggyorsabban meg értenie ahhoz, hogy továbblépjen?
Mobil-first döntési logika.
A mobil-first nem azt jelenti, hogy először mobilra rajzolunk. Először a legfontosabb üzleti üzenetet kényszerítjük ki.
Hiszen mobilon a kezdőképernyőn azonnal látszik kinek szól és mit old meg az adott oldal.
Ha mobilon az első képernyő nem elég egyértelmű, a látogató nem görget.
Tartalmi hierarchia újragondolása eszközönként.
A reszponzív weboldal nem csak tördel, hanem priorizál.
Sokan elkövetik ezt a 3 hibát:
- Asztali sorrend automatikus átvétele mobilra.
- Fontos elemek túlságosan mélyre kerülnek.
- CTA csak az oldal alján jelenik meg..
A bizonytalanságot csökkenti, ha időben jelennek meg az elemek.
Navigáció mint üzleti eszköz.
Mobilon a navigáció nem menü, hanem irányító eszköz.
Kevesebb menüpont, hiszen a kevesebb néha több…hiszen informálnia kell, vezetnie kell de, ahhoz nem kell 100 db menüpont.
A CTA a navigációban, nem szabad hogy mindig ugyanarra a célra mutasson és nyugodtan tűnjön el görgetéskor, mert szeretne elmélyedni egy kicsit a látogató.
Űrlapok és konverzió mobilon.
A mobilos konverziók leggyengébb pontja az űrlap.
Mobil űrlap megfelelő kinézete üzleti szemmel:
- Mezők száma minimalizált. (az idő!)
- Billentyűzet típus illeszkedik a mezőhöz.
- Egyértelmű visszajelzés beküldés után.
- Nincs felesleges adatbekérés.
Mobilon minden extra mező üzleti veszteség.
Reszponzív teljesítmény = üzleti teljesítmény.
A reszponzív weboldal sebessége nem technikai mutató, hanem bevételi tényező.
A teljesítményt nagyban befolyásolja a mobil betöltési idő, az interakció előtti várakozás és a késleltetett elemek (képek, scriptek) is.
Ha a látogató vár, nem gondolkodik tovább.
Mit érdemes átnézni elsőként?
- Mobilon mi az első döntési pont?
- Látszik-e a CTA az első képernyőn?
- Ugyanazt az üzleti célt szolgálja-e a mobil struktúra?
- Az űrlap mobilra optimalizált-e?
- Mérjük-e külön a mobil viselkedést?