La visualización de datos: los patrones visuales comunes

Cuando se empieza a crear visualizaciones, puede estar preocupado por la colocación de los cuadros, gráficos y otros datos clave. Debido a que usted es nuevo en la visualización de datos, se puede sentir que usted no ha acumulado conocimientos sobre lo que funciona y lo que no. Algunas de las razones es posible que se sienten afectados incluyen los siguientes:

Video: Patrones de campo visual -Centro de Oftalmología Bonafonte (Barcelona)

  • No está seguro acerca de la ubicación de cada elemento en la tabla.

  • No está claro sobre que los usuarios van a ser para el saber datos.

  • Usted no sabe dónde colocar los elementos de menú por lo que se pueden ver.

Afortunadamente, los científicos cognitivos han determinado que la gente lee el texto y las imágenes en ciertos patrones específicos. A medida que organizar la información en su visualización, el uso de estos patrones estándar ayudan a sus usuarios escanear la información de forma rápida y fácil.

Video: Vía visual

patrones Z y F

Estos son los dos patrones visuales más comunes:

Video: Sintonia Patrones Visuales

patrón Z: El patrón Z es a menudo utilizado para el texto y diseños visuales. Como era de esperar, cuando los ojos de una persona siguen el patrón Z, realizar un seguimiento de los ojos de izquierda a derecha en la parte superior, abajo a la izquierda, y luego a través de la página en la parte inferior. La siguiente figura muestra los puntos de la Z numerados en el orden en que los ojos del lector rastrear a través de la información en una página.

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

  • F patrón: Los científicos cognitivos han creado mapas de calor para determinar dónde va el ojo humano cuando se ve en una página web. Como se muestra en la siguiente figura, mapas de calor se componen de concentraciones de colores que muestran donde los lectores escanean la página. Los colores más intensos (rojo y amarillo) muestran dónde los ojos de los lectores se demoraban más tiempo llevaba lectores pasaron menos tiempo buscando en las zonas azules. Como se puede ver, las áreas rojas y amarillas se parecen a una F.

    El patrón F en un mapa de calor.
    El patrón F en un mapa de calor.
  • Si nos atenemos a estos dos patrones de diseño al principio, no se puede ir demasiado lejos en el diseño de tu a saber datos.

    Patrón de diseño

    Aquí hay algunas pautas para el uso de su conocimiento de los patrones visuales para crear una visualización bien diseñado:

    • Equilibrar: Al colocar artículos en su visualización, asegúrese de mantener el equilibrio. Cuando hay demasiados elementos están agrupados juntos, es difícil para la gente a ver cómo esos elementos están relacionados.

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

    • Jerarquía: Usted 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, se puede decir basado en el tamaño o la posición de los elementos que son más altos o más bajos en la jerarquía. No es necesario utilizar la numeración como lo hace en un esquema por escrito.

    • Repetición: La repetición ayuda a la gente a familiarizarse con los elementos de un diseño. Si utiliza los mismos elementos en todas partes, la gente ve un todo unificado y no tienen que adivinar lo que significan ciertos elementos porque han visto los elementos antes.

      Video: Trastornos visuales

    • El espacio en blanco: El uso de espacio en blanco ha sido defendido por décadas. El espacio en blanco permite que el contenido de “respirar” - 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 a tomar en la imagen de un vistazo.

    Artículos Relacionados