Diseño de anuncios de banner que no chupan 15 consejos de diseño

Ha habido muchas conversaciones recientes sobre anuncios de banner. ¿Se están desvaneciendo? ¿Los usuarios realmente están haciendo clic en ellos? ¿Están muertos? ¿Hay mejores opciones disponibles?

Si bien es cierto que los clics en anuncios publicitarios están en declive, este no es el final del popular formato de publicidad en línea. Si bien no puede medirlo, solo ver un anuncio ayuda a crear una preferencia de usuario para ese artículo, producto o servicio. (Recuerde, los anuncios han aparecido en la televisión y en materiales impresos durante décadas sin clics para demostrar sus tasas de éxito). Hoy, veremos 15 formas en que puede crear anuncios de banner que simplemente no apestan. Eche un vistazo a los ejemplos también. Son ganadores de los Premios Webby 2015 por el diseño de anuncios y sitios web. Puede hacer clic en las imágenes para obtener más información sobre cada una.

1. Se adhieren a los tamaños estándar

Los anuncios de banner no son un tipo de proyecto de talla única. Tendrá que crear dentro de las especificaciones del sitio donde planea hacer publicidad, y la mayoría de los sitios usan un conjunto de tamaños comunes. (Esto también incluye boletines de noticias por correo electrónico, que a menudo siguen un marco similar).

Google AdWords, uno de los mayores servidores de anuncios de banner en la web, se mantiene al día con los tamaños más populares. ?Como una regla de oro,? Según Google, "los tamaños de anuncios más amplios tienden a superar a sus homólogos más altos". Gran parte de esto puede tener que ver con la ubicación sobre el rollo y porque es más cómodo de leer de izquierda a derecha, en lugar de un montón de texto apilado. h

Así que aquí están los tamaños que debe considerar primero:

  • Tabla de clasificación de 728 píxeles por 90 píxeles (a menudo en la parte superior o inferior de las páginas)
  • Rectángulo mediano de 300 por 250 (a menudo flota en el lado derecho o está incrustado en elementos de texto)
  • 300 por 600 media página
  • Banner móvil de 320 por 100

2. Crear jerarquía

Cada banner publicitario necesita tres elementos: marca, mensaje y estímulo para hacer clic. El desafío es que no tienes mucho espacio para hacer esto.

Crear una simple jerarquía de elementos. El mensaje debe ser breve, de dos a diez palabras es ideal. ¿Qué estás ofreciendo y por qué la gente debería quererlo? Luego incluye un logomark o identificación. Solo tiene que ser legible y no tiene que ser grande. Luego termina el marco de anuncios con una razón para hacer clic. ¿Tienes una venta? ¿Código promocional? ¿Registrarse por correo electrónico?

Cada uno de estos niveles debe dimensionarse utilizando la teoría de diseño básica con tamaño, espacio, peso y color para guiar al usuario de un elemento a otro.

3. Un anuncio es igual a un mensaje

Los anuncios de banner no son una rotación interminable de mensajes. Si bien puede usar técnicas como gifs animados para desplazar múltiples mensajes en anuncios, esta no siempre es la mejor solución.

Comience con un concepto que funcione primero como un anuncio estático. Solo entonces deberías intentar agregar características o funciones. Mover elementos en un anuncio no debe ser el una cosa la gente ve Tu mensaje debería ser lo más importante en la pantalla.

4. Piensa en la colocación

¿Dónde planea colocar estos anuncios publicitarios una vez creados? Si está utilizando un servicio como Google, es posible que no tenga mucho control sobre las ubicaciones, pero si está comprando directamente para sitios web, aplicaciones o boletines electrónicos específicos, debe mirar el diseño de estas cosas antes de comenzar con su anuncio.

Use colores que contrasten con la ubicación y el fondo circundante. Esto ayudará a que su complemento salga del escenario. Opta por colores llamativos y tipografía fuerte también. Incluso si se encuentra en un campo o línea de productos similar al sitio donde se coloca el anuncio, elija imágenes fuertes que sean drásticamente diferentes para lograr el máximo impacto.

5. Incluir un llamado a la acción

A pesar de que la mayoría de los anuncios nunca serán seleccionados, ese es el objetivo final, ¿no? Cree una llamada a la acción para cada banner publicitario que diseñe. ¿Qué se supone que deben hacer los usuarios a continuación?

Esto puede incluir suscribirse a una lista de correo electrónico, ver su sitio web, obtener un descuento, etc. Pero tienes que decirles a los usuarios que realicen esta acción. (Sí, a veces todavía somos un grupo bastante impresionable que necesita instrucción directa).

6. Olvida el flash

Casi no hace falta decirlo en estos días, pero no dejes que nadie te hable sobre un anuncio flash. Estás perdiendo tiempo, esfuerzo y dinero.

Utilice HTML5 en su lugar. Si necesita ayuda para convertir algunos de sus diseños de anuncios más antiguos y desea recuperarlos, Google tiene un breve tutorial que puede ayudarlo.

7. Incluir un botón

Cuando se trata de usuarios un tanto densos, todos caemos en esa categoría en algún momento, las instrucciones fáciles de seguir son vitales. Si bien la mayoría de los usuarios saben que pueden hacer clic en los anuncios, a veces incluir un botón real es lo que los hace mover el mouse. (Sí, sabemos que se puede hacer clic en todo el espacio publicitario, pero el botón es una excelente señal visual).

Así que incluye un botón. No tiene que ser lujoso. ¿Pero una simple? ¿Comprar ahora? o? saber más? puede hacer mucho para que los usuarios cambien de visor a conversión.

8. Centrarse en las fuentes

Cuanto más pequeño sea el espacio con el que está trabajando, más importantes serán las fuentes. Los anuncios de banner suelen ser forzados a espacios pequeños y se enfrentan a una gran competencia por los ojos. Aprovecha al máximo con tipos de letra fuertes que sean fáciles de leer.

Como regla general, dos tipos de letra deberían ser suficientes.

  1. Ir grande con el titular. Use algo que sea audaz, un poco inusual o colorido para captar la atención de los usuarios.
  2. Se adhieren a un simple sans serif para todo lo demás. Puede usar dos tamaños o texto en negrita: uno para el texto principal y otro para los botones o llamadas a la acción. Solo asegúrate de que sea fácil de leer.

9. Use la animación simple en el anuncio

Una de las mayores tendencias en anuncios de banner es la animación simple. ¿Hay un personaje divertido corriendo por el anuncio? ¿Te guiña una guapa chica desde el otro lado de la pantalla?

De lo que no estamos hablando son las pantallas parpadeantes de color amarillo brillante y naranja de los anuncios del pasado.No necesitas un texto brillante de neón para captar la atención de un usuario.

De lo que estamos hablando es de pequeñas sorpresas que tendrías que mirar dos veces para darte cuenta. La animación simple puede ser solo ese pequeño divot que hace que alguien se dé cuenta.

10. Guardar adecuadamente

Este es un grande. Nadie querrá publicar sus anuncios si los archivos son demasiado grandes o si no están formateados correctamente. Optimice su contenido para el tamaño de archivo más pequeño posible. El tamaño del archivo de destino debe estar alrededor de 150 kb, dependiendo del tamaño del anuncio.

Luego, asegúrese de guardar en un formato que funcione en toda la web. Los tipos de archivos comunes para anuncios de banner incluyen PNG y JPG para pantallas estáticas, y GIF para pantallas animadas. A medida que aumenta la popularidad de SVG, este formato también es cada vez más aceptado.

11. centrarse en la copia

Antes de decir que este es el trabajo de otra persona, la copia es una parte clave del diseño. Como no hay mucho espacio para trabajar aquí, deberá trabajar en estrecha colaboración con el redactor para crear un mensaje que se venda.

Usted no quiere obtener 100 palabras para meter en ese anuncio, ¿verdad? Entonces trabaja con el redactor. Considere hacer preguntas al usuario o crear una broma que llame la atención del usuario sin proporcionar respuestas.

12. Mantener la consistencia de la marca

Los anuncios de banner son una extensión de cualquier otra campaña de marketing que esté ejecutando. Y deberían parecerse a eso. Si bien las formas y los tamaños pueden presentar algunos desafíos de diseño, es importante mantener la consistencia visual.

Esto puede requerir pensar en anuncios publicitarios en la parte inicial de su estrategia de marketing. (No diseñaría un logotipo en estos días sin una versión cuadrada adecuada para las redes sociales, ¿verdad? Lo mismo ocurre con los banners si la publicidad en el sitio web forma parte de su plan general).

Para mantener la coherencia, utilice los mismos colores, tipos de letra e imágenes en todos los materiales de marketing. Para elementos más pequeños, podría considerar la posibilidad de eliminar un logotipo formal o utilizar un recorte interesante de una imagen que aparezca en tamaño completo en otros medios. Está bien. Es posible que tengas una gran creatividad para hacer que todo se junte.

13. Usa imágenes fuertes

Si tienes miedo de recortar, este es el momento de superarlo. Las imágenes en los anuncios de banner son pequeñas, a menudo muy pequeñas, y tendrá que usar imágenes ajustadas y tomas de detalles para aprovechar al máximo el espacio.

Al utilizar imágenes de personas, opta por caras. Si eres un minorista de ropa, muestra un artículo en lugar de un guardarropa completo. También se adhieren a ubicaciones simples, con imágenes junto al texto, en lugar de como parte de él. Los usuarios solo tendrán unos segundos para ver lo que intenta decir. Una imagen fuerte junto a un mensaje fuerte es su mejor apuesta.

14. Enlace apropiadamente

No hay nada como una campaña publicitaria bien pensada. Si hace clic en un banner porque ve una camisa que desea comprar, el enlace debe ir a ese elemento. Los usuarios te lo agradecerán.

Esto podría requerir un poco más de trabajo por tu parte. Las páginas de destino que se relacionan directamente con las campañas publicitarias son una buena opción para esto. Haga coincidir los anuncios con las imágenes en la página relacionada para que los usuarios no se sientan engañados o perdidos después del clic. (Esta es una herramienta efectiva para ayudarlo a medir las conversiones también).

15. Mantenlo simple

Esto lo decimos mucho en Design Shack, que sea sencillo. Si sobreestimulas a los usuarios con mensajes, animaciones, colores y hechos, se diluirá lo que realmente intentas lograr. Mantenlo simple.

Cuando se trata de anuncios de banner, uno de todo es suficiente.

  • Una imagen
  • Un mensaje
  • Una llamada a la acción
  • Una marca de marca

Conclusión

Así que el anuncio de banner aún no está muerto. (Y es probable que no desaparezca pronto). Estas ubicaciones pueden ser una forma efectiva de ayudar a llegar a su público objetivo con compras y diseño investigados que ayudan a los usuarios a conectarse con su marca.

Si necesita más consejos para crear anuncios para la web, consulte estos recursos:

  • 10 consejos para diseñar anuncios estáticos
  • Diseñando para la experiencia intersticial