Webergonómia — miért nem konvertál a weboldalad?

A webergonómia azt vizsgálja, milyen könnyen tudja a látogató megtenni azt, amiért az oldalra jött. Nem a látvány kérdése és nem is a konverziós számok kérdése: a kettő között áll. Ez a legkevésbé vizsgált terület a három közül — és a legdrágább, ha rossz, mert a látogató szótlanul megy el.

Mi a webergonómia — és mi nem?

Három dolgot szoktak összekeverni, pedig más a kérdésük:

A középső sor a legkevésbé vizsgált, és a legdrágább, ha rossz. A design hibáját szóvá teszik, a konverzió hibáját mutatja a mérés — a használhatóság hibáját viszont a látogató szótlanul viseli: kilép, és soha nem mondja el, miért.

Miért nem oldja meg egy újratervezés?

A leggyakoribb reakció a rossz számokra: „csináljunk egy szebb oldalt”. Ez azért félrevezető, mert a használhatósági hibák többsége nem a látványból jön, hanem a szerkezetből és a szövegből. Egy újratervezés a régi szerkezetet gyakran átviszi az új designba — ilyenkor szebb lesz, és ugyanannyit hoz.

Van ennél kellemetlenebb eset is: az újratervezés ront. Kikerül a menüből egy tétel, ami eddig a legtöbb kattintást kapta; a telefonszám ikonná válik; a korábban jól működő űrlap bekerül egy felugró ablakba. Mindhárom „szebb”, és mindhárom kevesebbet termel.

Hat hiba, ami a magyar kkv-oldalak többségén ott van

A harmadik sor a leggyakoribb üzleti önsérülés. Nem kell fix árat kiírni: egy sáv vagy egy „…-tól” már megszűri az érdeklődőket, és épp azokat engedi tovább, akikkel érdemes beszélni.

Mobilon más szabályok érvényesek

A legtöbb oldalt asztali gépen tervezik és asztali gépen ellenőrzik, miközben a forgalom nagyobb része telefonról jön. Amire mobilon külön figyelni kell:

• Hüvelykujj-zóna. A képernyő felső sarkába tett fontos gomb kényelmetlenül elérhető — a fő cselekvés legyen elérhető ott, ahol a hüvelykujj pihen.
• Kattintható elemek mérete és távolsága. Az egymáshoz túl közeli linkek mellékattintást okoznak, ami frusztrációként raktározódik el, nem hibaként.
• Ne ugráljon a tartalom betöltés közben. A későn megjelenő kép lelöki a szöveget, és a látogató épp a gombra kattintás pillanatában téveszt.
• Rögzített sávok. Egy felső menü plusz egy alsó sáv plusz a sütikérés együtt elviheti a képernyő felét.

A hajtás feletti sáv szerepéről külön írtunk az above the fold fogalomnál.

Hogyan teszteld — pénz nélkül

Nem kell hőtérkép-szoftver ahhoz, hogy a fő hibákat megtaláld. Három módszer, amit ma is elvégezhetsz:

A második a legfájóbb és a leghasznosabb. Aki egyszer végignézte, ahogy egy ismerőse nem találja az ajánlatkérőt, az utána már nem a design színeiről beszél.

Öt ember bőven elég: a súlyos használhatósági hibák annyira gyakoriak, hogy az első néhány próbálkozónál már előjönnek — nem statisztikát gyűjtesz, hanem hibát keresel.

A használhatóság és a keresés kapcsolata

A használhatóság nem közvetlen rangsorolási tényező, de a következményei mérhető jelek. Aki nem találja, amit keres, visszalép a találati listára és másik eredményt választ — ezt a mintázatot a pogo-sticking és a dwell time fogalomnál részletezzük.

A másik kapocs technikai: a betöltési stabilitás és sebesség egyszerre használhatósági és mérési kérdés — erről az oldalsebesség-cikkben írtunk. Ha pedig új oldalt építesz, a szerkezeti döntéseket érdemes már az elején jól meghozni: weboldal-készítés és SEO együtt.

Milyen sorrendben javíts?

A használhatósági hibák nem egyenrangúak. A sorrend, ami a legtöbbet hozza:

• 1. Ami megakadályozza a kapcsolatfelvételt. Nem működő űrlap, nem kattintható telefonszám, hibás e-mail-cím. Ez azonnali bevételkiesés.
• 2. Ami elrejti az ajánlatot. Nem derül ki, mit adsz, kinek és körülbelül mennyiért.
• 3. Ami lassítja a döntést. Túl sok választás, hiányzó bizalmi jel, kérdés nélkül hagyott kifogás.
• 4. Ami zavaró, de nem blokkol. Elavult design, rossz betűméret, régi fotók.

A legtöbb oldal a 4. ponttal kezd, mert az látszik a legjobban. Az első három viszont az, ami pénzt hoz — és általában néhány óra munka, nem újratervezés.

Mikor indokolt mégis az újratervezés?

Három esetben — és ezek egyike sem az, hogy „megszoktuk és megcsúnyult”:

• Ha az üzlet megváltozott. Más a szolgáltatás, más a célközönség, más az ár — ilyenkor a szerkezet is más kell.
• Ha a szerkezet maga a hiba. Ha az URL-ek, a hierarchia vagy a sablontípusok nem javíthatók külön-külön.
• Ha a technikai alap nem tartható. Elavult, nem frissíthető rendszer, ahol minden javítás kockázat.

Ha viszont a fenti hat hibából négy igaz, előbb azokat javítsd. Sokszor kiderül, hogy a „rossz oldal” valójában egy jó oldal volt, amin a látogató nem találta a gombot.

Az űrlap, ahol a legtöbb érdeklődő elveszik

Az ajánlatkérő űrlap a legdrágább hely az oldalon: aki idáig eljutott, már majdnem ügyfél. Mégis itt a legnagyobb a veszteség, és szinte mindig ugyanabból az okból — többet kérdezünk, mint amennyi a válaszhoz kell.

A gyakorlati mérce egyszerű: minden mezőnél kérdezd meg, hogy e nélkül fel tudnád-e venni a kapcsolatot. Ha igen, a mező nem kötelező — vagy nem is kell. Egy név, egy elérhetőség és egy szabad szöveges mező a legtöbb szolgáltatásnál elég ahhoz, hogy elinduljon a beszélgetés.

És egy technikai apróság, ami többet visz, mint bármelyik fenti: ellenőrizd, hogy az űrlap valóban megérkezik. A néma hibák a legrosszabbak — a látogató elküldi, lát egy köszönő-üzenetet, te viszont soha nem kapod meg. Küldj magadnak próbaüzenetet minden olyan változás után, ami az oldalt érinti.

A bizalmi jelek helye

A használhatóság nem csak arról szól, hogy meg tudja-e tenni — hanem hogy meri-e. A magyar kkv-oldalakon a leggyakrabban hiányzó elem nem a design, hanem az, hogy ki van a cég mögött.

• Arc és név. Egy valódi fotó és egy megnevezett felelős többet ér tíz stockfotónál.
• Elérhetőség, ami látszik. Ha a telefonszámot keresni kell, az bizalmi jel — negatív.
• Valódi referencia, valódi névvel. A „több éves tapasztalat” senkit nem nyugtat meg; egy megnevezett munka igen.
• A kifogás megválaszolása ott, ahol felmerül. Nem a GYIK aljában, hanem a döntés pillanatában.

Ezek nem esztétikai kérdések, hanem használhatósági: a bizonytalanság ugyanúgy megállítja a látogatót, mint egy nem működő gomb.

Kapcsolódó: Céloldal-optimalizálás AI-valAbove the foldPogo-stickingWeboldal-készítés és SEO együtt