HTML5 mobilné bannery – čomu sa oplatí venovať pozornosť

Éva Szántai

Director, Product & Technology

Kreatívcivo svete online reklám nepočujú v poslednom roku a pól nič iného, nežHTML5. "Smrť" flashu spustila celú lavínu, a dnes by chcel mať každý – nech už sa jedná o webové, alebo o mobilné bannery – reklamu v HTML5. Vo svete mobilných reklám sa pritom nejedná o nič nového, vďaka nízkej a nakoniec ukončenej podpore flash sa pre mobily už roky píšu všetky animácie v HTML5.

My sme prešli na HTML5 v roku 2010, keď sme na trh uviedli našu prvú kampaň pripravenú za použia tejto technológie. Obraz nebol ostrý ani plynulý, ale tedy bolo viditeľné aký vplyv môže mať dynamický obsah banneru. Valná väčšina slovenských a medzinárodných mobilných webových stránok sa skladá prevažne zo statických obrázkov a textov (v najhoršom prípade z gifov), takže pohyblivý banner má obrovskú výhodu, keď chce upútať pozornosť užívateľa. Okrem toho reklama vytvorená formátom HMTL5 môže byť efektným protiliekom proti „bannerovej slepote“.

HTML5 je vynikajúci nie len preto, pretože je nápadný, ale tiež preto, pretože je nezávislé na zariadenie. Rovnako banner, hru alebo aj webovú stránku sa dá zobraziť v mobilnom telefóne na tablete či webu bez konverzie a extra zmien. Pokiaľ je teda v podlište uvedený rozmer banner – napríklad 300×250 – vhodný pre akúkoľvek platformu, k riešeniu stačí jediný, jednoduchý postup, čím sa ušetrí čas, energia I financie.

Máme radi HTML5 bannery, pretože umožňuje vyriešiť prakticky všetko. Môžeme k nim pridať rôzne prvky, komponenty, napríklad aj video, galériu fotografií, ďalšie texty alebo hry. Tak sa dá v rámci jediného banner predstaviť napríklad celé portfolio výrobkov, alebo aj celú značku. Môže byť mimoriadne užitočné, pokiaľ môžeme v rámci jediného banner umiestniť veľké množstvo informácií, napr. Právne texty schované pod tlačítko s hviezdičkou, ktoré sa zobrazia iba pri zvláštnej interakcii. Možnosť postupného zobrazenia jednotlivých častí textu pomáha znížiť pocit zahltenosti. Dokonca sa dajú použiť aj dynamické prvky: odkaz banner sa môže zmeniť napr. v závislosti na lokácii alebo počasie (ako to ukazuje príklad z nedávnej minulosti)

Okrem toho sa dá ľahko zrealizovať výnimočnejšie riešenie. Priebežne hľadáme možnosť, akým spôsobom sa odchýliť od štandardného statického obrazu, ako môžeme banner v súlade so špecifikami produktu atraktívne rozhýbať spôsobom, aby nenásilne vzbudil pozornosť.

Naša úloha je jednoduchá, pokiaľ máme k dispozícii všetky materiály dostupné vrámci kampane, a riešeniam kladú medze len medze fantázie. Takto sa zrodila napríklad hra k filmu Angry Birds, alebo nápad Batman v. Superman využívajúci gyroskop telefónu.

Je dôležité vziať pri výrobe v úvahu produkciu niekoľkých základných pravidiel, inak môže mať takýto banner horšie výsledky, ako bannery statické:

  • Vyhnite sa samoúčelným a dlhým animáciám! Je častou chybou, že sa v prípadoch, kde klient na koniec zvolí HTML5, sa v bannere pohybuje úplne všetko. Vďaka tomu sa stáva ťažko interpretovaným, dokonca I sama značka je častolen problematicky identifikovateľná (napr. Sa logo zobrazí len v určitej fáze). V danom prípade môže byť aj menší pohyb textu alebo zobrazenie obrázku dostatočnou animáciou.
  • Neprekračujte rozmerové obmedzenie! V prípade mobile je ešte dôležitejšie, aby sa banner nahral rýchlo, a situáciu ďalej komplikuje tiež mobilný internet. Zabudnite na program konvertujúce flash na html5, pretože sú plné zbytočných kódových častí vedúcich k preťaženiu bannera.
  • Iba ostré! Najväčšími nepriateľmi rozmerových obmedzení sú rozmery obrazov, čo ale pomáha k dosiahnutiu mobilných reklám s ostrým obrazom a dobrým rozlíšením. Z dôvodu stale rastúcich displejov a súvisiaceho počtu obrazových bodov sme totiž nútený pre pekné zobrazenie reklamy nahrať na dátový server obraz aspoň v dvojnásobnej veľkosti. K zmenšeniu môžeme v rámci banner použiť optimalizácie obrazu alebo sprite riešenie.

Svet sa pohybuje jednoznačne smerom k HTML5, a flash už hlavnými prehliadačmi nie je vôbec podporovaný. Zánikom flashovej éry, ktorá v prípade mobilných telefónov ani nikdy nenastala, sa však nevyplatí vnímať HMTL5 ako nepriateľa, sťažujúceho bannery. Ak to trošku preženieme tak, potom HTML5 je množinou možností, radikálne meniacich svet reklám. Vďaka progresívnemu technologickému zázemiu majú značky k dispozícii nekonečné množstvo nástrojov kreatívnych opcií reklamných riešení, a môžu sa tak na mobilnom telefóne objaviť v podobe takých reklám, ktorých prostredníctvom nielen, že zasiahnu svojich zákazníkov,ale ich aj menia v zákazníkov angažovaných.

Je veľkou mnohostrannou množinou možností, v prípade dostatočnej pozornosti a poriadneho užívania širokého spectra reklamných riešení.

November 8, 2016
Mobil rich média

Nedávno som dostal  otázku, aký je rozdiel medzi HTML5 a rich média riešením? HTML5 je programovací jazyk  pomocou ktorého  sa vyrába  rich média reklama. Takže všetky rich média riešenia sa vyrábajú pomocou HTML5 technológie ale na druhej strane nie všetky HTML5 riešenia sú zároveň rich média. Za rich média banner môžeme považovať  ten banner v ktorom je možné spustiť viac snímkov ako v bežnom  bannery. Je do neho možné integrovať foto galériu, video   alebo v nej bude integrovaná  hra takže sa vlastne jedná o …

Prečítam si ich >
Zrod mobilnej reklamy: Kampaň Batman v Superman

Sme vďační za to, že sa môžeme neustále zúčastňovať na čoraz vzrušujúcejších projektoch, ale súčasne s tým často sme až po uši zahalení kreatívami a objednávkami, preto sme doteraz ani nemali čas na to, aby sme vám dlhšie predstavili niektoré z našich prác. Naša kampaň Batman v Superman: Dawn of Justice sa ale stala takou komplexnou a bola ne nej práca takým obrovským zážitkom, že sme sa o to chceli bezpodmienečne podeliť s celým svetom.

Prečítam si ich >