Ha megnézed egy átlagos vállalkozói weboldal statisztikáit, szinte biztosan azt látod, hogy a látogatók többsége telefonról érkezik. A Google is a mobilnézet alapján indexeli és értékeli az oldalakat. Ennek ellenére még mindig sok oldal úgy készül, hogy a nagy monitoron tökéletes, telefonon viszont csak „valahogy működik”.
Mit jelent a mobil-első tervezés?
Azt, hogy a tervezés a legkisebb képernyővel kezdődik: mi az a minimum tartalom és funkció, ami egy telefonon is kényelmesen használható? Ebből bővül az oldal tablet és asztali nézetre. Így a mobilos élmény nem kompromisszum, hanem kiindulópont.
Mire figyelünk a gyakorlatban?
- Hüvelykujj-barát gombok: elég nagyok és elég távol egymástól.
- Olvasható betűméret: nagyítás nélkül is kényelmes olvasni.
- Kattintható telefonszám és e-mail – mobilon ez a leggyorsabb kapcsolatfelvétel.
- Rövid űrlapok a megfelelő billentyűzettípussal (szám, e-mail).
- Nincs vízszintes görgetés és kilógó tartalom.
- Könnyű oldal: mobilneten a sebesség még fontosabb.
Egyszerű teszt: próbáld ki a saját oldaladon egy kézzel, buszon ülve, hogy el tudsz-e küldeni egy ajánlatkérést. Ha nem megy gördülékenyen, a látogatóidnak sem fog.
A leggyakoribb mobilos hibák
- Az egész képernyőt eltakaró felugró ablak, amit nehéz bezárni.
- Túl kicsi, egymáshoz közeli linkek a menüben.
- Asztali nézetre optimalizált, óriási képek, amelyek lassan töltenek.
- Hosszú táblázatok, amelyek kilógnak a képernyőről.
- A mobilmenüből elérhetetlen fontos oldalak.
A mobil nem csak kisebb képernyő
A mobilos látogató sokszor más helyzetben van: úton, rövid időre, egy konkrét információt keresve (cím, nyitvatartás, telefonszám). A jó mobil oldal ezeket azonnal elérhetővé teszi – például egy lebegő kapcsolat gombbal.
Minden általunk készített oldalt mobilon kezdünk tervezni, és valódi eszközökön tesztelünk. Nézd meg referenciáinkat telefonról is!
