El Fin de Flash en la era del Banner Flash

El Fin de los banners en Flash

Los Navegadores terminan de darle la última estocada al Flash:

Ya entró en vigor, bloquearán los formatos .swf, El fin de los banners flash en la era de la publicidad online.

Steve Jobs tenía razón. Cuando el CEO de Apple en 2010 escribiera sus “Pensamientos sobre Flash” y anunciara el bloqueo por defecto del plug in de Adobe Flash sobre sus productos, inauguró una de las primeras y más importantes estocadas sobre el uso del player de Flash en nuestros navegadores. La primera contra: criticar su estructura cerrada, Segunda por citar que sólo una pequeña parte de las webs estaban hechas en flash y la tercera de sus razones: LA SEGURIDAD.

La tercera razón de Jobs, es ahora la primera para FireFox, Google y Facebook (Alex Stamos) quien dijo “Es hora de que Adobe anuncie el final de Flash” esto tras descubrirse las pasadas semanas, un gran ataque de seguridad por espionaje y manipulación del grupo “Hacking Team”. Asi que este mes de Julio se suman al propósito los navegadores FireFox y Google Chrome. Son los 2 mayores navegadores con el mayor número de usuarios en la internet según W3S con una suma que alcanza los 86.1% de los internautas mismos que a partir de Septiembre de este año dejarán de leer los contenidos recibidos mediante el PlugIn de Flash.

RECORDEMOS que Flash hace una década era el único recurso que permitían a los navegadores mostrar sus contenidos audiovisuales: YouTube comenzó su era de publicando videos en formato .flv, Las grandes marcas también se sumaron al movimiento interactivo construyendo microsites con audio, efectos visuales, etc.

Pero en Brandesign toca revisar y dar agradeciemiento a Flash antes que ya nadie lo pueda ver, porque durante más de 1 década creativos de todas las agencias del mundo pudieron realizar: Juegos Interactivos, Micro Aplicaciones, Websites y como no nuestros anuncios de Display: Banners Flash Standard y RichMedia todo gracias a Adobe FLASH. Actualmente (y en este mismo momento mientras lees este post) se siguen produciendo campañas de Flash para grandes marcas. Porque es el recurso más conocido y fácilmente manipulable que tienen los creativos para producir las campañas sin tener que programar en el riguroso HTML5.

Adservers y componentes de publicidad online como MediaMind, Double Click y Weborama sirven cientos de nuestras creatividades, Y estas plataformas al día de hoy aún no están 100% funcionales para servir piezas de HTML5, tampoco la mayoria de los creativos ha sido atraido por el complejo código de HTML5. Sin embargo a partir de Septiembre de 2015,  la red social y los 2 navegadores más grandes en usuarios del mundo NO servirán flash. Y en el caso de Firefox no habrá opción por defecto, simplemente los que quieran ver flash tendrán que irse a otros navegadores.  Asi que es el fin de una era: La era de las campañas creativas de Flash.

El HTML5 es relativamente nuevo, seguro, muy potente, y con código abierto. Pero son pocos los creativos con ánimos de programar en la línea de código. Pero estamos en el camino … La respuesta de Google para estas necesidades de los creativos recientemente ha lanzado su app: Google Web Designer, un software libre y gratuito que permitirá a las agencias creativas (como la nuestra) a compilar creatividades en HTML5 usando herramientas de escritorio. Permite crear banners en HTML5 de forma intuitiva (como Flash en sus inicios) y preveemos pueda ser el complemento inicial para las campañas de Double Click.  Estamos seguros que en la nueva era del HTML5 saldrán más productos para el display.

En Brandesign seguimos apostando por el banner (display) porque es la única pieza del mundo online que ESTÁ EN TODAS PARTES. En tus redes sociales, en los portales, en las newsletters, incluso en los videos de YouTube.  Y los hemos empezado hacer en HTML5.

Este es el comunicado que esta semana está repartiendo Google en los soportes: //bit.ly/html5listos

¿Crees que es el fin de los banners en Flash ?

¡Gracias por visitarnos!

Para ayudaros a visualizar en que estado está flash hemos hecho una breve gráfica:

Referencias:

Twitter: //www.businessinsider.com/facebook-chief-security-officer-calls-for-end-to-adobe-flash-2015-7
ElMundo: Firefox comienza a bloquear por defecto todas las versiones de Flash
Otro Post: Pasado, Presente y Futuro de la Animación en Internet

Nuestra viñeta es la portada del especial “Countdown” #106 de Flash – Propiedad de © 2007 DC Comics, Ilustrado por Ryan Sook en Diciembre de 2007.

Producimos piezas de tu campaña de marketing online que obtienen resultados.

Como crear banners que sean unas estrellas

a.k.a: Como aparecer en la portada de “The Rolling Stones” sin ser una Rock Star.

Hace mucho tiempo que Marshall McLuhan nos enseñó su filosofía sobre que el Medio es el Mensaje, donde aprendimos que “somos lo que vemos”. Y que el lugar DONDE se digan las cosas infiere tanto como el COMO decimos las cosas,..  por eso nunca hemos entendido como muchas veces vemos campañas de comunicación Online como “adaptaciones” de piezas offline. En los diversos medios se pueden apreciar las mismas piezas de una misma campaña sin variar la creatividad ni el mensaje.

No no sabemos si esto ocurre por falta de visión o presupuesto o Bien sea por tener la visión holística de ver la imagen de la campaña replicada por todas partes como si de “empapelar” los medios se tratase.

Son realmente las marcas las que entienden que tenemos que hablar diferente a cada target, y los targets habitan de forma online en multitud de soportes, navegando por ocio u obteniendo información para sus compras (ZMOT). Lo cierto es que muy pocas de ellas disponen de campañas donde se adapten o amoldean al medio Online donde se publiquen.

Si cambiar tu tono de hablar con diferentes tipos de personas no te cambia tu personalidad, ¿porque muchos anunciantes no adaptan sus campañas a los diferentes portales o canales temáticos cambiándo también la creatividad?. Producir una creatividad diferente para cada soporte no es más costoso que la ganancia en fidelización o sintonía que esta pieza obtenga sobre su audiencia en ese momento.  En muchas ocasiones tiene más relevancia el cómo y cuando se muestre la campaña que la misma oferta que se promocione.

Producimos piezas de tu campaña de marketing online que obtienen resultados.
Afortunadamente, Hemos tenido la oportunidad de ganar clientes que si nos han pedido pensar y operar de esta forma. Es el caso de la Universidad Europea, cuyas creatividades solemos hacer para cada tipo de soporte / medio / audiencia / momento indicado. Esta creatividad nos permitió no solo aparecer en la portada de los Rolling Stones (una fantasia cumplida para nuestro afán rockero) sino también permitió a la Marca [UE] obtener muchos registros cualificados por acertar con el medio y con la creatividad correcta, ganando así más leads tan solo amoldeando un poco el tono gráfico de las creatividades.

Nos pareció valioso para nosotros esta experiencia la cual compartimos en este blog. Somos del pensar que la creatividad debe optimizar su diseño en función al medio y a su audiencia mas que buscar repetir una campaña globalmente.

Esta campaña sobre el Máster en Live Entertainment se realizó en 4 diferentes soportes, y el cambio de creatividades también aportó métricas para comparar y optimizar LOS RESULTADOS DE LA campaña.

Reglas de Oro de los Banners

Nuestra Checklist para Displays orientados a DR

  • Dejar claro el mensaje: Tienes hasta 15 segs para lograrlo.
  • Dejar claro la respuesta: Piensa un call to action que oriente al usuario sobre los próximos pasos.
  • Deja tu marca visible y reconocible: Es un factor de confianza clave de decisión al click.
  • No dejes para la landing lo que tu banner tiene que decir hoy.
  • Sé directo, creativo y flexible: Piensa donde y quien te están viendo.
  • Si, el tamaño importa: Cada formato tiene sus ventajas y dimensiones, no se trata de escalar.
  • Menos es más: Un banner es una invitación, un recordatorio, una aspiración, un llamado.
  • Neverending Stories: No le cuentes al usuario un cuento, puede llegar solo a la mitad de tu película.
  • Piensa diferente. Si, ya sabemos que dicho por Steve Jobs suena mejor.

En tu próximo plan de medios: Consúltanos estaremos encantados de asesorarte.

Pasado, presente y futuro de la animación en Internet

LA ANIMACIÓN PARA INTERNET: Pasado, Presente y Futuro

Pasado, Presente y Futuro de la Animación para Internet.

La historia del Marketing online no se puede escribir sin hacer una referencia al fenómeno que pudiéramos denominar como «animaciones para internet», refiriéndonos a animaciones creadas en unos formatos concretos y con unas características específicas, habitualmente usadas en diferentes formatos de banners.

Desde los «ancestrales» GIF animados de los años 90, a los formatos Rich Media o HTML5 / Js actuales, se ha escrito una historia de evolución técnica y creativa que tiene al formato Shockwave Flash,( o Flash a secas ) como protagonista, héroe y villano al mismo tiempo.

Flash: El presente, y pronto… ¿el pasado?

Las animaciones Flash han sido, y siguen siendo, el formato más popular para animar campañas de Display. Flash ofrece animaciones de muy bajo peso aceptadas por la gran mayoría de Adservers. Las piezas se visualizan en Flash Player, ( el plugin que reside en el equipo del usuario ) que renderiza animaciones vectoriales o con elementos Bitmap a las que se pueden programar eventos e interactividad, ofreciendo múltiples posibilidades para captar la atención del usuario y mejorar el ROI en una campaña. A día de hoy ningún otro formato ofrece este nivel de interactividad incorporada en animaciones para internet.

Flash también ofrece una solución de «vídeo para internet»: el formato flv ( o Flash Vídeo ), que, aunque muchos penséis no conocer, os será muy familiar si se menciona que un servicio tan popular como YouTube no hubiera podido nacer y desarrollarse sin el uso de este formato.  ( aunque actualmente ya no se utilice ). Flash Vídeo se usa de forma extensiva en piezas de publicidad online Rich Media, a veces combinado de forma sofisticada con animación Flash o gráficos interactivos, lo que multiplica las posibilidades creativas enfocadas a la atención o interacción del usuario.

Pero, aunque el formato swf ( Shockwave Flash ) siga siendo a día de hoy un estándar aceptado en casi todas las especificaciones para Banners Display, la evidente hegemonía de los dispositivos móviles es una condena que determina que más pronto que tarde dejará de ser un formato válido para Banners, dado que no es compatible con el sistema iOS, y, en Android, Adobe ha dejado de dar soporte como resultado de la pobre experiencia que ofrecía.

JavaScript .js + HTML5: ¿El futuro?

Los dispositivos móviles no son el futuro ni mucho menos, son el presente. Aún así, el mundo del Marketing online camina un paso por detrás de la tecnología y sigue, ( si exceptuamos los casos concretos en los que se usan piezas Rich Media ), replegado en formatos estáticos o gif animados para estos dispositivos,con la perdida de ROI que esto conlleva.

Las relativamente novedosas animaciones Javascript insertadas en un tag Canvas de HTML5,
( también llamadas «animaciones html» ) se postulan como la solución más prometedora a corto plazo. Veamos los 3 puntos que las hacen una candidata casi perfecta:

    • Son compatibles con cualquier dispositivo móvil.
    • Ofrecen una flexibilidad creativa en las animaciones muy parecida a la que ofrece Flash ( aunque no llega aún a ser tan completa ).
    • Al igual que con Flash, es posible combinar las animaciones con elementos interactivos.

Añadamos un cuarto punto que no es baladí: este tipo de animaciones no requiere de un plugin propietario para ejecutarse, como es el caso de Flash con el Flash Player. Esto implica que las animaciones siempre podrán, al menos técnicamente, tener una mayor audiencia potencial que una animación Flash.

Authoring animaciones Js – HTML5

Las animaciones Javascript – HTML5 se pueden crear desde Adobe Flash. Ya en la versión CS6 Flash ofrecía la posibilidad de exportar animaciones a este formato, no obstante aún con algunas limitaciones técnicas que podían influir en la creatividad y eficacia de la pieza resultante.

Flash CC y Flash CC 2014 ofrecen ya una integración con resultados verdaderamente profesionales.
Adobe Edge Animate es una herramienta de la suite Creative Cloud creada específicamente para animar mediante Javascript – HTML5. La diferencia con Flash?: en el campo creativo ofrece menos posibilidades, pero en el campo técnico integra la responsividad, algo que, trabajando desde Flash, debe realizarse «a mano», ( es decir, añadiendo código CSS al html que convierta a la animación en responsive ).

Mi próxima campaña… ¿debería producirse con Js – HTML5?

R= Depende. El problema, como ya se ha señalado, es que aún la mayoría de Adservers limitan este tipo de animaciones, por lo que, en dichos casos, deberemos seguir usando Flash.
Si la campaña se va a mostrar en webs específicas ( embebiendo la pieza directamente en la web ), o usando redes de afiliación que lo permitan, podremos usar este formato. En campañas donde busquemos apuntar a un target usuario de dispositivos móviles podremos comprobar en todo su esplendor el valor añadido que ofrece este formato.

Animaciones en una web propia

Si nuestro propósito es incluir una pieza de animación en una web propia, sin duda esta sería la elección más inteligente, teniendo en cuenta que tendremos, no sólo una animación compatible con cualquier dispositivo, sino que será tan responsiva como nuestra propia web, amén de una integración completa con el html del sitio.

Conclusión:

Las animaciones para internet pueden, ya a día de hoy, ganar mucho en el terreno técnico haciendo uso extensivo de Js y HTML5. El handicap en el mundo de los Banner Display siguen siendo las limitaciones impuestas por los Adservers, pero esto cambiará más pronto de lo que parece y, quienes antes abracen este formato de presente y futuro y se posicionen en esta tecnología, disfrutarán de ventaja sobre sus competidores cuando esta forma de animar sea un «trend» global y acabe convirtiéndose en un estándar.  En Brandesign podemos ayudarte a alcanzar tus objetivos cualquiera sea la modalidad de tu campaña online.

Pequeña (algo inventada pero verdadera) historia de Flash

¿Recordáis como Flash nos acercó a un mundo nuevo de animación e interactividad cuando la web 1.0 era tan aburrida en sus inicios? FutureWave, Macromedia, ahora Adobe lo hicieron posible: La Animación Online tan solo tiene 19 años y cada vez más gana nuevas características y nuevos profesionales .. En Brandesign hemos querido dejarles este cartoon complementando la lectura sobre nuestra última entrada sobre la Historia de la Animación Online. ¿que os parece?º

Checklist de una Landing Page Eficaz

¿Tienes una campaña SEM en Adwords?

Repasa esta checklist parea comprobar que tienes una landing page efectiva

Como complemento a nuestras acciones de marketing podemos utilizar Landing Pages para convertir visitas en clientes o interesados. El objetivo principal de esta página es la de ofrecer un producto o una oferta concreta y muy enfocada a un target determinado. Pero, para que realmente sean efectivas tenemos que tener en cuenta los siguientes elementos:

  • El Titular y el Subtítulo deberían de ser:

    • Acordes con tu campaña de marketing, para no crear confusión, y además enfocadas a un único objetivo.
    • Directo, claro y sencillo. Cada usuario que entra en nuestra landing page busca una solución a un problema, tenemos que explicarle cómo vamos a ayudarle a solucionarlo.

Por ejemplo en esta landing que diseñamos para Adeslas ofrecía una oferta de Seguros puedes ver cómo el titular deja bien claro cuál es el propósito de la página.

Landing Adeslas

  • El Diseño y la imagen de apoyo:

    • Utiliza tus recursos corporativos, incorpora tu logo y tu gama de colores, así el usuario identificará esta página como parte de tu presencia online.
    • El diseño tiene que estar orientado a la conversión, utilizando recursos gráficos como el contraste, los colores, el encajado para conseguir resaltar un área o la utilización de indicaciones para mostrar los pasos que debe de seguir el usuario (como por ejemplo la landing de Midas que puedes ver a continuación) .

Landing Page Midas

  • Texto más detallado.

    • Para convertir visitas es necesario incluir algo más de detalle de nuestra oferta o servicio.  Incluye aquella información que sea estrictamente necesaria para generar confianza pues está demostrado que tan solo tenemos 8 segundos para convencerlos.
  • Formulario para captar interesados

    • Corto, que no exija mucho tiempo por parte de nuestros usuarios, pocos campos.
    • No olvides incorporar un link de Política de Privacidad.
    • El botón de la “llamada a la acción” o CTA debería ser lo más aproximado al titular. Utiliza texto como “Aprovechar esta oferta” o “Solicita Información”.

Mira cómo resalta el botón de esta Landing que creamos para Pelayo.

Landing Page Pelayo

Y para asegurarte que realmente está todo haz un pequeño test con alguien de tu equipo para ver si es capaz de responder en segundos a estas tres preguntas:

  1. ¿Cuál es la oferta?
  2. ¿Por qué no pueden dejar esa landing? ¿Beneficios?
  3. ¿Sabes lo que tienes que hacer para conseguirlo?

CONTACTA A BRANDESIGN

Brandesign estudia las marcas globales para emprender campañas locales con un toque creativo
Te esperamos en Madrid o en cualquier parte que alcance internet.