24/03/2016

Contar historias a través de tecnologías web

Contar historias a través de tecnologías web

Incluso quienes conocen las bajas aptitudes técnicas de Steve Jobs (no sabía programar) admiran su singular visión de negocio y su cautivante oratoria. Sus habilidades retóricas se ponían de manifiesto cuando concedía entrevistas, motivaba a sus empleados, daba consejos a estudiantes universitarios o presentaba nuevos productos. ¿Cuál era su secreto? Para muchos expertos, Jobs cautivaba a sus audiencias porque empleaba, de manera más o menos explícita, los principios de la narración de historias, como personajes (héroes o villanos), conflictos, metáforas y moralejas. A veces, incluso, compartía sus propias historias personales.

Contar historias es la mejor manera de transmitir ciertas ideas, conceptos o valores. Esta regla también se cumple en la Web, donde existen tecnologías cada vez más potentes para crear relatos que cautiven al usuario. Como ejemplo de ello, compartimos estos cinco sitios web que entendieron perfectamente el potencial del storytelling en la Red.

The Boat

Multipremiada adaptación de una de las historias que componen The Boat, antología de relatos breves del escritor vietnamita-australiano Nam Le. Esta novela gráfica interactiva, a cargo del canal de televisión SBS, presenta un extraordinario trabajo de diseño tipográfico y arte multimedial, que incluye 300 ilustraciones —59 de ellas animadas— y conserva un tercio de las 49 páginas que componen el relato original. El usuario avanza a través de la historia mediante scroll vertical. Uno de los mejores ejemplos del potencial del storytelling en la Web.

The hybrid graphic novel

Novela gráfica de acción con un estilo visual propio del comic de superhéroes. La protagonista es víctima de una agitada persecución en la que deberá utilizar distintas tácticas para terminar saliéndose con la suya. Las tácticas son los cuatro modos de funcionamiento del sistema de propulsión PSA HYbrid4, de Citröen y Peugeot, dos empresas que difícilmente podrían haber encontrado forma más amena de promocionar su producto.

The Museum of Mario

Un recorrido por los videojuegos de Mario, el personaje más representativo de Nintendo. El sitio no solo es informativo sino también entretenido, ya que en cada pantalla podemos encontrar elementos interactivos ocultos para jugar.

The Forgotten Roadtrip

Cortometraje de acción altamente interactivo, donde el propio usuario, a través de algunas acciones con el mouse, participa en el avance de la historia. Tras sufrir un accidente, el protagonista pierde la memoria y se embarca en una peligrosa investigación para conocer la verdad. Realizado con imágenes y breves videos de alta calidad, el relato promociona un modelo de Mercedes-Benz.

Zombified

Comic interactivo que revela el detrás de escena de la serie The Walking Dead. Para avanzar por las viñetas hay que hacer scroll hacia abajo, si bien visualmente el desplazamiento es horizontal. Si bien las viñetas contienen demasiado texto (así como recursos externos), el formato es ideal dado que la propia serie está basada en un comic.

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