“percepción visual humana y usabilidad. cómo realizar diseños periodísticos y visualizaciones...

“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)

@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

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

@yllo

Formato FísicoDedica más tiempo y se recrea en los detalles

@yllo eltelegrafo.com.ec

Formato digitalEn escritorio se explora con todo detalle.

@yllo evolutionoftheweb.com

Formato digitalEn Móvil se explora en pequeñas dosis de información.

@yllo www.goldmansachs.com/our-thinking/pages/millennials/

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

@yllo

Leyes de la GestaltPercepción visual humana

@yllo

@yllo

@yllo

@yllo

@yllo

Escaneo de imagenFamiliaridad

@yllo Modelo depercepcióndeNeisser

@yllo Modelo depercepcióndeNeisser

@yllo Modelo depercepcióndeNeisser

@yllo Modelo depercepcióndeNeisser

Interpretación racionalExperiencia pasada y sesgos

@yllo

@yllo

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

@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

@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

@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

@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

@yllo

Nohagasalusuariopensar.

-1.000,00€

-500,00€

- €

500,00€

1.000,00€

1.500,00€

Ahorros

Agosto Septiembre Octubre Noviembre Diciembre

@yllo

Nohagasalusuariopensar.

-€1.000,00

-€500,00

€-

€500,00

€1.000,00

€1.500,00

Ahorros

Agosto Septiembre Octubre Noviembre Diciembre

¿Cuánto?Considera las limitaciones humanas.

@yllo

Sistema de memoriaRetenemos una información limitada

@yllo

9objetos250ms

7±2objetos20min

Límitesdesconocidos

sensorial

operativa Largoplazo

@ylloSistemasysubsistemas delamemoria

humana(Cañas&Y.,2001)

RecomendacionesPara no sobrecargar la memoria

@yllo

• Utilizasiempre recursosvisualesparadefinir losgrandesbloquesdecontenido.

• Compensaloselementosvisualescontextosenmenoroigualmedida.

• Utilizasímbolos conocidoscuandoseanecesario.

• Utilizaestructuraspocoanchasyprofundas.

¡Gracias!José Alberto García Guijarro

UX Lead en ITRS Group

@yllo