Szeretnéd javítani a weblapod mobil változatának felhasználói élményét? Összeírtam pár tippet, amire nem árt ha figyelsz a mobilbarát weboldal tervezésnél.
Mobilbarát weboldal tervezése közben érdemes figyelni arra a tényre, hogy a felhasználóidnak mindig tudnia kell elsőre, hogy miről szól a weblapod, különben csak az idejüket vesztegeted. Ha lehetséges már az első képernyőn jó ha tudatod velük, hogy mivel fognak találkozni ha elkezdik böngészni a tartalmaidat.
Mobilbarát weboldal tervezésénél érdemes figyelni arra, hogy a modern reszponzív weblapok nyitóoldala általában hero képpel és CTA (call to action) gombbal indul. Mobil nézetben, ha a weblap nem megfelelően van optimalizálva, a CTA gomb csak scrollozás után érhető el. Ez egy fatális hiba, a mobil nézetben a CTA gomb az első képernyőn azonnal legyen elérhető.
A mobil felhasználók nem szeretik tekergetni a hosszú menülistákat. Erre kiemelten ügyelj a mobilbarát weboldal tervezése közben. Alakítsd a weblapod menüpontjainak listáját úgy, hogy minél egyszerűbben elérjék a mobil felhasználók a keresett menüpontot.
A mobil felhasználók információt keresnek a weblapokon. Ha nem találnak valamit, általában a keresőhöz fordulnak. Mobilbarát weboldal tervezése közben, ha a weboldalad rendelkezik keresőmezővel, akkor mobil nézetben is rakd egy jól látható helyre és ne dugd pl. egy lenyíló menü mögé.
A felhasználók szeretik feltérképezni, megismerni a weblapokat mielőtt különböző döntéseket hoznak azokkal kapcsolatban. Engedd a felhasználóidnak, hogy szabadon böngészhessenek, kötelező feladatok nélkül. A felhasználók adatainak túl korai bekérése például kevesebb regisztrációhoz vezethet.
Mobilbarát weboldal tervezése közben kiemelten figyelj arra a tényre, hogy a felhasználók utálják a hosszú, átláthatatlan űrlapokat. Használj minél egyszerűbb struktúrájú beviteli mezőket tervezéskor. Csökkentsd az űrlapok kitöltésének hibaszázalékát egyértelmű hibajelzésekkel.
A mobil felhasználók már hozzászoktak a lefelé görgetés szabályaihoz. Ne zavard őket össze nagyítással és a horizontális scrollozás lehetőségével. Azok a weboldalak amik kényszerítik a felhasználókat a horizontális scrollozásra, általában elbuknak a Google mobilbarát teszten és rosszabbul szerepelnek a keresési találatokban.
A fenti linkek segítségével egyes weblapok monitorokra tervezett verziói elérhetőek mobilon is. Ha mobilbarát weboldalt tervezel, felejtsd el ezeket a linkeket, mert azt sugallod a mobilos felhasználóidnak, hogy asztali verzióval több tartalmat fognak kapni.
A mobilbarát weboldal tervezésénél kiemelten fontos, hogy minden oldal optimalizálva legyen mobil felületekre. Azoknál a weboldalaknál, ahol ez nem történt meg a felhasználók összezavarodhatnak és ezáltal az adott weboldalak rosszabb teljesítményt nyújthatnak.
A megfelelően kivitelezett mobilbarát weboldal tervezés rengeteg időt és tervezést igényel. Remélem segítségedre lesznek a fenti hasznos tanácsok.
Bakos Szabolcsnak hívnak, szabadúszó UI/UX Designer vagyok, több mint 17 év webdesign tapasztalattal a hátam mögött, cégek és vállalatok számára tervezek weblapokat.
