“percepción visual humana y usabilidad. cómo realizar diseños periodísticos y visualizaciones...
TRANSCRIPT
![Page 1: “Percepción Visual Humana y Usabilidad. Cómo realizar diseños periodísticos y visualizaciones de datos comprensibles y útiles”.(presentación de José Alberto García para](https://reader035.vdocuments.net/reader035/viewer/2022062523/5a649fc47f8b9a70568b4d57/html5/thumbnails/1.jpg)
“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)
![Page 2: “Percepción Visual Humana y Usabilidad. Cómo realizar diseños periodísticos y visualizaciones de datos comprensibles y útiles”.(presentación de José Alberto García para](https://reader035.vdocuments.net/reader035/viewer/2022062523/5a649fc47f8b9a70568b4d57/html5/thumbnails/2.jpg)
@yllo RobertJacobson,MITPress, 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
![Page 3: “Percepción Visual Humana y Usabilidad. Cómo realizar diseños periodísticos y visualizaciones de datos comprensibles y útiles”.(presentación de José Alberto García para](https://reader035.vdocuments.net/reader035/viewer/2022062523/5a649fc47f8b9a70568b4d57/html5/thumbnails/3.jpg)
¿Dónde?Ten en cuenta el contexto de uso.
@yllo
![Page 4: “Percepción Visual Humana y Usabilidad. Cómo realizar diseños periodísticos y visualizaciones de datos comprensibles y útiles”.(presentación de José Alberto García para](https://reader035.vdocuments.net/reader035/viewer/2022062523/5a649fc47f8b9a70568b4d57/html5/thumbnails/4.jpg)
Formato FísicoDedica más tiempo y se recrea en los detalles
@yllo eltelegrafo.com.ec
![Page 5: “Percepción Visual Humana y Usabilidad. Cómo realizar diseños periodísticos y visualizaciones de datos comprensibles y útiles”.(presentación de José Alberto García para](https://reader035.vdocuments.net/reader035/viewer/2022062523/5a649fc47f8b9a70568b4d57/html5/thumbnails/5.jpg)
Formato digitalEn escritorio se explora con todo detalle.
@yllo evolutionoftheweb.com
![Page 6: “Percepción Visual Humana y Usabilidad. Cómo realizar diseños periodísticos y visualizaciones de datos comprensibles y útiles”.(presentación de José Alberto García para](https://reader035.vdocuments.net/reader035/viewer/2022062523/5a649fc47f8b9a70568b4d57/html5/thumbnails/6.jpg)
Formato digitalEn Móvil se explora en pequeñas dosis de información.
@yllo www.goldmansachs.com/our-thinking/pages/millennials/
![Page 7: “Percepción Visual Humana y Usabilidad. Cómo realizar diseños periodísticos y visualizaciones de datos comprensibles y útiles”.(presentación de José Alberto García para](https://reader035.vdocuments.net/reader035/viewer/2022062523/5a649fc47f8b9a70568b4d57/html5/thumbnails/7.jpg)
¿Cómo?Conoce cómo interpreta una persona una imagen.
@yllo
![Page 8: “Percepción Visual Humana y Usabilidad. Cómo realizar diseños periodísticos y visualizaciones de datos comprensibles y útiles”.(presentación de José Alberto García para](https://reader035.vdocuments.net/reader035/viewer/2022062523/5a649fc47f8b9a70568b4d57/html5/thumbnails/8.jpg)
Leyes de la GestaltPercepción visual humana
@yllo
![Page 9: “Percepción Visual Humana y Usabilidad. Cómo realizar diseños periodísticos y visualizaciones de datos comprensibles y útiles”.(presentación de José Alberto García para](https://reader035.vdocuments.net/reader035/viewer/2022062523/5a649fc47f8b9a70568b4d57/html5/thumbnails/9.jpg)
@yllo
![Page 10: “Percepción Visual Humana y Usabilidad. Cómo realizar diseños periodísticos y visualizaciones de datos comprensibles y útiles”.(presentación de José Alberto García para](https://reader035.vdocuments.net/reader035/viewer/2022062523/5a649fc47f8b9a70568b4d57/html5/thumbnails/10.jpg)
@yllo
![Page 11: “Percepción Visual Humana y Usabilidad. Cómo realizar diseños periodísticos y visualizaciones de datos comprensibles y útiles”.(presentación de José Alberto García para](https://reader035.vdocuments.net/reader035/viewer/2022062523/5a649fc47f8b9a70568b4d57/html5/thumbnails/11.jpg)
@yllo
![Page 12: “Percepción Visual Humana y Usabilidad. Cómo realizar diseños periodísticos y visualizaciones de datos comprensibles y útiles”.(presentación de José Alberto García para](https://reader035.vdocuments.net/reader035/viewer/2022062523/5a649fc47f8b9a70568b4d57/html5/thumbnails/12.jpg)
@yllo
![Page 13: “Percepción Visual Humana y Usabilidad. Cómo realizar diseños periodísticos y visualizaciones de datos comprensibles y útiles”.(presentación de José Alberto García para](https://reader035.vdocuments.net/reader035/viewer/2022062523/5a649fc47f8b9a70568b4d57/html5/thumbnails/13.jpg)
Escaneo de imagenFamiliaridad
@yllo Modelo depercepcióndeNeisser
![Page 14: “Percepción Visual Humana y Usabilidad. Cómo realizar diseños periodísticos y visualizaciones de datos comprensibles y útiles”.(presentación de José Alberto García para](https://reader035.vdocuments.net/reader035/viewer/2022062523/5a649fc47f8b9a70568b4d57/html5/thumbnails/14.jpg)
@yllo Modelo depercepcióndeNeisser
![Page 15: “Percepción Visual Humana y Usabilidad. Cómo realizar diseños periodísticos y visualizaciones de datos comprensibles y útiles”.(presentación de José Alberto García para](https://reader035.vdocuments.net/reader035/viewer/2022062523/5a649fc47f8b9a70568b4d57/html5/thumbnails/15.jpg)
@yllo Modelo depercepcióndeNeisser
![Page 16: “Percepción Visual Humana y Usabilidad. Cómo realizar diseños periodísticos y visualizaciones de datos comprensibles y útiles”.(presentación de José Alberto García para](https://reader035.vdocuments.net/reader035/viewer/2022062523/5a649fc47f8b9a70568b4d57/html5/thumbnails/16.jpg)
@yllo Modelo depercepcióndeNeisser
![Page 17: “Percepción Visual Humana y Usabilidad. Cómo realizar diseños periodísticos y visualizaciones de datos comprensibles y útiles”.(presentación de José Alberto García para](https://reader035.vdocuments.net/reader035/viewer/2022062523/5a649fc47f8b9a70568b4d57/html5/thumbnails/17.jpg)
Interpretación racionalExperiencia pasada y sesgos
@yllo
![Page 18: “Percepción Visual Humana y Usabilidad. Cómo realizar diseños periodísticos y visualizaciones de datos comprensibles y útiles”.(presentación de José Alberto García para](https://reader035.vdocuments.net/reader035/viewer/2022062523/5a649fc47f8b9a70568b4d57/html5/thumbnails/18.jpg)
@yllo
![Page 19: “Percepción Visual Humana y Usabilidad. Cómo realizar diseños periodísticos y visualizaciones de datos comprensibles y útiles”.(presentación de José Alberto García para](https://reader035.vdocuments.net/reader035/viewer/2022062523/5a649fc47f8b9a70568b4d57/html5/thumbnails/19.jpg)
RecomendacionesEl mejor gráfico para tu mensaje
@yllo
Ventas
1ertrim. 2ºtrim.
3ertrim. 4ºtrim.0
2
4
6
8
10
1ertrim. 2ºtrim. 3ertrim. 4ºtrim.
Ventas
![Page 20: “Percepción Visual Humana y Usabilidad. Cómo realizar diseños periodísticos y visualizaciones de datos comprensibles y útiles”.(presentación de José Alberto García para](https://reader035.vdocuments.net/reader035/viewer/2022062523/5a649fc47f8b9a70568b4d57/html5/thumbnails/20.jpg)
@yllo
1ertrim.
2ºtrim.
3ertrim.
4ºtrim.
Ventas
0
5
10
1ertrim.
2ºtrim.
3ertrim.
4ºtrim.
Ventas
Ventas
Ventas
1ertrim. 2ºtrim.
3ertrim. 4ºtrim.
0
5
10
1ertrim.
2ºtrim. 3ertrim.
4ºtrim.
Ventas
![Page 21: “Percepción Visual Humana y Usabilidad. Cómo realizar diseños periodísticos y visualizaciones de datos comprensibles y útiles”.(presentación de José Alberto García para](https://reader035.vdocuments.net/reader035/viewer/2022062523/5a649fc47f8b9a70568b4d57/html5/thumbnails/21.jpg)
@yllo
0
2
4
6
8
10
1ertrim. 2ºtrim. 3ertrim. 4ºtrim.
Ventas
Cantidad vs progresión
0
2
4
6
8
10
1ertrim. 2ºtrim. 3ertrim. 4ºtrim.
Ventas
![Page 22: “Percepción Visual Humana y Usabilidad. Cómo realizar diseños periodísticos y visualizaciones de datos comprensibles y útiles”.(presentación de José Alberto García para](https://reader035.vdocuments.net/reader035/viewer/2022062523/5a649fc47f8b9a70568b4d57/html5/thumbnails/22.jpg)
@yllo
Ratio datos/tintaProporcióndetintautilizadarespectoalvolumendedatosrepresentado.
8,2
3,2 1,4 1,20
2
4
6
8
10
1ertrim. 2ºtrim. 3ertrim. 4ºtrim.
Ventas8,2
3,21,4 1,2
0
2
4
6
8
10
1ertrim. 2ºtrim. 3ertrim. 4ºtrim.
Ventas
![Page 23: “Percepción Visual Humana y Usabilidad. Cómo realizar diseños periodísticos y visualizaciones de datos comprensibles y útiles”.(presentación de José Alberto García para](https://reader035.vdocuments.net/reader035/viewer/2022062523/5a649fc47f8b9a70568b4d57/html5/thumbnails/23.jpg)
@yllo
Nohagasalusuariopensar.
-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
![Page 24: “Percepción Visual Humana y Usabilidad. Cómo realizar diseños periodísticos y visualizaciones de datos comprensibles y útiles”.(presentación de José Alberto García para](https://reader035.vdocuments.net/reader035/viewer/2022062523/5a649fc47f8b9a70568b4d57/html5/thumbnails/24.jpg)
@yllo
Nohagasalusuariopensar.
-1.000,00€
-500,00€
- €
500,00€
1.000,00€
1.500,00€
Ahorros
Agosto Septiembre Octubre Noviembre Diciembre
![Page 25: “Percepción Visual Humana y Usabilidad. Cómo realizar diseños periodísticos y visualizaciones de datos comprensibles y útiles”.(presentación de José Alberto García para](https://reader035.vdocuments.net/reader035/viewer/2022062523/5a649fc47f8b9a70568b4d57/html5/thumbnails/25.jpg)
@yllo
Nohagasalusuariopensar.
-€1.000,00
-€500,00
€-
€500,00
€1.000,00
€1.500,00
Ahorros
Agosto Septiembre Octubre Noviembre Diciembre
![Page 26: “Percepción Visual Humana y Usabilidad. Cómo realizar diseños periodísticos y visualizaciones de datos comprensibles y útiles”.(presentación de José Alberto García para](https://reader035.vdocuments.net/reader035/viewer/2022062523/5a649fc47f8b9a70568b4d57/html5/thumbnails/26.jpg)
¿Cuánto?Considera las limitaciones humanas.
@yllo
![Page 27: “Percepción Visual Humana y Usabilidad. Cómo realizar diseños periodísticos y visualizaciones de datos comprensibles y útiles”.(presentación de José Alberto García para](https://reader035.vdocuments.net/reader035/viewer/2022062523/5a649fc47f8b9a70568b4d57/html5/thumbnails/27.jpg)
Sistema de memoriaRetenemos una información limitada
@yllo
9objetos250ms
7±2objetos20min
Límitesdesconocidos
sensorial
operativa Largoplazo
![Page 28: “Percepción Visual Humana y Usabilidad. Cómo realizar diseños periodísticos y visualizaciones de datos comprensibles y útiles”.(presentación de José Alberto García para](https://reader035.vdocuments.net/reader035/viewer/2022062523/5a649fc47f8b9a70568b4d57/html5/thumbnails/28.jpg)
@ylloSistemasysubsistemas delamemoria
humana(Cañas&Y.,2001)
![Page 29: “Percepción Visual Humana y Usabilidad. Cómo realizar diseños periodísticos y visualizaciones de datos comprensibles y útiles”.(presentación de José Alberto García para](https://reader035.vdocuments.net/reader035/viewer/2022062523/5a649fc47f8b9a70568b4d57/html5/thumbnails/29.jpg)
RecomendacionesPara no sobrecargar la memoria
@yllo
• Utilizasiempre recursosvisualesparadefinir losgrandesbloquesdecontenido.
• Compensaloselementosvisualescontextosenmenoroigualmedida.
• Utilizasímbolos conocidoscuandoseanecesario.
• Utilizaestructuraspocoanchasyprofundas.
![Page 30: “Percepción Visual Humana y Usabilidad. Cómo realizar diseños periodísticos y visualizaciones de datos comprensibles y útiles”.(presentación de José Alberto García para](https://reader035.vdocuments.net/reader035/viewer/2022062523/5a649fc47f8b9a70568b4d57/html5/thumbnails/30.jpg)
¡Gracias!José Alberto García Guijarro
UX Lead en ITRS Group
@yllo