Mobilbarát menü és navigációs elemek optimalizálása

Mobilbarát optimalizálás

A mobilbarát optimalizálás akkor hasznos, ha egy weboldal telefonon is gyorsan átlátható, könnyen kezelhető, és nem kényszeríti a látogatót nagyításra vagy felesleges keresgélésre. Magánügyfelek sokszor azért kérnek ilyen munkát, mert az oldaluk asztali gépen még elfogadható, de mobilon már szétesik a menü, túl kicsik a gombok, vagy a kapcsolatfelvétel fárasztó. Szerintem ez az a pont, ahol a legtöbb veszteség észrevétlenül történik. Nem látványos hibáról van szó, hanem sok apró kellemetlenségről. Ezek együtt viszont elég ahhoz, hogy az érdeklődő bezárja az oldalt.

A jó mobilos felület nem csak kisebb képernyőre zsugorított oldal. A tartalom sorrendje, az olvashatóság, az érinthető elemek mérete, a betöltési idő és a kapcsolatfelvételi út is számít. Egy tapasztalt webfejlesztő vagy felülettervező ilyenkor nem csak kinézetet javít, hanem használatot is. A Qjob.hu felületén ezért érdemes olyan szakembert keresni, aki már mutatott példát hasonló javításra, és nem csak új oldal építéséről beszél.

Mikor kell mobilra szabott javítás

A mobilra szabott javítás általában akkor válik sürgetővé, amikor a tulajdonos azt látja, hogy van látogató, de kevés a megkeresés. Sok ember azt hiszi, hogy elég, ha az oldal valahogy megnyílik telefonon. De ez kevés. Ha a főmenü egymásra csúszik, a kép túl nagy, a szöveg túl sűrű, vagy a gomb a képernyő aljára szorul, akkor a látogató nem fog türelmes maradni. Személy szerint én jobban bízom azokban a megoldásokban, ahol a nyitóképernyőn azonnal látszik, mit kínál az oldal, és egyetlen mozdulattal elérhető a hívás vagy az üzenetküldés.

Sok hiba nem technikai szemmel indul, hanem emberi oldalon. Sokan elkövetik azt a hibát, hogy a saját telefonjukon egyszer végigkattintják az oldalt, és ebből levonják a következtetést, hogy minden rendben. Pedig egy régebbi készüléken, kisebb kijelzőn vagy lassabb kapcsolaton egészen más élmény fogadja a látogatót. Volt már olyan eset, amikor egy ügyfél azt mondta, nála jól működik minden. Aztán kiderült, hogy a kapcsolatfelvételi gomb egy kisebb képernyőn a lebegő sáv mögé került, így az emberek egyszerűen nem tudtak rákattintani. Ilyen apróság miatt ment el a megkeresések egy része.

A mobilos használhatóság javítása sokszor nem teljes újratervezés. Néha elég a fejléc rendbetétele, a gombok átméretezése, a betűméret növelése, a túl hosszú bekezdések széthúzása, vagy az űrlap egyszerűsítése. Máskor viszont komolyabb beavatkozás kell. Különösen akkor, ha az oldal régi sablonra épült, túl sok elemet zsúfoltak egyetlen nézetbe, vagy a képek lassítják a megnyitást.

Mobilbarát árak és tipikus munkák

Az ár attól függ, hogy finomhangolásról vagy mélyebb átalakításról beszélünk. Egy kisebb javításnál a szakember néhány kritikus részt vesz elő, míg összetettebb oldalaknál több oldaltípus, menüszint és kapcsolatfelvételi út ellenőrzése is szükséges. Az én tapasztalatom az, hogy a túl olcsó ajánlat gyakran csak felületi igazítás. Ránézésre jobb lesz az oldal, de a valódi gondok megmaradnak. Olcsóbban 20.000 alatt ritkán kapni valóban alapos munkát, főleg akkor, ha a hibákat több készüléken is ellenőrizni kell.

Az árakat nem érdemes önmagukban nézni. Fontosabb, hogy mit tartalmaz az ajánlat. Benne van-e a vizsgálat, a javítás, az utóellenőrzés, és az is, hogy a szakember visszanézi-e mobilon a kész eredményt. Sok magánmegrendelő ott hibázik, hogy csak a legalacsonyabb összeget figyeli. De ha utána még két külön hibát javíttatni kell, a végösszeg több lesz. Én inkább közepes árat választanék, ha a leírásból látszik a gondolkodás és a valós tapasztalat.

Mobilbarát szakember választása

A megfelelő szakember kiválasztásánál szerintem három dolog döntő. Látszik-e, hogy ért a telefonos nézethez, tud-e normálisan kommunikálni, és mutat-e valódi példát. Egy jó webfejlesztő nem csak azt mondja, hogy mindent megold. Inkább rákérdez, hol van a legnagyobb gond, milyen készülékeken jelentkezik a hiba, és melyik oldalon esik vissza leginkább az érdeklődés. Ez jó jel. Aki azonnal teljes új weboldalt akar eladni, annak a javaslatát érdemes óvatosabban kezelni.

Hasznos lehet olyan felülettervezőt vagy webfejlesztőt keresni, aki tud rövid hibajegyzéket készíteni. Ebben leírja, miért rossz a jelenlegi megoldás, és mi lenne helyette egyszerűbb. Ez azért fontos, mert a mobilbarát optimalizálás nem ízlésvita. Ha egy menüpont túl közel van a másikhoz, vagy egy űrlapmező kilóg a képernyőről, az nem vélemény kérdése. Az valódi használati hiba.

Sok ember belefut abba a helyzetbe, hogy kap egy szép képernyőképet, de a kész oldal használat közben még mindig kényelmetlen. Ezért érdemes ragaszkodni a próbához. Kérj képernyővideót vagy rövid bemutatót arról, hogyan működik az oldal egy valódi telefonon. Nekem ez mindig többet mond, mint egy statikus látványterv.

Kerületek, környékek és helyi célzás

Ha egy szolgáltató weboldala egy adott városra vagy több környékre dolgozik, akkor a helyi célzás mobilon különösen fontos. Telefonról sokan útközben keresnek szakembert. Ilyenkor gyorsan akarják látni, hogy az adott szolgáltatás elérhető-e a belvárosban, külső kerületekben, kertvárosi részen vagy a közeli agglomerációban. Ha ez az információ el van rejtve, a látogató gyakran visszalép és más oldalt nyit meg.

A helyi tartalom nem azt jelenti, hogy minden mondatban településneveket kell halmozni. Inkább azt, hogy legyen világos a kiszállási terület, a munkavégzés helye, és az is, van-e különbség a díjazásban a központi részek és a távolabbi környékek között. A mobilos használhatóság javítása itt abban segít, hogy ezek az adatok könnyen megtalálhatók legyenek. Például rövid területi blokkban, lenyitható listában vagy jól látható kapcsolati résznél.

Volt olyan példa, amikor egy magánszolgáltató több kerületben vállalt munkát, de ezt csak egy hosszú bemutatkozó szöveg közepén írta le. Telefonon szinte senki nem olvasta végig. Miután a területek külön blokkba kerültek és könnyebben elérhetővé váltak, a félrement érdeklődések száma csökkent. Ez nem látványos trükk volt, inkább rendrakás. De működött.

Ellenőrzés javítás után

A munka akkor ér valamit, ha a javítás után valódi ellenőrzés is történik. Nem elég ránézni egy készüléken. Érdemes több méreten végignézni a főoldalt, a szolgáltatásoldalt, a kapcsolatfelvételi részt, az űrlapokat és a legfontosabb gombokat. A mobilbarát optimalizálás sikerét nem csak az mutatja, hogy szebb lett a felület. Inkább az, hogy kevesebb a félrekattintás, könnyebb az olvasás, és rövidebb úton elérhető az a művelet, amit a látogató keres.

Én személy szerint szeretem, ha a szakember a végén nem csak átadja a munkát, hanem röviden elmagyarázza, mi változott. Hol lett nagyobb a kattintható felület, melyik blokk került feljebb, melyik kép lett kisebb, és mitől lett rendezettebb a mobilos nézet. Ebből látszik, hogy nem véletlenszerű igazgatás történt, hanem tudatos javítás.

És van még egy szempont. A túl sok mozgó elem, felugró ablak és ragadós sáv gyakran több kárt okoz, mint hasznot. Sok megrendelő eleinte ragaszkodik ezekhez, mert látványosnak tűnnek. Aztán amikor telefonon kipróbálják, kiderül, hogy az oldal nyugtalan és nehéz kezelni. Szerintem a nyugodt, tiszta mobilos felület majdnem mindig jobb döntés. Nem hangos, nem bonyolult, viszont használható. És végül ez számít.