03/12/2014

Storytelling en diseño web: una nueva forma de comunicar

Storytelling en diseño web: una nueva forma de comunicar

Storytelling significa contar historias. El término puede hacernos pensar en relatos de ficción. Pero podemos pensar en una definición más amplia. Contar historias es compartir sucesos a través de palabras e imágenes para transmitir educación o entretenimiento. Todas las historias exponen tres principios:

  1. Se mueven hacia delante con una intención y un propósito.
  2. Plantean un problema y lo resuelven.
  3. Se sostienen sobre una idea unificadora.

En el mundo del branding, storytelling es aplicar los principios de las historias para comunicar el espíritu de una marca. A veces el resultado es una historia tradicional, como la historia de la propia empresa o una biografía inspiradora. Pero también puede ser una serie de acciones de marketing, no explícitamente narrativas, unidas entre sí por un tema común, como los valores y la misión de la empresa. Y otras veces es más bien un enfoque, una forma de pensar en una marca a través del lente de la narrativa.

En cualquiera de sus versiones, el storytelling está presente en todos los medios de comunicación, pero cada vez más en la Web, donde, libres de los límites de la radio y la televisión, las marcas pueden capturar al usuario durante varios minutos para contarle una historia.

Existen muchos ejemplos de sitios web que cuentan historias. En todos ellos se aúnan recursos propios del teatro, la literatura, la radio, el cine y la televisión, como la tipografía, el video, el sonido, los efectos especiales, la fotografía y la ilustración. Pero incluso pueden generar formas de narrativa imposibles en cualquier otro soporte: la mayoría echan mano a las tecnologías one-page y parallax, que ya comentamos anteriormente. A medida que nos desplazamos por la página, objetos interactivos entran y salen de la pantalla, como en esos libros infantiles troquelados y con sonido.

¿Por qué tantas empresas usan la Web para contar historias en vez de limitarse a ofrecer simples sitios institucionales? Para la diseñadora de UX Dorelle Rabinowitz, son cuatro las razones:

  1. Las historias ayudan a la gente a entender sus acciones y motivaciones.
  2. Las historias ayudan a la gente a aprender, vincularse, recordar y compartir.
  3. Las historias motivan, persuaden, informan e inspiran.
  4. Las historias pueden tener un impacto emocional duradero.

Si una historia puede lograr todas estas cosas, vale la pena explorar los horizontes narrativos de la Web.

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