Iniciativa de carácter abierto y gratuito, diseñadas, coordinada y dinamizada por María Sánchez en CAC Málaga el 13 de diciembre de 2017, como parte de las actividades del 25 aniversario del Departamento de Comunicación de la Universidad de Málaga. Más info en redes sociales, vía #tipomaster y #periodismouma, y en www.cibermarikiya.com

1. “Percepción Visual Humana y Usabilidad.
Cómo realizar diseños periodísticos y
visualizaciones de datos comprensibles y
útiles”
José Alberto García Guijarro (ITRS Group)

2. @yllo Robert Jacobson, MIT Press, 1999
El arte y la ciencia de preparar información para que pueda
ser usada por el ser humano con eficacia y eficiencia.
Diseñador de Información

3. ¿Dónde?
Ten en cuenta el contexto de uso.
@yllo

4. Formato
Físico
Dedica más
tiempo y se
recrea en los
detalles
@yllo eltelegrafo.com.ec

5. Formato
digital
En escritorio se
explora con
todo detalle.
@yllo evolutionoftheweb.com

6. Formato digital
En Móvil se explora en
pequeñas dosis de
información.
@yllo
www.goldmansachs.com/our-thinking/pages/millennials/

7. ¿Cómo?
Conoce cómo interpreta una persona una imagen.
@yllo

8. Leyes de la Gestalt
Percepción visual humana
@yllo

9. @yllo

10. @yllo

11. @yllo

12. @yllo

13. Escaneo de imagen
Familiaridad
@yllo Modelo de percepción de Neisser

14. @yllo Modelo de percepción de Neisser

15. @yllo Modelo de percepción de Neisser

16. @yllo Modelo de percepción de Neisser

17. Interpretación racional
Experiencia pasada y sesgos
@yllo

18. @yllo

19. Recomendaciones
El mejor gráfico para tu mensaje
@yllo
Ventas
1er trim. 2º trim.
3er trim. 4º trim.
0
2
4
6
8
10
1er trim. 2º trim. 3er trim. 4º trim.
Ventas

20. @yllo
1er
trim.
2º
trim.
3er
trim.
4º
trim.
Ventas
0
5
10
1er
trim.
2º
trim.
3er
trim.
4º
trim.
Ventas
Ventas
Ventas
1er trim. 2º trim.
3er trim. 4º trim.
0
5
10
1er
trim.
2º trim. 3er
trim.
4º trim.
Ventas

21. @yllo
0
2
4
6
8
10
1er trim. 2º trim. 3er trim. 4º trim.
Ventas
Cantidad vs progresión
0
2
4
6
8
10
1er trim. 2º trim. 3er trim. 4º trim.
Ventas

22. @yllo
Ratio datos/tinta
Proporción de tinta utilizada respecto al
volumen de datos representado.
8,2
3,2
1,4 1,2
0
2
4
6
8
10
1er trim. 2º trim. 3er trim. 4º trim.
Ventas
8,2
3,2
1,4 1,2
0
2
4
6
8
10
1er trim. 2º trim. 3er trim. 4º trim.
Ventas

23. @yllo
No hagas al usuario pensar.
-500,00 €
- €
500,00 €
1.000,00 €
1.500,00 €
2.000,00 €
2.500,00 €
3.000,00 €
Ahorros
Ingresos
Gastos
Ahorro
Agosto Septiembre Octubre Noviembre Diciembre

24. @yllo
No hagas al usuario pensar.
-1.000,00 €
-500,00 €
- €
500,00 €
1.000,00 €
1.500,00 €
Ahorros
Agosto Septiembre Octubre Noviembre Diciembre

25. @yllo
No hagas al usuario pensar.
-€1.000,00
-€500,00
€-
€500,00
€1.000,00
€1.500,00
Ahorros
Agosto Septiembre Octubre Noviembre Diciembre

26. ¿Cuánto?
Considera las limitaciones humanas.
@yllo

27. Sistema de
memoria
Retenemos una
información
limitada
@yllo
9 objetos 250ms
7±2 objetos 20min
Límites desconocidos
sensorial
operativa Largo plazo

28. @yllo
Sistemas y subsistemas de la memoria
humana (Cañas & Y., 2001)

29. Recomendaciones
Para no sobrecargar la memoria
@yllo
• Utiliza siempre recursos visuales para definir los grandes bloques de
contenido.
• Compensa los elementos visuales con textos en menor o igual medida.
• Utiliza símbolos conocidos cuando sea necesario.
• Utiliza estructuras poco anchas y profundas.

30. ¡Gracias!
José Alberto García Guijarro
UX Lead en ITRS Group
@yllo