<HTML5> SRC= “MADHOUSE”

</HTML5>Szántai Éva

MADHOUSE HTML5

• Soha nem volt kérdés a HTML5

• 2010-ben letettük a voksunkat a HTML mellett

100% mobil

MIÉRT HASZNÁLJUK?

Megmozdul.

• Mi 2010-ben letettük mellette a

voksunkat.

• Felkelti a figyelmet

• Bannervakság kiküszöbölése

FIGYELEMFELKELTŐ

ÚJ SZTENDERDEgységesen használható

• Weboldal, játék, banner

• Egységes minden platformon, eszközön,

browserben

• Egyetlen fejlesztéssel megoldható mindenhol egy

méretben.

Különböző elemek használatóak benne.

• Video-, audio elemek

• Túlmutatnak a statikus képeken

• Egy brand/termék részletes bemutatására

alkalmas

• Zsúfolt bannerek helyett animáció

• Dinamikus elemek

SZINTE MINDENT LEHET

TANÁCSOK

Ne felejtsük el a célt készítés közben sem.

• A logo legyen folyamatosan látható

• Olyan animáció, aminek “értelme van”

• Ne bonyolítsuk túl

• Használjunk kevesebb képet

NE VESSZÜNK EL A RÉSZLETEKBEN…

CSODÁT NE VÁRJUNKKorlátozott animáció

• 3D mozgások nem elérhetőek

• Flash elemek már nincsenek

• Számoljunk a limitációjával

EGYEDÜL NEM MEGY

MASTERBŐL MUTÁCIÓRendszerek kompatibilitása

• Számos rendszer

• Módosítható file csatolásának kihagyása

• A folyamat itt is megkérdőjelezhető

CSAK ÉLESEN!Retina bannerek

• HD, fullHD, QHD felbontások nem csak mobilon

• Tűéles bannereket mobilra!

• Továbbra is IAB sztenderdek használata

• Szoftverek retina támogatottsága?

KÖTELEZŐ OLVASMÁNYA specifikáció

• Többféle HTML5 szerkesztő rendszer

• Többféle adszerver

• Specifikációk szerinti elkészítés még mindig

nehéz

• A specifikáció elékszítése is probléma

A méret

• A programok által készített bannerek méretei

• Kézzel készített banner mérete

• Flash konvertálás kérdése

• Betöltődés egyre fontosabb: AMP, Instant Article

• Kiszolgálás: csak wifin keresztül

• Ellentmondás: retina, nagy képek és alacsony kB

…ÉS A LEGFONTOSABB

• javítani kell a meglévő folyamatokon

• edukálni kell a szereplőket

• a világ e felé megy, gyorsan vegyük fel a

fontalat

DE (!) EZ A JÖVŐ

email: eva.szantai@madhouse.hu I web: madhouse.hu twitter: @madhousehu I facebook: www.facebook.com/madhousehu

THANK YOU FOR YOUR ATTENTION