Webdesign 3 perc olvasás
Látványos weboldal mobilon is
A látogatók jelentős része telefonon nézi meg a weboldalát először. Egy asztalon lenyűgöző látvány mobilon könnyen szétesik. Mire kell figyelni, hogy a prémium hatás a zsebben is megmaradjon?
Egy weboldalt sokszor asztali gépen terveznek és hagynak jóvá – nagy képernyőn, kényelmesen hátradőlve. Közben az első találkozás sok látogatónál egy telefonon történik, útközben, egy kézzel, gyorsan. Ha a látvány ott nem működik, az első benyomás elvész.
Nem kisebb, hanem más
A mobilnézet nem az asztali oldal összenyomott változata. Más a képernyő aránya, más a használat módja, és más a figyelem. Érdemes ezért eleve mobilra is megtervezni a fő elemeket, nem utólag igazítani.
Ami mobilon máshogy kell
Sorrend
Asztalon a szöveg és a grafika egymás mellett áll. Mobilon egymás alá kerülnek – és el kell dönteni, melyik jöjjön előbb. A nyitóképen gyakran a grafika kisebb méretben kerül a cím fölé, hogy az első képernyőn a márka és az üzenet is látsszon.
Címsorok
A nagy, karakteres címek mobilon könnyen kifutnak a képernyőből. A hosszú magyar szavak különösen érzékenyek: ha egy szó nem fér ki, csúnyán eltörik. A betűméretet ezért mobilon külön érdemes beállítani, és valódi szövegekkel kipróbálni. Erről a tipográfiáról szóló cikkünkben is írtunk.
Érintés egér helyett
Telefonon nincs „fölé viszem az egeret”. Az egérre épülő hatások – kártya, amely a mutató felé billen, fény, amely követi az egeret – érintésnél nem működnek, vagy furcsán. Ilyenkor ezek a hatások helyett a lassú, önálló mozgás (lebegés, vándorló fény) adja az életet.
Gombok és hüvelykujj
A fő gombok legyenek nagyok, jól elkülönülők, és egy hüvelykujjal elérhetők. A mobilon teljes szélességű fő gomb gyakran jobb, mint egy kicsi, sarokba szorított.
Fényhatások mérete
Egy asztalon finoman vándorló fényfolt mobilon, kis képernyőn a teljes szöveget elboríthatja. A fényhatásokat mobilon kisebbre és halkabbra kell venni, hogy díszítsenek, ne takarjanak.
Sebesség mobilon
A telefon lassabb hálózaton és gyengébb processzorral dolgozik, mint egy asztali gép. Ami asztalon észrevétlen, az mobilon akadozhat. A látványt ezért itt a legkönnyebb eszközökkel érdemes építeni – erről a látványos és gyors weboldalról szóló cikkünk szól.
Hogyan ellenőrizze?
Nyissa meg a saját oldalát a telefonján, és nézze meg:
- Az első képernyőn látszik, kik Önök és mi a következő lépés?
- Van olyan cím vagy szó, amely rosszul törik?
- Minden gomb kényelmesen megnyomható?
- Nem kell vízszintesen görgetni sehol?
- Gördülékeny a görgetés, vagy akad?
Mi minden oldalt legalább két szélességben – telefonon és nagy képernyőn – nézünk át, mielőtt kikerül. Erről a bemutatkozó oldal szolgáltatásunknál írunk. Ha a saját oldala mobilon nem az igazi, írjon nekünk.
Írta az e-bundesign csapata.