Para todos los que necesitan comunicar algo a alguien usando datos #UXPA

1. UXPAEcuador
Storytelling & Data
Visualisation
Para todos los que necesitan comunicar algo a alguien
usando datos
InnoBeer 2019 – Daphné Repain

2. ¿Si he llegado hasta
aquí, cuál era mi
expectativa?

3. ¿Cuáles son mis
expectativas?
¿Eso impacta o no mi
trayecto?
¿Vías alternas?

4. Somos transparentes pero no te decimos nada….

5. ¿Si he llegado ahi,
cual era mi
expectativa?
Quiero saber, ¿Quién ganó las elecciones en mi
parroquia?

6. El problema que pasa muchas veces
Estamos construyendo el QUÉ mientras
deberíamos enfocarnos en el PORQUÉ
@Stanley Wood Head of UX at Volvo, previously at Spotify

7. Como
hacemos?
1.Cómo
hacemos?

8. Porque las historias se transmiten más fácilmente que los conceptos,
porque permiten una comprensión más inmediata y más emocional
de la realidad.
Por su capacidad de convencer. También es esta característica la que
constituye uno de los principales peligros de la narración: cuando se
manipula el deseo de convencer.
La narración de historias es, sobre todo, una forma de estructurar el
discurso, en forma de una narración coherente.
¿Por qué el Storytelling?

9. ¿Cómo quieres hacer sentir a alguien?
¿Qué mensaje quieres enviar?
¿Qué comportamientos quieres alentar?
Las experiencias increíbles empiezan pensando en alguien
@Tom Wolf

10. Crear historias a partir de datos abiertos
@Good Magazine

11. 2. No vemos imágenes con nuestros ojos, los estamos
viendo con nuestro cerebro.

12. 3 puntos clave de la percepción visual
• Prestamos atención a las cosas que nos llaman la
atención.
• Nuestros ojos se sienten atraídos por patrones familiares.
Vemos lo que esperamos ver. Por lo tanto, la visualización
debe tener en cuenta lo que la gente sabe y espera.
• Podemos mantener una cantidad muy limitada de
información en nuestra memoria cuando miramos una
imagen.

13. ¿Cómo funciona la memoria?

14. Procesamiento de la información

16. 3. 500ms para la visión y el cerebro para procesar
un atributo visual de manera inconsciente

17. Conocimiento es poder….si logro compartirlo
https://Data need Design

18. Sabían que 90% de la Data tiene solo 2 años?
• Buen uso de la Data puede mejorar
de 60% del margen operacional
• Proceso de Diseño UX puede
generar hasta 32% más de ingresos
@McKinsey

19. La visualización de data para planificar
actividades

20. La visualización de data para tomar
decisiones

21. Para guiar donde queremos
@Colin Ware

22. Seleccionar un visual pertinente. ¿Números?

23. Seleccionar un visual pertinente. ¿Graf?

24. Llama la atención donde quieras...
Debes saber cómo leer tus datos y cómo usarlos.
¿Qué pregunta estás tratando de responder? o
¿Qué problema estás tratando de resolver?

25. ¿Cómo utilizamos la pre atención* en la visualización de datos?
Supongamos que somos una empresa de comercio electrónico y deseamos analizar
los datos de comentarios de nuestros clientes, del último trimestre. ¿Cuál es la
primera cosa que están haciendo?
*Preattentive Attribute

26. ¿Cómo utilizamos la pre atención* en la visualización de datos?
Al resaltar Entrega y Precio, hemos llamado la atención de nuestra audiencia hacia estos 2 mejores
resultados. ¿Te das cuenta de cómo las otras 3 categorías han sido puestas en segundo plano?
*Preattentive Attribute

27. ¿Cómo utilizamos la pre atención* en la visualización de datos?
*Preattentive Attribute
De repente, la atención de nuestro espectador se desplaza hacia la parte inferior de la tabla, los de peor
desempeño. Hemos preparado el escenario para una discusión sobre lo que está mal en estas
áreas.

28. 4. El impacto del Storytelling...

29. Un dashboard para tomar decisiones o elegir una actividad?

30. ¿Para influir sobre el comportamiento?

31. Para comunicar cómo se va a ajustar en la vida de los
demás
@Tom Wolf

32. En 2010 en Francia
250.000 celulares robados
Más de 200 clientes robados por día por cada
proveedor
Para guiar el diseño de nuevos servicios
basados en necesidades
Como hago para bloquearlo?

33. Para tener un impacto social (Whirlpool)
Más de 4,000 estudiantes abandonan la escuela todos los días aquellos
que sí tienen una tasa de desempleo 40% más alta y una tasa 70% más
alta de asistencia gubernamental y 8 veces más probabilidades de terminar
en la cárcel. Estos datos también mostraron que una de las razones más
comunes para que los estudiantes abandonen la escuela es que sus
familias no podían pagar lavadoras y secadoras y se avergonzaron de ir a
la escuela con ropa sucia y sin lavar.
Whirlpool tomó estos datos y lanzó un programa para instalar lavadoras y
secadoras en las escuelas para que los estudiantes tuvieran un lugar para
lavar la ropa. En el primer año, el programa vio 2,300 cargas de ropa
lavada. Esto condujo a un aumento de más del 90% en la asistencia a la
escuela y un aumento del 89% en la participación en clase de los
estudiantes que usaron los electrodomésticos.

34. A day in the life of Americans
https://flowingdata.com/2015/12/15/a-day-in-the-life-of-americans/
@FlowingData.com

35. Para informar

36. Referencias
• Nicole Martin (2018) Data Visualization: How To Tell A Story With Data
• Yazin Akkawi (2018) How Snow White helped Airbnb prove that
storytelling is the most important skill in design
• Vidya (2016), Preattentive Attributes in Visualization – An Example
• Vidya (2016), The role of Visual Perception in Data Visualization
• Colin Nussbaumer Knaflic (2015), Storytelling with Data: A Data
Visualization Guide for Business Professionals
• Colin Ware (2012), Information Visualization: Perception for Design
(Interactive Technologies)
• Stephen Few, 2012, Show me the numbers
• Oren Klaff (2011), Pitch Anything - Presenting, Persuading and Winning
the deal
• Stephen Few, 2009, Now You See It: Simple Visualization Techniques for
Quantitative Analysis

37. Daphné Repain
Co-fundadora UXPA Ecuador
@UXPAEcuador
www.uxpa.ec
info@uxpa.ec
¿Te interesa el UX?
Escanea este código y únete a nuestra
comunidad en Slack.