Principio de Proximidad
Elementos cercanos se perciben como relacionados
La teoría
El Principio de Proximidad, una de las leyes fundamentales de la psicología Gestalt, nos dice que los elementos que están cerca entre sí tienden a percibirse como parte de un mismo grupo, incluso si no comparten otros atributos visuales.
La forma en que agrupas (o separas) los elementos en una interfaz afecta directamente a cómo los usuarios interpretan la información y navegan por ella.
Cuando el diseño respeta este principio:
- El contenido se entiende más rápido.
- Se reducen errores por malinterpretaciones.
- La interfaz transmite orden, intención y jerarquía.
La práctica
Podemos verlo claramente en:
- Formularios bien agrupados: Agrupar el label, el campo de texto y el mensaje de error ayuda al usuario a entender que todo pertenece a la misma unidad funcional.
- Cards de productos: Si cada card está bien separada de las demás, pero sus elementos (imagen, título, precio, botón) están juntos, se interpreta como una sola unidad.
- Botones de acción secundaria: Al separarlos del botón principal con un poco más de espacio, el usuario entiende que tienen menor prioridad.
Consejos
– No coloques botones opuestos uno junto al otro: Evita situar acciones con consecuencias contrarias —como “Eliminar” y “Guardar”— demasiado cerca entre sí.
– Usa el espacio para separar y agrupar: Utiliza márgenes y padding para organizar visualmente la interfaz.
– En formularios, agrupa campo + etiqueta + error: Coloca la etiqueta justo encima o a la izquierda del campo y muestra el mensaje de error justo debajo del campo correspondiente.