Visualización de datos: patrones visuales comunes: simulaciones

Cuando comienza a crear visualizaciones, puede estar preocupado por la ubicación de sus cuadros, gráficos y otros datos clave. Como usted es nuevo en la visualización de datos, puede sentir que no tiene conocimiento acumulado sobre lo que funciona y lo que no. Algunos motivos por los que puede sentirse afectado incluyen los siguientes:

• No está seguro de la ubicación de cada elemento en el cuadro.

• No tiene claro quiénes serán sus usuarios para la información de los datos.

• No sabe dónde colocar los elementos del menú para que se vean.

Afortunadamente, los científicos cognitivos han determinado que las personas leen texto e imágenes en ciertos patrones específicos. A medida que organiza la información en su visualización, el uso de estos patrones estándar ayuda a los usuarios a escanear la información de manera rápida y fácil.

Patrones Z y F

Estos son los dos patrones visuales más comunes:

• Patrón Z: El patrón Z se usa a menudo para diseños de texto y visuales. Como era de esperar, cuando los ojos de una persona siguen el patrón Z, sus ojos recorren de izquierda a derecha la parte superior, hacia la izquierda y luego la página inferior. La figura a continuación muestra los puntos de la Z numerados en el orden en que los ojos del lector siguen la información en una página.

  

  ¿Cómo afecta este patrón el diseño de su contenido en una visualización? Su lector escaneará el contenido a lo largo de la ruta de la Z, por lo que debe colocar el título en la parte superior de la Z, junto con cualquier contenido clave. Coloque más contenido visual en el medio y en la parte inferior.

• Patrón F: Los científicos cognitivos han creado mapas de calor para determinar a dónde va el ojo humano cuando mira una página web. Como se muestra en la siguiente figura, los mapas de calor están compuestos por concentraciones de colores que muestran dónde los lectores escanearon la página. Los colores más intensos (rojo y amarillo) muestran dónde los ojos de los lectores se demoraron más; los lectores pasaron menos tiempo mirando las áreas azules. Como puede ver, las áreas rojas y amarillas se asemejan a F.

  

  El patrón F en un mapa de calor.

Si te fijas en estos dos patrones de diseño al principio, no puedes ir demasiado lejos cuando diseñas tus datos.

Diseño de patrón

Aquí hay algunas pautas para usar su conocimiento de patrones visuales para crear una visualización bien diseñada:

• Balance: Cuando coloca elementos en su visualización, asegúrese de mantener el equilibrio. Cuando demasiados elementos se agrupan, es difícil que la gente vea cómo se relacionan esos elementos.

• Color: El uso aleatorio de colores como el rojo puede ser engañoso, provocando que el espectador vea una alerta cuando no hay motivo de alarma.

• Jerarquía: Está familiarizado con el uso de la jerarquía en lo que respecta a un esquema de texto. El nivel superior del esquema puede tener un número romano, el siguiente nivel puede tener una letra mayúscula, y luego el tercer nivel puede tener un número. En una visualización, puede decir según el tamaño o la posición qué elementos son más altos o más bajos en la jerarquía. No necesita usar la numeración como lo hace en un bosquejo escrito.

• Repetición: La repetición ayuda a las personas a familiarizarse con los elementos de un diseño. Si usa los mismos elementos en todas partes, las personas ven un todo unificado y no tienen que adivinar qué significan ciertos elementos porque ya han visto esos elementos.

• Espacio en blanco: El uso del espacio en blanco ha sido defendido durante décadas. El espacio en blanco permite que el contenido "respire", es decir, su imagen se beneficia de un amplio espacio alrededor de los objetos en la visualización. Demasiado desorden hace que sea difícil para las personas captar la imagen de un vistazo.