¿Por qué y cómo utilizar la visualización de datos? Tipos y métodos de percepción de la información.

04.04.2019

2.1. Ventajas de una forma visual de presentar información.

El lenguaje verbal y las categorías verbales contienen medios extremadamente primitivos para construir el espacio, interpretarlo o hacer algo con él. Este objetivo lo logra el lenguaje de las imágenes y el sistema de acciones perceptivas con cuya ayuda una persona construye una imagen. realidad circundante y lo navega. Este sistema se llama percepción. La percepción se define como imagen completa, reflejando la unidad de la estructura y propiedades del objeto. Los objetos de la percepción visual son objetos, procesos y fenómenos del mundo circundante, que pueden dividirse y describirse en categorías de espacio, movimiento, forma, textura, color, brillo, etc. Al percibir objetos, la imagen más o menos completamente Refleja el objeto o situación en la que se encuentra una persona.

Las imágenes creadas a partir de la percepción visual tienen mayor poder asociativo que las palabras. Quizás por eso quedan perfectamente almacenados en la memoria. Incluso después de ver varios miles de pinturas una vez, los observadores son capaces de identificar correctamente alrededor del 90% de ellas. La imagen visual es muy plástica. Esta propiedad se manifiesta en el hecho de que, en términos de imagen, una transición rápida de una evaluación generalizada de la situación a análisis detallado sus elementos. Son posibles varios tipos de movimientos de los objetos reflejados en la imagen, sus desplazamientos, rotaciones, así como ampliación, reducción, distorsión de la perspectiva y normalización. Esta capacidad manipuladora única del sistema visual le permite imaginar la situación tanto en perspectiva directa como inversa. La manipulación de imágenes y su finalización son los medios más importantes de percepción productiva y pensamiento visual.

Muchos estudios indican que el sistema visual dispone de mecanismos que aseguran el nacimiento de una nueva imagen. Gracias a ellos, una persona puede ver el mundo no sólo como realmente existe, sino también como puede (o debe) ser. Esto significa que las imágenes visuales son una condición necesaria y, además, un instrumento de actividad mental. Están conectados más directamente, en comparación con los símbolos y el habla, con la realidad objetiva que rodea a una persona. Una imagen no es sólo ni tanto contemplación como reconstrucción de la realidad. Ésta, esta realidad, puede recrearse en la forma (o cerca de ella) en la que el objeto realmente existe. Pero también es posible la destrucción de un objeto o situación y la reconstrucción de su nueva versión o variantes. A partir de esta imagen, cambiada en comparación con la realidad, la persona vuelve a recurrir a la realidad objetiva y la reconstruye a su manera. actividades practicas. Es imposible preparar a un especialista en pensamiento creativo sin desarrollar su representación, imaginación y pensamiento imaginativos. El aparato universal del esquematismo de proyección proporciona un beneficio tangible en este asunto. Una de las herramientas de modelado de proyección más importantes utilizadas para formar representaciones espaciales es la interpretación geométrica. Los objetos de interpretación son modelos gráficos en forma de una combinación de dibujos, diagramas, texto, diagramas, etc. Los modelos gráficos implican mostrar información en forma de un conjunto de medios de representación gráfica de información: líneas, símbolos, signos mnemotécnicos, utilizado de acuerdo con las reglas para la construcción de modelos gráficos. Al percibir información de esta forma, es necesario acceder a un espacio operativo de dimensiones superiores que al percibir texto. El grado de precisión al comparar un objeto de información con su modelo depende de la integridad de la información sobre el aparato de proyección que tuvo lugar durante el modelado. La Figura 2.1 muestra una de las posibles clasificaciones de modelos gráficos. modelo pictográfico– un modelo gráfico elaborado utilizando imágenes gráficas convencionales (pictogramas) que indican objetos, acciones o eventos. modelo ideográfico– un modelo gráfico elaborado mediante ideogramas – signos escritos convencionales que denotan conceptos.

La cuestión de la eficacia de la transferencia y asimilación de información es una de las principales en todo últimas décadas. El principal medio de comunicación en el mundo a principios del siglo XXI es la visualización (una forma visual de transmisión) de información. Mayor cantidad información (aproximadamente 80-90%) que una persona percibe visualmente. “La importancia dominante del sistema visual para los humanos se explica por el hecho de que es el más fuente poderosa información sobre mundo exterior, tiene las mayores funciones sensoriales estereoscópicas y de telémetro."

Eficiencia, la ventaja del método gráfico de transmisión de información, en comparación con el motor o el sonido (Figura 2.2), es que percepción visual la información transmitida por una persona y la creación de una imagen mental por ella ocurre tan rápidamente que una persona percibe este proceso como "instantáneo". Esto explica el efecto de simultaneidad, o simultaneidad, basado en la propiedad de la percepción humana de la información: las imágenes mentales creadas al percibir información y los modelos gráficos transmitidos son muy similares en forma.

Este artículo fue escrito por un representante de DevExpress y publicado en un blog en HabraHabr.

Los investigadores médicos han descubierto que si las instrucciones de un medicamento contienen sólo texto, una persona absorbe sólo el 70% de la información que contiene. Si agrega imágenes a las instrucciones, la persona ya entenderá el 95%.

Es obvio que los humanos estamos predispuestos a procesar información visual. Además de ser excelente para el procesamiento de nuestro cerebro, la visualización de datos tiene varios beneficios:

Centrarse en diferentes aspectos de los datos.

Utilizando gráficos, puede llamar fácilmente la atención del lector sobre los indicadores rojos.

Análisis conjunto grande datos con una estructura compleja
Reducir la sobrecarga de información de una persona y mantener su atención.
Sin ambigüedad y claridad de los datos de salida.
Destacar conexiones y relaciones contenidas en la información.

Los datos importantes se pueden ver fácilmente en el gráfico.

Atractivo estético

Los gráficos estéticamente atractivos hacen que la presentación de datos sea impresionante y memorable.

Edward Tufte, autor de algunos de los mejores libros sobre visualización, la describe como una herramienta para mostrar datos; animar al espectador a pensar en la esencia, no en la metodología; evitar distorsionar lo que los datos tienen que decir; mostrar muchos números en un espacio pequeño; mostrar un gran conjunto de datos como un todo coherente y unificado; animar al espectador a comparar datos; sirviendo a fines bastante claros: descripción, investigación, ordenación o decoración ().

¿Cómo utilizar correctamente la visualización de datos?

El éxito de la visualización depende directamente de la corrección de su aplicación, es decir, de la elección del tipo de gráfico, su correcto uso y diseño.

El 60% del éxito de la visualización depende de la elección del tipo de gráfico, el 30% de su correcto uso y el 10% de su correcto diseño.

Tipo de gráfico correcto

Un gráfico permite expresar de forma más completa y precisa la idea transmitida por los datos, por lo que es muy importante elegir el tipo de diagrama adecuado. La elección se puede realizar mediante el siguiente algoritmo:

Objetivos de visualización- esta es la implementación de la idea principal de la información, para qué se deben mostrar los datos seleccionados, qué efecto se debe lograr: identificar relaciones en la información, mostrar la distribución de los datos, su composición o comparación. de datos.

La primera fila muestra gráficos con el propósito de mostrar las relaciones en los datos y la distribución de los datos, y la segunda fila tiene el propósito de mostrar la composición y comparación de los datos.

Relaciones en datos- Así es como dependen unos de otros, la conexión entre ellos. Utilizando relaciones, puede identificar la presencia o ausencia de dependencias entre variables. Si la idea principal de la información contiene las frases "se refiere a", "disminuye/aumenta en", entonces debe esforzarse por mostrar exactamente las relaciones en los datos.
La distribución de datos es cómo se organizan en relación con algo, cuántos objetos caen en ciertas áreas secuenciales de valores numéricos. La idea principal contendrá las frases "en el rango de xay", "concentración", "frecuencia", "distribución".

Composición de datos- combinar datos con fines de análisis panorama general en general, comparaciones de componentes que conforman un porcentaje de un determinado conjunto. Las frases clave para la composición son "compuesto por x%", "participación", "porcentaje del total".

Comparación de datos: combinar datos para comparar ciertos indicadores, identificando cómo se relacionan los objetos entre sí. También es una comparación de componentes que cambian con el tiempo. Las frases clave para ideas al comparar son "más que/menos que", "igual a", "cambios", "aumentos/disminuciones".

Después de definir el propósito de la visualización, es necesario determinar el tipo de datos. Pueden ser muy heterogéneos en tipo y estructura, pero en la mayoría de los casos caso sencillo distingue entre datos numéricos y temporales continuos, datos discretos, datos geográficos y lógicos. Los datos numéricos continuos contienen información sobre la dependencia de un valor numérico de otro, por ejemplo, gráficas de funciones como y=2x. El tiempo continuo contiene datos sobre eventos que ocurren durante un período de tiempo, como un gráfico de temperatura medida todos los días. Los datos discretos pueden contener dependencias de cantidades categóricas, por ejemplo, una gráfica del número de ventas de bienes en diferentes tiendas. Los datos geográficos contienen diversa información relacionada con la ubicación, la geología y otros indicadores geográficos, ejemplo brillante- esto es normal mapa geografico. Los datos lógicos muestran la disposición lógica de los componentes entre sí, p. árbol genealógico familia.

Gráficas de datos numéricos y temporales continuos, datos discretos, datos geográficos y lógicos.

Dependiendo del objetivo y los datos, podrás elegir el horario más adecuado para ellos. Es mejor evitar la variedad por la variedad y elegir según el principio “cuanto más simple, mejor”. Utilice tipos específicos de gráficos sólo para datos específicos; en otros casos, los gráficos más comunes son adecuados:

lineal
con áreas
columnas e histogramas (barras)
gráfico circular (circular, donut)
carta polar (radar)
diagrama de dispersión (dispersión, burbuja)
mapas
árboles (árbol, mapa mental, mapa de árbol)
Diagramas de tiempo (línea de tiempo, Gantt, cascada).

Los gráficos de líneas, gráficos de áreas e histogramas pueden contener varios valores en un argumento para una categoría, que puede ser absoluto (luego se agrega el prefijo apilado a estos tipos de gráficos) o relativo (apilado completo).

Gráfico con valores apilados y con apilado completo

A la hora de elegir un gráfico adecuado, puede guiarse por la siguiente tabla, elaborada a partir de este gráfico y:

Uso adecuado de un gráfico

Es importante no sólo elegir el tipo de gráfico correcto, sino también utilizarlo correctamente:

No es necesario cargar el gráfico con mucha información. Cantidad óptima diferentes tipos datos, categorías: esto no es más de 4-5; de lo contrario, sería más conveniente dividir dicho diagrama en varias partes.

Un gráfico de este tipo se puede comparar con espaguetis y es mejor dividirlo en varios diagramas.

Seleccione la escala y la escala correctas para el gráfico. Para histogramas y gráficos de áreas, es preferible comenzar la escala de valores desde cero. Trate de no utilizar escalas invertidas; esto muy a menudo induce a error al espectador con respecto a los datos.

Una escala incorrecta afecta negativamente a la percepción de los datos. En el primer caso, la escala se selecciona incorrectamente; en el segundo, la escala está invertida.

Para gráficos circulares y gráficos que muestran un porcentaje de una participación total, la suma de los valores siempre debe sumar 100%.
Para una mejor percepción de los datos, es mejor organizar la información en ejes, ya sea por valor, alfabéticamente o por significado lógico.

Diseño correcto del cronograma.

Nada es más agradable a la vista que los gráficos bien diseñados, y nada estropea más los gráficos que la presencia de “basura” gráfica. Principios básicos del diseño:

use paletas de colores similares, no brillantes, y trate de limitarse a un conjunto de seis piezas
Las líneas auxiliares y secundarias deben ser simples y no llamativas.

Las líneas auxiliares en un gráfico no deben distraer la atención de la idea principal de los datos.

cuando sea posible, utilice únicamente etiquetas de ejes horizontales;
Para gráficos de áreas, es preferible utilizar un color con transparencia;
Utilice un color diferente para cada categoría en el gráfico.

Conclusiones

Visualización- una poderosa herramienta para transmitir pensamientos e ideas al consumidor final, un asistente para la percepción y análisis de datos. Pero como todas las herramientas, debe usarse en su propio momento y lugar. De lo contrario, la información puede percibirse de forma lenta o incluso incorrecta.

Los gráficos muestran los mismos datos, los principales errores de visualización se muestran a la izquierda y se corrigen a la derecha.

Cuando se utiliza con habilidad, la visualización de datos puede hacer que el material sea impresionante, interesante y memorable.

La calidad del diseño visual afecta significativamente tanto al estado psicofisiológico del usuario como a la eficiencia de su trabajo en general. Como resultado, incluso un producto de software con capacidades bastante potentes puede no ser lo suficientemente funcional si la representación visual de su interfaz no cumple con los requisitos pertinentes.

A la hora de diseñar elementos visuales de la interfaz de una aplicación, es recomendable basarse en ciertos principios de composición, los principales de los cuales son los siguientes:

organización jerárquica de la información mostrada;

resaltado visual de los elementos más importantes;

estructura de pantalla equilibrada;

unificación visual de elementos lógicamente interconectados;

asegurar la legibilidad y coherencia lógica de la información mostrada;

el uso de enfoques unificados para visualizar la información mostrada no solo dentro de la aplicación, sino también en el entorno de trabajo en su conjunto (el principio de integración).

Organización jerárquica de la información. El principio de organización jerárquica de la información significa colocar la información en función de su significado en relación con otros elementos visuales de la aplicación. El resultado de este orden afecta la implementación de todos los demás principios de presentación visual de la información. Desde el punto de vista del trabajo del usuario, la organización jerárquica de la información determina la disponibilidad de determinados datos y la secuencia de ejecución de la tarea a resolver.

Resaltado visual de los elementos más importantes. Al implementar el principio de atraer la atención del usuario, se deben resolver dos tareas: en primer lugar, la elección en cada paso del trabajo de algunos básicos ideas, lo más importante es completar este paso; en segundo lugar, la adecuada presentación y colocación de los elementos que implementan esta idea.

Debido a las características psicofisiológicas, las personas prestan atención principalmente a la esquina superior izquierda del área vista o a eso la parte que es visualmente diferente de las demás. En base a esto, tiene sentido colocar lo más información importante(o elemento de nodo) ya sea en la esquina superior izquierda de la pantalla o en una ventana equipada con atributos especiales.

Estructura de pantalla equilibrada. El principio de estructura de pantalla equilibrada es uno de los principios más importantes del diseño visual. Supone, por un lado, el uso racional del espacio de la pantalla y, por otro, una ubicación de la información en la que solo se presenta en la pantalla la parte que realmente es necesaria para completar el siguiente paso de la tarea del usuario. en cualquier momento dado.

Unificación visual de elementos lógicamente interconectados. La integración visual de elementos lógicamente interrelacionados ayuda al usuario a comprender cómo se relacionan exactamente la información y los controles presentados en la pantalla con el paso de la tarea que se está realizando y entre sí. Con amigo. Por ejemplo, si un cuadro de diálogo tiene un botón que afecta el contenido de una lista, tiene sentido colocarlos uno al lado del otro.

Legibilidad y coherencia lógica de lo mostrado. información. Cualquier información (no sólo texto) debe expresarse de forma compacta y al mismo tiempo accesible; Además, el usuario debe poder comprender cómo se relaciona con los pasos anteriores y posteriores de la tarea.

Integración. Si la interfaz de la aplicación es visualmente coherente con la interfaz del sistema y la interfaz de otras aplicaciones, es mucho más fácil proporcionar al usuario un entorno de trabajo coherente y predecible.

Color es uno de los atributos visuales más importantes de la interfaz. Debido a que el color tiene la capacidad de atraer la atención, debe usarse para identificar aquellos elementos de la interfaz a los que el usuario debe prestar atención. El color también tiene un aspecto asociativo; En muchos casos, las personas perciben los objetos del mismo color como relacionados. Los colores también pueden tener ciertos efectos emocionales o psicológicos; No en vano, por ejemplo, los colores se dividen en “fríos” y “cálidos”.

Tenga en cuenta que algunas combinaciones de colores, como los caracteres azules sobre un fondo rojo, son desagradables a la vista. Sobre también la influencia del color en el estado de ánimo y el rendimiento.

Fuentes ayudar a organizar la información y crear un cierto estado de ánimo. Al cambiar el tamaño y la densidad de la fuente, se puede indicar al usuario el grado de importancia de tal o cual información y el orden en que debe leerse.

En los monitores estándar, las fuentes suelen ser menos legibles que en una página impresa. Evite el uso de fuentes cursiva (cursiva) y serif, ya que son difíciles de leer, especialmente en resoluciones de monitor bajas.

La cantidad de fuentes y estilos utilizados debe ser limitada. Siempre que sea posible, utilice la fuente estándar del sistema para los elementos comunes de la interfaz. Esto garantiza la coherencia visual entre la interfaz de su aplicación y la interfaz del entorno de producción.

"Multidimensionalidad" de la pantalla Al representar muchos elementos de la interfaz, resulta útil utilizar la perspectiva, el resaltado y el sombreado para crear un efecto tridimensional. Esto ayuda a aumentar la funcionalidad de la interfaz y la claridad de la retroalimentación cuando el usuario trabaja con computadoras análogas del mundo real.

Al crear efectos de iluminación/sombra, el valor predeterminado es asumir que la fuente de luz hipotética está en la esquina superior izquierda de la pantalla.

Al desarrollar sus propios elementos visuales, debe tener cuidado: no exagere con el uso de imágenes "volumétricas", ya que la imagen de cada objeto "tridimensional" ocupa mucho más espacio en la pantalla que su contraparte "plana". Utilice efectos 3D sólo para representar elementos interactivos. En este caso, introduzca sólo aquellos datos que sean realmente necesarios para que el usuario identifique la imagen.

Tamaño y posición relativa elementos visuales son muy importantes para crear un entorno visualmente consistente y predecible. La estructura visual también es importante en términos de transmitir el propósito de los elementos mostrados en la ventana. En general, al elegir una opción de diseño, debe seguir las mismas reglas que se utilizan al diseñar una página impresa.

Agrupamiento. La agrupación implica la colocación compacta de elementos interconectados. Para implementar la agrupación, se puede utilizar un elemento especial: un bloque de agrupación o simplemente colocar los elementos a una distancia adecuada entre sí.

Aunque se puede utilizar el color para agrupar objetos visualmente, este enfoque no tiene éxito porque puede provocar efectos no deseados cuando el usuario cambia la combinación de colores.

Intente colocar los controles en la barra de herramientas de modo que haya un espacio al menos igual al ancho del marco de la ventana desde el borde del panel hasta el borde de la ventana. En algunos casos, como cuando los botones de la barra de herramientas se utilizan como un conjunto de botones de opción, pueden estar dispuestos de forma contigua (sin espacios).

Es recomendable agrupar los botones de control principal de la ventana secundaria en la esquina superior derecha de la ventana o disponerlos en forma de regla a lo largo del borde inferior de la ventana. Si hay un botón predefinido en la ventana, normalmente debería aparecer primero.

Está bien y Cancelar debe estar ubicado cerca. Un botón debería "cerrar" el grupo. Referencia(si lo admite la aplicación). Si el botón DE ACUERDO no se utiliza en esta ventana, pero hay otros botones de control; entonces lo mejor es instalar un botón Cancelar al final del conjunto de botones de control, pero antes del botón Referencia. Si un botón se aplica sólo a un área específica de la ventana, inclúyalo en esa área.

Si los botones (u otros controles) se colocan en una pestaña, se supone que su alcance se aplica sólo a esa pestaña; En consecuencia, los botones que no forman parte de ninguna de las pestañas de la ventana pertenecen a la ventana en su conjunto.

Alineación. La alineación es otra forma adicional de mostrar visualmente información (o controles) relacionados. Como regla general, hay tres formas de alinear la información:

vertical (a lo largo del borde izquierdo o derecho de los elementos alineados);

horizontal (a lo largo de la línea superior o a lo largo del borde superior del elemento);

alineación adyacente (cuando los elementos se encuentran en los bordes).

Si la información se ubica verticalmente, es recomendable alinear sus elementos con el borde izquierdo del área correspondiente. Esto generalmente facilita que el usuario vea la información rápidamente. Sin embargo, si los datos numéricos se muestran en forma de columna, cuyos valores pueden cambiar, es mejor alinearlos a la derecha.

Visualización de operaciones realizadas. es una de las formas de proporcionar al usuario comentarios sobre la aplicación. Un método de visualización bien pensado no solo ayuda al usuario a comprender mejor la esencia de la operación que se está realizando, sino que también garantiza una respuesta oportuna y correcta del usuario en caso de acciones erróneas o fallidas. Esto es especialmente importante para aplicaciones utilizadas en control, toma de decisiones y otros sistemas en tiempo real.

Visualización de operaciones de selección. La retroalimentación visual durante las operaciones de selección debería permitir al usuario identificar claramente el objeto seleccionado del resto.

La imagen del objeto seleccionado debe cambiar directamente durante la operación de selección. Lo mismo se aplica al área seleccionada. En este caso, el estado de selección debe mostrarse solo para el área activa o nivel de jerarquía (por ejemplo, para la ventana o subventana activa). Esto ayudará al usuario a determinar a cuál de las selecciones disponibles pertenece la acción que se está realizando.

Para muchos tipos de objetos, se puede utilizar un color de resaltado del sistema para indicar el estado de selección.

Visualización de operaciones de reenvío. Las operaciones de transferencia incluyen operaciones de mover, copiar y vincular objetos, así como sus derivadas. Al realizar operaciones de transferencia, la herramienta de visualización debe mover la imagen del objeto transferido simultáneamente con el movimiento del puntero. En este caso, la imagen en movimiento del objeto debe ser visualmente diferente de su imagen en la posición original: se utiliza una imagen translúcida o de contorno del objeto.

Animación. La animación en muchos casos puede ser un medio muy eficaz para transmitir información visual(por ejemplo, para ilustrar el funcionamiento de un dispositivo u operación). A veces, su uso puede simplemente animar la interfaz de la aplicación y hacer más agradable la comunicación del usuario con ella.

Uno de los requisitos más importantes para utilizar animación es que no afecte la interactividad de la interfaz. No hagas que el usuario espere a que termine la caricatura. Si la animación no es parte del proceso en ejecución, permita que el usuario la interrumpa o continúe trabajando en paralelo.

Evite el uso innecesario de animación. Si la animación se utiliza sólo con fines decorativos, puede distraer o incluso irritar al usuario.

¿Alguna vez has pensado en cómo vemos las cosas? Cómo captarlos de toda la diversidad visual ambiente¿Usando estímulos sensoriales? ¿Y cómo interpretamos lo que vemos?

El procesamiento visual es la capacidad de dar sentido a las imágenes, lo que permite a los humanos (e incluso a los animales) procesar e interpretar el significado de la información que recibimos a través de nuestra visión.

La percepción visual juega un papel importante en la vida cotidiana, ayudando con el aprendizaje y la comunicación con los demás. A primera vista parece que la percepción se produce con facilidad. De hecho, detrás de la supuesta facilidad se esconde un proceso complejo. Comprender cómo interpretamos lo que vemos nos ayuda a diseñar información visual.

Una infografía equilibrada implica el uso adecuado de la representación visual (por ejemplo, cuadros, gráficos, iconos, imágenes), una elección adecuada de colores y fuentes, un diseño y un mapa del sitio adecuados, etc. Y no debemos olvidarnos de los datos, su fuentes y temas, lo cual no es menos importante. Pero hoy no hablaremos de ellos. Nos centraremos en el lado visual del diseño de información.

El psicólogo Richard Gregory (1970) estaba convencido de que percepción visual Depende del procesamiento de arriba hacia abajo.

El procesamiento de arriba hacia abajo, o proceso impulsado conceptualmente, ocurre cuando formamos ideas sobre panorama general de piezas pequeñas. Hacemos suposiciones sobre lo que vemos basándonos en expectativas, creencias, conocimientos previos y experiencias previas. En otras palabras, estamos haciendo una suposición fundamentada.

La teoría de Gregory está respaldada por numerosas pruebas y experimentos. Uno de los más ejemplos famosos— efecto de máscara hueca:

Cuando la máscara se gira hacia el lado hueco, se ve una cara normal.

Gregory utilizó la máscara giratoria de Charlie Chaplin para explicar cómo percibimos la superficie hueca de una máscara como protuberancias basadas en nuestras creencias sobre el mundo. Según nuestro conocimiento previo de la estructura facial, la nariz debería sobresalir. Como resultado, inconscientemente reconstruimos la cara hueca y vemos una cara normal.

¿Cómo percibimos la información visual según la teoría de Gregory?

1. Casi el 90% de la información que se recibe a través de los ojos no llega al cerebro. Así, el cerebro utiliza la experiencia previa o el conocimiento existente para construir la realidad.

2. La información visual que percibimos se combina con información previamente almacenada sobre el mundo que hemos adquirido a través de la experiencia.

3. Basado en varios ejemplos La teoría del procesamiento de arriba hacia abajo sugiere que el reconocimiento de patrones se basa en información contextual.

Consejo de diseño de información n.° 1, basado en la teoría de la inferencia visual de Gregory: Mejore los datos con un tema y un diseño apropiados; utilice un titular significativo para establecer expectativas clave; Respalde sus imágenes con texto expresivo.

2. El experimento de Sanoka y Sulman sobre las relaciones de color.

Según numerosos estudios psicológicos, las combinaciones de colores homogéneos resultan más armoniosas y agradables. Mientras que los colores contrastantes suelen asociarse con el caos y la agresión.

En 2011, Thomas Sanocki y Noah Sulman realizaron un experimento para estudiar cómo las combinaciones de colores afectan la memoria a corto plazo: nuestra capacidad de recordar lo que acabamos de ver.

Se llevaron a cabo cuatro experimentos diferentes utilizando armoniosos y disarmónicos. paletas de colores. En cada prueba, a los participantes se les mostraron dos paletas: primero una, luego una segunda, que debían compararse con la primera. Las paletas se mostraron en un intervalo de tiempo determinado y varias veces en combinaciones aleatorias. Los sujetos tenían que determinar si las paletas eran iguales o diferentes. Además, los participantes del experimento tuvieron que evaluar la armonía de la paleta: una combinación agradable/desagradable de colores.

A continuación se muestran 4 ejemplos de paletas que se mostraron a los participantes en el experimento:

¿Cómo afectan los colores a nuestra percepción visual según la teoría de Sanocki y Sulman?

La gente recuerda mejor aquellas paletas en las que los colores se combinan entre sí.
La gente recuerda mejor las paletas que contienen una combinación de sólo tres o menos colores que aquellas que contienen cuatro o más colores.
El contraste de colores adyacentes afecta qué tan bien una persona recuerda una combinación de colores. En otras palabras, esto significa que la diferencia de color entre el contexto y el fondo puede mejorar nuestra capacidad de centrarnos en el contexto.
Podemos recordar bastante gran número combinaciones de colores al mismo tiempo.

Así, los resultados del experimento indican que las personas son más capaces de absorber y recordar más información cuando perciben imágenes con una combinación de colores contrastantes pero armoniosas, preferiblemente con una combinación de tres o menos colores.

Consejo de diseño de información n.º 2, basado en el experimento de Sanoka y Sulman: utilice la menor cantidad posible de colores diferentes en contenido complejo; aumentar el contraste entre la información visual y el fondo; elija temas con una combinación armoniosa de tonos; Utilice sabiamente combinaciones de colores discordantes.

La rivalidad binocular se produce cuando vemos dos imágenes diferentes en el mismo lugar. Uno de ellos domina y el segundo es reprimido. El dominio se alterna en ciertos intervalos. Entonces, en lugar de ver una combinación de dos imágenes al mismo tiempo, las percibimos a su vez, como dos imágenes que compiten por el dominio.

En un experimento de 1998, Frank Tong, Ken Nakayama, J. Thomas Vaughan y Nancy Kanwisher concluyeron que si miras dos imágenes diferentes al mismo tiempo, se produce el efecto de rivalidad binocular.

En el experimento participaron cuatro personas entrenadas. Como estímulo se les mostraron imágenes de un rostro y una casa a través de gafas con filtros rojos y verdes. Durante el proceso de percepción se producía una alternancia irregular de señales de ambos ojos. Las respuestas específicas al estímulo de los sujetos se controlaron mediante imágenes por resonancia magnética funcional (IRM).

¿Cómo percibimos la información visual según el experimento de Tong?

Según los datos de la resonancia magnética, todos los sujetos mostraron una rivalidad binocular activa cuando se les mostraron imágenes diferentes.
En nuestro sistema visual, el efecto de rivalidad binocular se produce durante el procesamiento visual. En otras palabras, durante el corto período de tiempo en que los ojos miran dos imágenes diferentes ubicadas cerca una de la otra, no somos capaces de determinar lo que realmente estamos viendo.

David Carmel, Michael Arcaro, Sabine Kastner y Uri Hasson realizaron un experimento separado y descubrieron que la rivalidad binocular se puede manipular utilizando parámetros de estímulo como el color, el brillo, el contraste, la forma, el tamaño, la frecuencia espacial o la velocidad.

La manipulación del contraste en el siguiente ejemplo hace que el ojo izquierdo perciba una imagen dominante, mientras que el ojo derecho percibe una imagen suprimida:

¿Cómo afecta el contraste a nuestra percepción visual según el experimento?

La manipulación del contraste hace que el estímulo más fuerte sea dominante durante un mayor período de tiempo.
Veremos una fusión de la imagen dominante y parte de la suprimida hasta que surge el efecto de rivalidad binocular.

Consejo de diseño de información n.º 3 basado en el efecto de rivalidad binocular: n No sobrecargues el contenido; utilizar iconos temáticos; resaltar los puntos clave.

4. La influencia de la tipografía y la estética en el proceso de lectura

¿Sabías que la tipografía puede influir en el estado de ánimo y la capacidad de una persona para tomar decisiones?

La tipografía es el diseño y uso de tipos como medio de comunicación visual. Hoy en día, la tipografía ha pasado del ámbito de la imprenta al ámbito digital. Resumiendo todas las definiciones posibles del término, podemos decir que el propósito de la tipografía es mejorar la percepción visual del texto.

En un experimento, Kevin Larson (Microsoft) y Rosalind Picard (MIT) descubrieron cómo la tipografía afecta el estado de ánimo del lector y su capacidad para resolver problemas.

Realizaron dos estudios, cada uno con 20 personas. Los participantes se dividieron en dos grupos iguales y se les dio 20 minutos para leer un número de la revista The New Yorker en una tableta. Un grupo recibió texto con mala tipografía, el otro, con buena tipografía (se dan ejemplos a continuación):

Durante el experimento, los participantes fueron interrumpidos y preguntados cuánto tiempo creían que había pasado desde el inicio del experimento. Según la investigación psicológica (Weybrew, 1984): las personas que disfrutan de sus actividades y se dedican a ellas estado de ánimo positivo, creen que dedicaron mucho menos tiempo a leer.

Después de leer los textos, se pidió a los participantes del experimento que resolvieran el problema de las velas. Tuvieron que fijar la vela a la pared para que la cera no goteara, utilizando chinchetas.

¿Cómo percibimos la buena tipografía y su impacto?

Ambos grupos de participantes estimaron erróneamente el tiempo dedicado a leer. Esto significa que leer fue una actividad divertida para ellos.
Los participantes a quienes se les presentó un texto con buena tipografía subestimaron significativamente su tiempo de lectura en comparación con los participantes a quienes se les presentó un texto con mala tipografía. Esto significa que encontraron el primer texto más interesante.
Ninguno de los participantes que leyeron el texto con mala tipografía pudo resolver el problema de las velas. Mientras que menos de la mitad del segundo grupo completó la tarea. Así, una buena tipografía influyó en la capacidad de resolución de problemas.

Consejo de diseño de información n.º 4, basado en el experimento de Larsen y Picard sobre la influencia de la tipografía: utilice fuentes legibles; separar texto de imágenes; no superponga imágenes o iconos sobre el texto; Deje suficiente espacio en blanco entre párrafos.

5. Percepción de la esencia de la escena según Castellano y Henderson

¿Alguna vez te has preguntado qué significa realmente la expresión “una imagen vale más que mil palabras”? ¿O por qué percibimos mejor las imágenes que el texto?

Esto no quiere decir que la imagen nos diga toda la información que necesitamos. Simplemente una persona tiene la capacidad de captar los elementos principales de una escena de un vistazo. Cuando fijamos la mirada en un objeto u objetos, formamos idea general y reconocer el significado de la escena.

¿Qué es la percepción de la escena? Según el investigador de Investigación y Desarrollo de Nissan, Ronald A. Rensink:

“La esencia de la escena, o percepción de la escena, es la percepción visual del entorno como observador en un momento dado. Incluye no sólo la percepción de objetos individuales, sino también parámetros tales como sus posiciones relativas, así como la idea de que se encuentran otros tipos de objetos".

Imagina que ves ciertos objetos que representan dos signos con símbolos y un diagrama que simboliza una bifurcación e indica dos caminos diferentes. Lo más probable es que la siguiente escena haya aparecido frente a ti: estás en medio de la jungla/bosque/carretera y hay dos caminos más adelante que conducen a dos destinos diferentes. A partir de esta escena, sabemos que hay que tomar una decisión y elegir un camino.

En 2008, Monica S. Castelhano de la Universidad de Massachusetts Amherst y John M. Henderson de la Universidad de Edimburgo estudiaron el efecto del color en la capacidad de percibir la esencia de una escena.

El experimento incluyó tres ensayos diferentes. A los estudiantes se les mostraron varios cientos de fotografías (objetos naturales o artificiales) en diferentes condiciones para cada prueba. Cada imagen se mostró en una secuencia y un momento específicos. Se pidió a los participantes que respondieran "sí" o "no" cuando vieron detalles que coincidían con la escena.

Se presentaron fotografías normales y borrosas con fotografías en color y monocromáticas, respectivamente.

Determinar el papel de los colores en la percepción de la esencia de la escena para siguientes ejemplos Las fotografías utilizaron colores anormales:

¿Cómo percibimos la información visual según los hallazgos de Castellano y Henderson?

Los sujetos captaron la esencia de la escena y el objeto objetivo en cuestión de segundos. Esto significa que la gente puede entender rápidamente el significado de una escena normal.
Los sujetos fueron más rápidos a la hora de hacer coincidir imágenes en color que en blanco y negro. Por tanto, el color nos ayuda a comprender mejor una imagen.
En general, los colores determinan la estructura de los objetos. Cómo mejor color Cuanto más corresponda a cómo percibimos habitualmente el mundo, más fácil nos resultará comprender el significado de la imagen.

Consejo de diseño de información n.° 5 Basado en la investigación sobre percepción de escena de Castellano y Henderson: utilice íconos o imágenes apropiados para representar datos; colocar contenido en secuencia correcta; Utilice colores familiares para objetos importantes.

Conclusiones

Comprender cómo las personas perciben la información visual ayuda a mejorar las infografías. Resumiendo las conclusiones de los experimentos revisados, llamamos su atención sobre consejos clave para el diseño de información visual:

1. Maquetación y diseño

El tema y el diseño deben ser consistentes con la información.
No sobrecargues las infografías de tu página.
Utilice iconos temáticos.
Organizar el contenido en la secuencia adecuada.
Utilice títulos para establecer expectativas clave.

2. Secuencia de vídeo

Las imágenes deben acompañar al texto.
Muestre números importantes en gráficos y tablas.
Utilice las imágenes e íconos correctos para representar sus datos.

Reduzca la cantidad de colores para contenido complejo.
Aumente el contraste entre la información visual importante y el fondo.
Utilice colores temáticos armoniosos.
Utilice sabiamente los colores discordantes.
Utilice colores regulares para objetos importantes.

4. Tipografía

Elija fuentes legibles.
Deje mucho espacio en blanco entre el título y el texto o imagen.
No superponga imágenes o iconos en el texto.
Proporcione suficientes espacios entre los caracteres.

Ahora que conoces los pormenores de la creación de infografías hermosas y atractivas, ¡tú decides!