Storytelling

Es una herramienta muy útil para el diseñador UX, ya que le permite establecer una conexión emocional con la audiencia debido a la forma en la que el cerebro humano procesa imágenes.

Heading

Tiempo Sugerido

1-2 Horas

Nivel de dificultad

Moderado

Materiales

Ilustraciones, fotografías, diagramas, esquemas o audiovisuales

Participantes

Equipo de diseño

HErramienta

Paso a paso

El visual storytelling puede definirse como el arte de expresar una narrativa en una forma visual. En los proyectos UX normalmente se muestra mucha información sobre el proceso, los usuarios y los datos obtenidos. El visual storytelling ayuda a enfatizar diferentes perspectivas, manejar la información en piezas más fácilmente interpretables y gestionables y establecer prioridades de acción. Además, es una herramienta muy útil para el diseñador UX, ya que le permite establecer una conexión emocional con la audiencia debido a la forma en la que el cerebro humano procesa imágenes.

El cerebro humano dedica un 30 % del córtex a procesar información visual en comparación con el 8 % que dedica a la información táctil o el 3 % a la auditiva. Asimismo, el cerebro es capaz de identificar imágenes mucho más rápido que interpretar elementos verbales. Además, los humanos tenemos una gran capacidad para recordar imágenes.

El visual storytelling utiliza todo tipo de elementos visuales, tales como ilustraciones, fotografías, diagramas, esquemas o audiovisuales para generar una historia en la mente y el recuerdo de la audiencia. Es una técnica que crea experiencias emocionales duraderas en el público.

El ojo lee siguiendo patrones en forma de «F» y de «Z» (imagen siguiente). Los diseñadores de UX deben tener en cuenta estos patrones a la hora de planificar el contenido de una imagen, un slide o un frame de una página web para que la narrativa construida se adapte al modo en que las personas descifran la información visual.


1. Mantener el texto en la parte central o ligeramente hacia la izquierda permite al ojo encontrarlo cómodamente.

2. Limitar la longitud del texto mejora la comodidad a la hora de leer, de manera que invita al lector a continuar.

3. Acompañar siempre el texto con imágenes explicativas, titulares que ofrezcan un mensaje directo y otros elementos visuales ayuda a dar ritmo a la diapositiva e invita al lector a explorar todo el contenido.

©2019 Grupo Bancolombia. Todos los derechos reservados.