Újra egy háztáji témával jelentkezem. Hátha érdekes a projekt kapcsán felgyűlt néhány tapasztalat másoknak is.

Nos, ma élesedett a tablet.hvg.hu, vagyis a hvg.hu táblagépekre optimalizált oldala. Egyelőre ott tartunk, hogy iPad 2-n nagyon jól, iPad 1-en pedig egész jól működik a dolog. (Simán a hvg.hu-ra kell fellépni a Safariban, és átirányítunk a tablet.hvg.hu-ra.)

Hamarosan a 7 colos androidos eszközre is meglépjük azt a pár alapmódosítást, ami szükséges ahhoz, hogy mondjuk egy Galaxy Tab-on is működjön a tablet.hvg.hu. És utána jön a többi androidos készülék.

Persze dönthettünk volna úgy is, hogy iPad-alkalmazást készítünk a hvg.hu-nak. De ezt több okból sem láttunk indokoltnak.

Egyrészt azért nem, mert a HVG már rendelkezik egy iPad-alkalmazással, ami a print hetilapszámokat tartalmazza (DHVG, azaz digitális HVG a neve). És az integrált (print + online) alkalmazás sokkal összetettebb feladat, mint amire most vállalkozni szerettünk volna.

Másrészt egy iPad-alkalmazás hátránya, hogy csak iPadeken fut. Viszont mi szerettünk volna, ha az androidos tableteken is menne a dolog, úgy, hogy ne kelljen külön iOS-re és Androidra is lefejleszteni közel ugyanazt.

Harmadrészt egy hírszájt sokkal mélyebben beleágyazódik a web egyéb tartalmaiba. Az alkalmazások pedig ehhez képest zártak, önmagukért létező dolgok. Mondok egy példát. Ha táblagépen a Flipboardról vagy a Facebookról kattintunk át egy hírszájt cikkére, akkor ebben az esetben nem az adott hírszájt iPad-alkalmazásába fogunk eljutni, hanem magára az eredeti desktop webes szájtra. Vagyis kikerüljük azt a kiadást, ami egyébként pont erre a táblagépre jött létre. A hvg.hu táblagépes verziójának esetében viszont a Flipboardból vagy Facebookból érkező látogató a táblagépre optimalizált szájton landol. Vagyis azt kapja élményben, amit szeretnénk, hogy kapjon.

Negyedrészt azt gondolom, hogy ha az ember alkalmazást fejleszt, akkor nagyon nehezen hajlandó később változtatni, újragondolni ezt az alkalmazást. Webszájt esetében viszont az iterációk sokkal könnyebben jönnek, sokkal természetesebbek.

Ötödrészt egyszerűen szerettünk volna valami olyasmit kipróbálni, amit idehaza ezidáig senki, nemzetközi szinten sem sokan: táblagépekre átszabni egy meglévő szájtot.

Hozzáteszem, ez a része is volt a legérdekesebb: a kísérletezés. 

Amit figyelembe kellett venni, hogy például iPaden, ha viszonylag nagy is a kijelző, nem lehet telezsúfolni linkekkel, bonyolult menüstruktúrákkal, egyebekkel. Csak a lényegre, a tartalomra akartunk koncentrálni, amit egyszerűen lehet megtalálni. Ugyanilyen fontos volt, hogy az egyszerűbb navigációs struktúrát jó tartalomajánló felületek egészítsék ki.

Cikkoldalra például semmi egyéb nem került, mint maga a cikk. Nincsenek címkék, nincsenek kapcoslódó cikkek. Csupán a cikk alján ajánlunk két cikket két külön logika alapján. A cikkvégi ajánló mellett álló nézetben bevezettük egy slidert. Egy szürke lécről van szó, melynek elhúzásával az olvasó különféle logikák szerint összeválogatott cikkekből válogathat.

A fekvő nézetben fix jobb hasábban dolgoztunk. Ezt szokták távirányítónak is hívni. A lényeg, hogy az olvasó bármerre is jár az oldalon, mindig kap pár olyan tartalomajánlatot, mely az adott oldalon releváns lehet a számára.

Ugyanilyen fontos törekvésünk volt, hogy a lehető legtöbb cikk jelenjen meg nagy képekkel. Amikor az ember nagy felületű érintőképernyős eszközt használ, közelebb van a tartalomhoz - miként a print esetében. Szereti a látványt. Szereti, ha irányított a figyelme.

Sok apróság is belekerült az oldalba, mint például a valós idejű hírértesítés. És van is jópár ötletünk a következő verziókra.

Mint írtam, sok tapasztalattal is jár egy olyan projekt, melynek nem nagyon van előképe. Nincs igazán kitől ellesni, hogy hogyan kell ezt jól csinálni. Ebből fakadóan sok tévútba és problémába is belefutottunk. Például az iPad 1 hardvere meglehetősen limitáltnak bizonyult. A javascriptek megpörgetése is sokszor problémát okozott ezen az eszközön. Külön problémacsoportot jelentenek a beágyazott videók, vagy a túlságosan sok alkotóelemből álló weboldalak.

A másik oldalról pedig szép optimalizálási feladatok elé állított minket ez az eszközcsoport is. Kicsit hasonló a helyzet, mint az okostelefonok esetében. Mindezzel együtt egy nagyon szerethető, nagyon sok és intenzív munkát igénylő 3 hónapon vagyunk túl.

Klassz kaland.

Címkék: média apple tab android optimalizálás hvg.hu ipad táblagépek ipad 2 ipadre optimalizálás