17/04/2013

¿Cómo crear una buena infografía para Internet?

¿Cómo crear una buena infografía para Internet?

Las infografías son representaciones visuales que buscan clarificar información compleja a través de dibujos, gráficos y esquemas. Son habituales en diarios y revistas desde el siglo XIX, pero también han sido fuertemente adoptadas en Internet, a la vez que las aplicaciones de edición gráfica incorporaron funciones y facilidad de uso.

Pero no todas las infografías de Internet son imágenes estáticas en JPG. El desarrollo del formato SVG y las novedades de HTML5 y CSS3 abrieron paso a infografías interactivas con animaciones y elementos dinámicos, superando así las limitaciones del formato tradicional. Esta evolución tecnológica, sumada a cierta tendencia a privilegiar los gráficos sobre el texto, explica el presente auge de las infografías en blogs y revistas online.

Muchas empresas crean infografías para construir su imagen de marca entre los consumidores o difundir información importante entre sus empleados. En cualquier caso, una buena infografía para Internet debe contar con algunas características:

  • Diseño efectivo. En una infografía pueden utilizarse elementos gráficos muy diversos. Gráficos estadísticos, imágenes y tipografías impactantes están entre los más tradicionales, pero en Internet es habitual el uso de caricaturas. Los dibujos humorísticos ilustran lo que queremos decir y transmiten emociones con increíble efectividad.
  • Facilidad de difusión. Si queremos que nuestra infografía se difunda, debemos brindar medios sencillos para hacerlo. Un formato fácil de reproducir (evitar Flash), botones para publicar en redes sociales y un posible código para «incrustar» la infografía serán de ayuda.
  • Adaptación al medio. Las infografías en medios gráficos suelen tener formato horizontal; las infografías realizadas para Internet, formato vertical. Los diarios suelen tener un gran tamaño e incluso ampliarlo a través de páginas desplegables, pero los usuarios de Internet pueden utilizar un amplio rango de dimensiones. Estas diferencias deben tenerse en cuenta a la hora de diseñar una infografía para Internet.

Aplicando estos principios podremos liberar el asombroso poder las infografías para comunicar nuestras ideas.

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