La importancia del diseño de banners para el marketing

, , Comentarios desactivados en La importancia del diseño de banners para el marketing

Marketing en Yahoo

Diseño de bannersDesde que buscadores como Yahoo hace veinte años empezaran a utilizar unos rudimentarios banners gráficos, se han producido muchos cambios en el sector del marketing y publicidad online. No obstante, esencialmente, este recurso publicitario continúa siendo muy utilizado, incluso en el marketing para móviles por su capacidad para llamar a la acción, lanzar mensajes en poco espacio u orientar al usuario en su navegación a nivel usabilidad. Esto ha permitido que, dentro de las especialidades del marketing digital, el diseño de banners siga siendo una de las más dinámicas y en continuo desarrollo.

La evolución en los diseños de banners y marketing

Banners imagen: jpg, gif y png.

El formato estático de imagen (.jpg, .png o .gif) sigue utilizándose por ser un formato con el que conseguir que los banners pesen poco y se carguen rápido, algo muy importante al día de hoy tanto en relación a la experiencia del usuario como aspectos SEO orientados al posicionamiento en Google. Además de los formatos mencionados, hay otros nuevos que se utilizan en el sector web.

Diseño de banners en flash

Aunque los primeros diseños flash se lanzaron en 1995 de la mano de la empresa FutureWave, fue Macromedia primero y luego Adobe, a principios de los años 2000, los que mejoraron el formato dinámico de banner (hasta ese momento en tipo de fichero .gift animado) lo que produjo una gran revolución en el terreno de la creatividad y del marketing online. Este formato permitía y permite aumentar las llamadas a la acción al poder incluir en las animaciones todo tipo de diseños animados, programación ActionScript para realizar todo tipo de operaciones, además del uso de audio y hasta vídeo. Aunque de un peso en kilobytes mayor que la imagen estática .jpg o animada de .gif. Shockwave Flash ha logrado que los banners en Flash cumplan con los estándares de tiempo de carga de una página web.

El único inconveniente de este tipo de archivo es que, como los elementos JavaScript, pueden ser bloqueados por los exploradores, lo que limita su reproducción.

Diseño de banners en Canvas

HTML5 ha sido muy importante para el diseño responsive, pero también para el sector publicitario integrando el elemento Canvas, una forma de crear gráficos en 2D utilizando solo script. Al igual que JavaScript, HTML permite incluir estos elementos con un código que se abre con <canvas> y se cierra con </canvas>. En el interior de estas etiquetas se incluye el código.

La gran ventaja de este formato de banner es su universalidad para verse en todos los exploradores y su rápida carga.

Diseño de banners en CSS3

La librería de hoja de estilos CSS3, además de ser imprescindible para dar formato, estilo y maquetación a un sitio web también incluye funcionalidades para crear banners tanto estáticos como animados, para manejar texto o gráficos o acciones del usuario. Siempre, por supuesto, con el marco de HTML5.

Diseño de banners HTML5

Además de poder integrar elementos realizados en CSS, JavaScript o CANVAS, se pueden crear banners en HTML5 puro utilizando las distintas etiquetas disponibles y aplicando estilos a ellas. A las clásicas <table>, <div> o <iframe>, en HTML5 se han añadido nuevas como <picture>, para el tratamiento de imágenes, <video> para mostrar contenido multimedia o <svg> para crear banners vectoriales.

Formatos de banners: Escritorio y móviles

Desde el punto de vista del marketing digital la aparición de los dispositivos móviles ha revolucionado el mundo del diseño de banners y las estrategias para sacarles el máximo partido.

En cuanto al diseño, en los tiempos en los que solo se accedía a Internet vía ordenador (PC o portátil), los tamaños de los banners y su ubicación tenían como referencia el siguiente y clásico mapa de calor.

Mapa de calor Adsense

No obstante, con la llegada de las tabletas y los smartphones, la guía de diseño anterior se ha quedado obsoleta, ya que el tamaño de las pantallas han provocado que los banners grandes hayan dado paso a formatos más pequeños que no suelen superar los 320 px de anchura. También, han nacido nuevas estrategias de publicidad basadas en banners como los de tipo intersticial: formatos en pantalla completa que se suelen incluir en la navegación entre página y página. Otro formato muy utilizado y nuevo es el adaptable, es decir, un banner sin tamaño prefijado que, precisamente se adapta al dispositivo del usuario, ya sea teléfono móvil, tableta u ordenador. En este caso, su diseño (y a veces programación) es más complejo.

¿Qué más podemos decir de la relación existente entre el diseño de banners y el marketing? Que sin duda seguirá evolucionando independientemente de los dispositivos que se utilicen para acceder a los servicios de la Nube, dados los buenos resultados que esa relación han tenido en los últimos veinte años.