20/03/2014

Consejos para diseñar banners atractivos

Consejos para diseñar banners atractivos

A pesar de su antigüedad, los banners no solo siguen siendo uno de los principales tipos de anuncios en Internet, sino que además ganan espacio y suman nuevos formatos. Por ejemplo, son cada vez más comunes los banners rich media.

Es innegable que cualquier forma de publicidad puede perjudicar la experiencia de navegación, lo que lleva a muchos usuarios a instalar plugins que bloqueen banners y pop-ups. Los usuarios tienden a soslayar los banners (fenómeno conocido como banner blindness), por lo que muchos diseñan anuncios invasivos y engañosos que solo consiguen tráfico a costa de la confusión del lector. Sin embargo, podemos tomar varias medidas legítimas para crear banners que realmente inviten al usuario a cliquear sobre ellos:

  • Elegir un buen espacio. Debería ser lo primero a considerar. El lugar de la página donde se ubica el banner no sólo define su visibilidad sino que además puede determinar su funcionamiento. Por ejemplo, muchos banners colocados sobre la barra lateral suelen expandirse hasta ocupar todo el ancho de la pantalla cuando el usuario pasa el mouse por encima.
  • Usar un buen botón call-to-action. Frases como «Conozca más» o «Pruébelo ahora mismo» pueden ser irresistibles para el usuario. Ver: consejos para diseñar botones call-to-action.
  • Evitar la sobrecarga. El espacio del banner es reducido. En lugar de esforzarnos para incluir en él toda la información que podamos, debemos reducir al mínimo el texto a mostrar. Además, transmitir demasiada información elimina la intriga y puede hacer que el usuario no vea la necesidad de hacer clic para enterarse de más. Por algo los estilos clean y minimalista son tan aplicados.
  • Mantener la consistencia. Luego de cliquear el botón, el usuario debe ser conducido a una página estética y temáticamente relacionada con el banner. Si se encuentra con algo diferente, probablemente se pregunte cómo llegó hasta ahí y abandone la página.

Aplicando estos principios podremos diseñar banners que se integren naturalmente a cualquier página sin dejar de ser llamativos para los usuarios.

0

angularjs Aplicaciones en Facebook aplicaciones mobile behavioral targeting Botones Call-to-action breadcrumbs breadcrumbs web búsqueda de personal búsqueda facetada Call-to-action buttons Client-side cliente-destacado cms a medida coding comercio electrónico content marketing CSS3 PIE cuanto debe pesar un sitio data-driven web design Datos estructurados Defacement Denegación de servicio Desarrollar una aplicación web desventajas de PhoneGap diseñar newsletters diseño web diseño web argentina diseño web esqueuomórfico Diseño web responsive Diseño web responsivo diseño web santa fe diseño web Smart TV diseño web televisores DOM desde PHP enlaces rotos filtros de búsqueda flash flat web design formularios sitio web fragmentos enriquecidos función de autocompletar futuro de la realidad aumentada html HTML5 html5shiv inbound marketing Initializr interfaces Web para televisores javascript jobs jQuery Mobile Mapbox maquetado html/css maquetador web masonry layout menú de navegación menú desplegable Metodologías ágiles Modernizr MVC Navegación por teclado oferta laboral OpenStreetMap paginas de Facebook Paper js Paper js framework personas Phishing plan de QA Polyfills polymer portfolio-destacados portfolio-inicio programacion de CMS Programadores WordPress página de contacto página de error 404 que es Backbone.js Realidad aumentada Resultados instantáneos server-side skeuomorphic design sliders y usabilidad soporte Internet Explorer Storytelling Underscores usabilidad usabilidad buscadores user-centered design ux velocidad de carga web Vendor prefixes ventajas jQuery Mobile Ventanas integradas versiones antiguas de Internet Explorer WAI-ARIA web components web imprimible Web Semántica WordPress para ecommerce