11.3.2013

Mobiili uutislehti HTML5 -demo

Kehitystiimimme kokeili muutama kuukausi sitten millaista on tehdä mobiili lehteä tablet laitteille käyttäen HTML5 tekniikkaa. Eli lopputuloksena ei ole ladattava sovellus, vaan täysin verkkosivun tavoin toimiva ”sivusto”, englanniksi termi on Web Application, eli suoraan suomennettuna verkkosovellus.
html5-news-reader-demo

Tavoite oli ns. adaptiivinen leiska (adaptive layout), eli layout mukautuu laitteen näytön ollessa joko pysty- tai vaakasuorassa. Sisällöksi otimme eri lähteitä kuten Aamulehden uutiset, Kauppalehden uutiset ja Glam Median syötteet. Jokaiseen sovelluksen teimme hieman erilaisen navigaation. Yhtenä tavoitteen oli mahdollistaa ns. ”nopea lukeminen” eli klikata artikkelista seuraavaan ilman turhia ”takaisin” -napin painalluksia. Samoin sivuttaispyyhkäisy on osoittautunut käyttäjien keskuudessa paljon suositummaksi (9/10 henkilöstä) kuin verkkosivumainen ylös-alas skrollailu.

Kauppalehti

Glam Media

Glam Median demo perustuu pääsivupohjaan sekä kolmeen sisältösivupohjaan: juttusivu, videosivu ja kuvasivu. Jokaisessa sivuohjassa on sekä vaaka- että pystynäyttö tuettuna.

Aamulehti

Pahoittelen kuvan laatua, videot on kuvattu pääsosin vapaalla kädellä samalla kun toisella kädellä käytetään itse verkkosovellusta 🙂