2.2

Agrupar la información en conjuntos coherentes

El cerebro busca patrones constantemente. Si dos elementos están cerca, asumimos que están relacionados. Si se parecen visualmente, pensamos que cumplen la misma función. Estos principios, conocidos como Leyes de la Gestalt, explican cómo percibimos orden y significado incluso en entornos complejos. En diseño de interfaces permiten que una pantalla se comprenda la información sin esfuerzo consciente. La mente agrupa, clasifica y entiende antes de que el usuario piense.

Proximidad

Similitud

Encapsulación

Continuidad

Figura-fondo

Destino común

Establece que los elementos visuales que están cerca, o próximos entre sí, tienden a agruparse.

Indica el color, forma o estilo coherente para elementos con la misma función (por ejemplo, todos los indicadores analógicos se acompañan con un color de estado, un icono y un valor).

Utiliza marcos sutiles o paneles con título para bloques funcionales, evitando el exceso de recuadros que fragmenta la lectura.

Alinea los elementos siguiendo la lógica del flujo (de izquierda a derecha para procesos, de arriba abajo para jerarquías).

Prioriza el contraste y el silencio visual del fondo, de modo que lo importante emerja sin competir.

Agrupa visualmente elementos que cambian o se mueven juntos, reforzando la idea de sistema conectado.

Ejemplo

El diseño de David Plocher hace un buen uso de encapsulación a través de figura-fondo y el uso del color para los distintos niveles. Estos niveles cumplen con continuidad ya que de arriba a abajo representan la jerarquía (profundidad) y en ºº el proceso o componentes de ese nivel (amplitud). De un primer vistazo, nos permite enfocar para comprender lo relevante.

Arburg GmbH – HMI for Intelligent Line Management – concept by David Plocher, 2018