Nem elég, ha a honlap megjelenik telefonon
Sok honlaptulajdonos megnyugszik attól, hogy a weboldal mobilon is megnyílik. Csakhogy a mobilos használhatóság nem itt kezdődik, hanem ott, hogy mennyire könnyű rajta eligazodni, olvasni, kattintani és kapcsolatba lépni.
A Google a mobilos változatot használja indexeléshez és rangsoroláshoz, ezért nem mellékes, mit tapasztal a telefonos látogató. A Google külön felhívja a figyelmet arra is, hogy a mobilos verzión ugyanaz a lényegi tartalom legyen elérhető, mint asztali nézetben.
1. Túl kicsi a szöveg
Ez az egyik leggyakoribb hiba. Asztali gépen még elmegy, telefonon viszont már nagyítani kell hozzá. Ha a látogatónak erőlködnie kell az olvasással, gyorsan elveszíti a türelmét.
A jó mobilos szöveg nem apró, nem tömör, és nem fullad bele hosszú, levegőtlen bekezdésekbe.
2. Túl közel vannak egymáshoz a gombok és linkek
Ha egy gombot úgy lehet csak megnyomni, hogy közben a mellette lévőre is könnyű félrekattintani, az nagyon rossz élményt ad. A web.dev ajánlása szerint a kényelmes érintési célfelület körülbelül 48×48 képpont legyen. Ez azért fontos, mert az ujj nem egérmutató.
3. A menü nehezen kezelhető
Mobilon a menünek egyszerűnek, rövidnek és átláthatónak kell lennie. A túl sok almenü, a hosszú címkék vagy a rosszul működő hamburger menü gyorsan elriaszthatja a látogatót.
Itt nem az a cél, hogy minden egy helyen legyen, hanem az, hogy gyorsan meg lehessen találni a fontos dolgokat.
4. Szétesik az elrendezés
Félrecsúszó dobozok, kilógó képek, rossz sortörések, túl széles táblázatok: ezek mind tipikus mobilos hibák. A reszponzív tervezés pont azt jelenti, hogy az oldal alkalmazkodik a különböző képernyőméretekhez és eszközökhöz. Ha ez nem történik meg, a mobilos nézet csak látszólag működik.
5. Túl nagyok a képek, ezért lassú az oldal
Mobilon különösen fontos a sebesség. Ha a képek túl nagyok, vagy a honlap feleslegesen sok erőforrást tölt be, a látogató csak azt érzi, hogy minden lassú. Ez nemcsak kényelmetlen, hanem bizalomromboló is.
6. A mobilos verzióból hiányzik fontos tartalom
Van olyan honlap, ahol a mobilos nézetből egyszerűen „levágnak” részeket, hogy rövidebbnek tűnjön az oldal. Ez veszélyes megoldás. A Google dokumentációja szerint a mobilos verzió tartalma számít indexelésnél, ezért a lényegi információknak ott is elérhetőnek kell lenniük.
7. Rossz a kontraszt és nehéz olvasni az oldalt
Világosszürke szöveg fehér háttéren, vékony betű, gyenge kiemelések: ezek mind olvashatósági problémák. A WCAG 2.2 szerint a jobb hozzáférhetőség nemcsak a fogyatékossággal élőknek segít, hanem általánosságban is használhatóbbá teszi a webet. A kontraszt szerepét a W3C külön is kiemeli az olvashatóság szempontjából.
A mobilos hibák többsége javítható
A jó hír az, hogy ezek a hibák általában nem végzetesek. Sokszor nem teljes új honlapra van szükség, hanem átgondolt finomhangolásra. Jobb gombméretek, tisztább tartalmi sorrend, olvashatóbb szöveg, kisebb képek, egyszerűbb menü, rendezettebb elrendezés.
A rossz hír viszont az, hogy ha ezekkel senki nem foglalkozik, a látogatók nagy része csendben elveszik. Nem reklamálnak, nem írnak üzenetet, csak továbblépnek.
A mobilos élmény ma már nem részletkérdés
Sok honlapnál még mindig az asztali változat kapja a fő figyelmet, és a mobilos nézet csak utólagos melléktermék. Pedig ma már érdemes pont fordítva gondolkodni: először azt nézni, milyen élményt kap a telefonos látogató, és utána finomítani az asztali nézetet.
Ez különösen igaz akkor, ha a honlapodnak érdeklődőt kell hoznia, kapcsolatfelvételt kell ösztönöznie, vagy fontos tájékoztató szerepe van.
