How to test banners
Published on Nov 20, 2015
Banner presentation
MORE DECKS TO EXPLORE
PRESENTATION OUTLINE
Banners
HANGAR - Quality Assurance
What it is
Web banner or ad banner
Un banner es un formato publicitario en Internet. Esta forma de publicidad por internet consiste en incluir una pieza publicitaria dentro de una página web. Prácticamente en la totalidad de los casos, su objetivo es atraer tráfico hacia el sitio web del anunciante que paga por su inclusión.
Así contamos en el mercado con muchos tipos y estilos en tamaños y diseño para los banners publicitarios de campaña que se acomodan a las necesidades tanto de clientes como de los consumidores.
Así contamos en el mercado con muchos tipos y estilos en tamaños y diseño para los banners publicitarios de campaña que se acomodan a las necesidades tanto de clientes como de los consumidores.
Photo by joiseyshowaa
Who it serves
Marketing
Sirve para diversos tipos de consumo proporcionando la información del anunciante hacia el mercado que quiere atraer. Y también sirve para que el propietario se dé cuanta del tráfico de interés con el que cuentan sus diferentes productos.
Photo by 10ch
How it´s made
FLASH vs HTML5
Los banners se crean con imágenes (GIF, JPEG o PNG), o con animaciones creadas a partir de tecnologías como HTML5, java y, fundamentalmente, Flash. Están diseñados con la intención de llamar la atención y comunicar el mensaje deseado. Por lo tanto, estos banners no necesariamente mantienen la línea gráfica del sitio.
Photo by pogodzianka
Untitled Slide
Ejemplo Banner estático
Untitled Slide
Flash es una aplicación de rich internet media así como plataforma multimedia que se utiliza para banners publicitarios y para juegos, uno de los beneficios de flash es que permite desarrollar una excelente experiencia grafica. Debido a sus componentes algorítmicos los cuales permiten un renderizado más suave en sus animaciones.
Desventajas
Flash corre muy lento en algunas plataformas como Linux y Mac OS X desktop. Tampoco soporta iOS asi que un archivo Flash no correrá en los dispositivos iPad o iPhone.
Otro inconveniente es que para correr un swf se necesita instalar Adobe Flash player y asegurarse que el dispositivo es compatible con Flash.
Desventajas
Flash corre muy lento en algunas plataformas como Linux y Mac OS X desktop. Tampoco soporta iOS asi que un archivo Flash no correrá en los dispositivos iPad o iPhone.
Otro inconveniente es que para correr un swf se necesita instalar Adobe Flash player y asegurarse que el dispositivo es compatible con Flash.
Flash Pros
Flash Cons
Untitled Slide
Html5 por su parte ha demostrado correr un 58% más rápido que Flash en plataformas como Linux y Mac OS X. También consume menos poder y es compatible con touch screen. Es practicante compatible con todos los dispositivos y no reporta tener ningún problema de calentamiento.
Parte de lo que se puede considerar como desventajas es que HTML5 es nuevo en cuanto a landscape versión, lo que requiere de un nuevo conocimiento para ir mejorando la herramienta.
Aún se necesitan directrices claras para la publicación de Anuncios HTML5, hasta la fecha estas directrices aún se encuentran un tanto dispersas.
Parte de lo que se puede considerar como desventajas es que HTML5 es nuevo en cuanto a landscape versión, lo que requiere de un nuevo conocimiento para ir mejorando la herramienta.
Aún se necesitan directrices claras para la publicación de Anuncios HTML5, hasta la fecha estas directrices aún se encuentran un tanto dispersas.
Photo by DavidMartynHunt
HTML5 Pros
HTML5 Cons
Static Banner
- The copy matches to copy deck
- The Banners matches to comp
- Clicks are on specific HTML banner areas
- Image quality
- The Height and weight size for banner is the correct one
- Kb is correct.
Flash Banners
- The swf is present
- The html is present
- The fla. Version is provided
- The Banners matches to comp
- The copy matches to copy deck
- The motion/animation matches to creative guidelines. (storyboard)
Flash Banners
- The looping matches to requirement
- The time frame
- Check the flash version
- The background image is present
- Banner kb size (provided previously)
- The Height and weight size
- Flash Clicks/Links use clickTAG’s.
- The 1px frame is present.
HTML5 banners
- The html file is present
- The Banner matches to comp
- The copy matches to copy deck
- The motion/animation (storyboard)
- Clicks are on specific HTML banner areas
- Verify link target URLs for all links
- Check the funtionality all browsers
tools for testing:
- Flash http://gapcode.com/banner-tester/ http://test.adform.com/testpage/banners-test/ Html5 http://studio.adform.com/dashboard
- Para crometrar tiempo:
- http://www.keithv.com/software/stopwatch/
Banner tester:
Flash:
http://gapcode.com/banner-tester/
http://test.adform.com/testpage/banners-test/
Html5
http://studio.adform.com/dashboard
Para cronometrar el tiempo descargar:
http://www.keithv.com/software/stopwatch/
