Mobilbarát weboldal

Attól, hogy némileg áttördelődik, vagy átméreteződik egy weboldal, még egyáltalán nem lesz mobil(telefon) barát. Reszponzív (felbontás fogékony) esetleg, de az ma már kevés. Az alábbiakra mind oda kell figyelni:

  • Mobil kijelzőn csak egy oszlop legyen!
  • A tartalmak ne érjenek össze, ne csússzanak egymásba!
  • A szöveg tördelése “elegáns” legyen!
  • A betűméret elég nagy méretben, a szöveg jól olvashatóan jelenjen meg!
  • A Kattintható területek könnyedén legyenek “eltalálhatóak”, megfelelő méretben, kellő távolságban más objektumoktól!
  • A sok egymás alá rendeződött tartalom ne egyszerre töltődjön be, a görgetés során némi előtöltéssel a tartalom folyamatosan hívódjon meg!
  • A képek legyenek megfelelően méretezettek és optimalizáltak!
  • A látványelemek legyenek visszafogottabbak, mellőzük az animációkat!
  • Az egér ráhúzásra történő reakciókat szüntessük meg! (Sok menü problémáját ez okozza.)
  • Azon scriptek, melyek a mobil megjelenítéshez nem feltétlenül szükségesek, ne is induljanak el!

Összességében egy mobilbarát weboldalnak sokkal gyorsabban be kell töltődnie, mint az asztali verziójának, legalábbis itt fontosabb a sebesség. Az Internetezők többsége mobilt használ és nem fog várakozni adatok betöltődésére, nem fog “nagyítgatni”, oldalra görgetni, azzal játszani, hogy eltalálja a kis linkeket. (A kis űrlap mezőkről nem is beszélve.)