Please enable JavaScript.
Coggle requires JavaScript to display documents.
GESTALT
Se refiere a la aplicación de los principios psicológicos para…
GESTALT
Se refiere a la aplicación de los principios psicológicos para diseñar representaciones visuales que aprovechan la capacidad del cerebro humano para organizar patrones y estructuras, facilitando la comprensión, identificación y análisis de datos de manera más efectiva
1.- FORMA Y PREGNANCIA
La forma establece la información rescata la estructura, es decir, aquello que resulta esencial para hacerlo idéntico consigo mismo y permitir diferenciación de otros objetos
La pregnancia, indica que la actividad mental tiene una tendencia asociar objetos dentro de la mayor simplicidad
Problemas
Si las formas no son distintivas, la identificación de elementos puede ser difícil.
Falta de énfasis en elementos clave puede llevar a la pérdida de enfoque y relevancia.
-
Ventajas
Si tienes iconos que representan funciones relacionadas, colocarlos juntos refuerza visualmente su conexión
Si tienes múltiples categorías de datos, dispersar íconos puede ayudar a evitar la saturación visual
2.- PROXIMIDAD
Distribución espacial de los objetos
Agrupar elementos cercanos para indicar relaciones.
Cuando los elementos se colocan cerca el cerebro asume que están en el mismo grupo
-
-
-
Problemas
Confusión de Agrupación: Si los elementos relacionados no están lo suficientemente cerca, puede haber confusión sobre su agrupación, lo que lleva a una interpretación incorrecta.
Desorganización: Una falta de proximidad puede resultar en una disposición desorganizada, dificultando la identificación de relaciones lógica
5.- CIERRE
Toda información que contribuye a la formación del concepto contorno es privilegiada.
Las formas geométricas tienen la capacidad de dar a entender la totalidad de su forma con tan solo percibir parte de ella.
Ayuda a completar figuras incompletas
-
Ventajas
Al usar gráficos,ayuda a completar figuras incompletas.
Conexión visual de elementos.
Asimilación rápida
Problemas
Ambigüedad: Un cierre excesivo puede crear figuras ambiguas, dificultando la interpretación precisa de la información.
Pérdida de Detalles: Un cierre excesivo podría simplificar demasiado la representación, resultando en la pérdida de detalles importantes..
Relación
Semejanza al cerrar formas similares
Pregnancia toda información que contribuya a la formaciòn del concepto
6.-FIGURA Y FONDO
Toda información que contribuye a la formación del concepto contorno es privilegiada.
Las formas geométricas tienen la capacidad de dar a entender la totalidad de su forma con tan solo percibir parte de ella.
Ayuda a completar figuras incompletas
-
Problemas
Pérdida de Enfoque: Una falta de contraste entre la figura y el fondo puede hacer que elementos importantes se pierdan y afectar la claridad visual
Distracción Incorrecta: Un contraste excesivo podría llevar a una distracción innecesaria, afectando la atención focal.
Ventajas
Cuando los junta, contrasta el fondo y la figura para destacar elementos importantes y
utiliza un fondo claro para resaltar figuras oscuras y viceversa
Cuando dispersa, minimiza el contraste para elementos menos relevantes.
Evita distracciones innecesarias mediante un contraste excesivo.
-
4.-SEMEJANZA
Elementos similares se agrupan visualmente, independientemente de su proximidad entre sí. Se puede agrupar por color, forma o tamaño.
Semejanza se puede usar para unir elementos que pueden no estar próximos
-
Ventajas
Cuándo juntan:
Agrupa elementos que comparten atributos visuales similares.
Utiliza la semejanza para resaltar relaciones o categorías específicas.
Cuándo Dispersar:
Dispersa elementos que difieren en atributos visuales clave.
Rompe la semejanza para destacar elementos únicos o excepcionales.
Problemas
Agrupación Incorrecta: Si elementos diferentes comparten similitudes visuales, podría llevar a una agrupación incorrecta y malentendidos.
Monotonía Visual: Un exceso de semejanza puede hacer que la interfaz se vea monótona, afectando la capacidad de resaltar información crucial.
-
3.- CONTINUIDAD
Guía la atención y conecta datos.
Facilita la interpretación de secuencias.
-
Ventajas
Cuándo Juntar:
Utiliza líneas continuas para conectar datos relacionados.
Guía la atención a través de la continuidad para mostrar relaciones secuenciales.
Cuándo Dispersar:
Interrumpe la continuidad para indicar cambios significativos.
Evita una continuidad excesiva que pueda causar distracción.
Problemas
Desconexión Visual: La falta de continuidad puede llevar a una desconexión visual entre elementos relacionados, afectando la percepción de la información.
Distracción: Una continuidad excesiva puede distraer la atención, especialmente si no está alineada con la jerarquía de la información.
-
7.- CONTRASTE
Utiliza contrastes visuales (color, tamaño, forma) para resaltar elementos clave y diferenciar categorías
Mejora la diferenciación y focalización
-
Ventajas
Cuándo Juntar:
Utiliza contrastes visuales para resaltar elementos clave.
Agrupa elementos que comparten similitudes y utiliza el contraste para destacar diferencias significativas.
Cuándo Dispersar:
Dispersa elementos para evitar una sobrecarga visual, pero asegúrate de mantener contraste entre elementos importantes.
Utiliza contrastes para destacar elementos individuales o categorías específicas en un fondo más uniforme.
-
Problema
Contrastes inapropiados pueden distraer la atención del usuario de la información esencial
Pérdida de enfoque en la información clave y reducción de la eficacia comunicativa
8.- MOVIMIENTO COMÚN
Elementos que se mueven en la misma dirección o hacia un destino común
Genera una conexión visual entre elementos móviles
Puede guiar la atención del espectador hacia un punto focal o mensaje clave
Relación
Continuidad al guiar la atención a través del movimiento. Proximidad al unir elementos que comparten movimiento. Cierre al crear una conexión visual continua entre elementos en movimiento.
Problemas
Puede ser confuso si el movimiento no es relevante o es excesivo.
Si los elementos en movimiento no siguen una dirección coherente, puede causar distracción y confusión
-
Ventajas
Facilita la interpretación de secuencias o narrativas visuales.
Crea una sensación de unidad y coherencia.
Destaca la relación o interdependencia entre elementos en movimiento.
-
-