Nem a méret a lényeg?

Néhányan értetlenkedve állnak, amikor azt mondom, hogy mobilweb vagy okostelefonra optimalizált weboldal. Miért kell a honlapot külön elkészíteni mobil kijelzőre, amikor a hagyományos is megjelenik? Persze hogy megjelenik, mert a legtöbb mobilba már HTML megjelenítésére képes böngészők vannak, hasonló mint amin most olvasod a bejegyzést. De akkor mi a különbség a hagyományos és az okostelefonra optimalizált megjelenés között? Készítettem egy kis összehasonlítást a kettő közti különbségről.

Mekkora egy hagyományos honlap?

Vegyük először górcső alá a hagyományos honlapokat. Mióta webkettő van sokminden átalakult, átjárhatóbbak a weboldalak, megosztható a tartalom,  szabványosították a kódnyelveket és letisztult a design, ami a nagyobb monitorok elterjedésével felbontást is váltott a régi 800×600 pixelről mostmár 1024×768 pixeles felbontásra optimalizálnak. Az ilyen honlapok szabványos szélessége 960 pixel (a régi 740 pixellel szemben). Ha ezt akár egy 15 inch-es monitoron is nézzük, ami képes ezt a felbontást megjeleníteni, a honlap kényelmesen elfér, a böngészőnk görgető sávjával pedig végignézhetjük a tartalmat.

A nagyobb léptékre váltás miatt, több lett a kihasználatlan hely is, ezáltal nagyobb hangsúlyt kapott a design. Nagyobb fejlécek, nagyobb betűk, a fő cikkek látványos csúszkás megoldással lapozhatók (mint a glaskugel.hu főoldalán is) és létrejöttek a kibővített láblécek, amiben másod-, harmadrangú információkat jelenítenek meg. A nagyobb hely több információ megjelenítésére lett képes. A mellékelt képet csak gyorsan összedobtam, hogy szemléltessem valamivel a leírtakat.

Mekkora egy átlagos monitor?

Egy mostani felhasználók monitorának képátmérője átlagosan 17 inch-es lehet (vagy ennél nagyobb, mivel a legmodernebb monitorok már elérték vagy már el is hagyták a a 32 inch-et), azaz centiméterben ez ~41 cm. Jó nagy.

Mekkora egy okostelefon kijelzője?

Ez a terület még nagyon változó. A felbontás még mindig nem forrt ki, mert folyamatosan fejlesztés alatt állnak a mobilok. Maradjunk az iPhone-nál, mert azt szerintem már mindenki látott. A kijelzőjének a képátmérője 3,5 inch azaz körülbelül 9 cm, felbontása pedig 320×480 pixel. Ez meg jó kicsi. Ráadásul alaphelyzetben álló formátum.

Hogy néz ki egy hagyományos honlap egy iPhone-on?

Ugyanúgy, mint egy monitoron, csakhogy a képarányoknak megfelelően összetömöríve és ha valamit látható méretűre szeretnél nagyítani, az egy kicsit macerás multi-touch-os (két ujjal bizerélős) simizést igényel. A tartalom 100%-ra nagyításával olyan lesz a honlap, mintha egy kulcslukon kukucskálnál. Az egyes részeket csak ide-oda görgetéssel, nagyítás-kicsinyítéssel tudod bejárni. Egyszerűen kényelmetlen.

Ennél sokkal egyszerűbbé és olvashatóbbá lehet tenni a tartalmat, némileg újragondolva a design-t. A webes ergonómiákat egészen máshogy kell alkalmazni, a tartalmat pedig kipucolni és a legfontosabb információkat vagy a leginkább használt funkciókat kell konvertálni az új mobil weboldalra. Az átméretezéstől a navigáció is jobban kézre esik, az oldalak tartalma pedig nagyítás nélkül olvasható. A régi arculat részei újrahasznosíthatóak, a tartalom pedig ugyanabból a forrásból jelenik meg ami már egyszer fel lett töltve.

Végül mely funkciókat érdemes egy zanzásított készülék kijelzőjére vinni, és melyeket nem? A kérdést majd egy másik bejegyzésben boncolgatom:)

• 

• Takács Zsolt

  Eddig 26 cikket írt, amiket ide kattintva olvashatsz el.

   

  Hat éves kora óta üti a billentyűket, és kb 10 éve foglalkozik webes munkákkal. 2006 novembere óta ügyvezeti a céget emellett végzi a grafikai és fejlesztési munkákat. A webfejlesztés mellett a social networking érdekli a legjobban, azon belül a működése és az ebben rejlő lehetőségek.