A principios del siglo XX, los psicólogos de la Gestalt desarrollaron un conjunto de principios destinados a describir cómo las personas perciben y organizan visualmente el mundo. Estos principios se conocen comúnmente como leyes de la Gestalt o Principios de la Gestalt. Algunos de los principios más populares incluyen cercanía, similitud, áreas comunes y aislamiento. Como diseñadores, podemos aplicar estos principios para crear interfaces fáciles de usar.
Definición: principio de cierre establece que las personas llenarán los espacios en blanco para percibir un objeto por completo cuando un estímulo externo se superponga con ese objeto.
Incluso cuando carecemos de información, nos esforzamos por comprender nuestro entorno, llenando los espacios en blanco para ver el objeto completo. Este reconocimiento ocurre automáticamente.
Contenido del Articulo
Aplicaciones
El principio de cierre describe nuestra tendencia a percibir imágenes segmentadas como objetos completos o completos, incluso cuando carecemos de información. Este principio a menudo se asocia con el diseño de logotipos, pero puede influir en otras decisiones de diseño visual relacionadas con los iconos y varios elementos de la página.
Logotipos de empresas
Este principio generalmente se implementa en el diseño de logotipos. Por ejemplo, el Public Service Broadcasting Service (PBS) y Major League Baseball aplican el principio de cierre a los diseños de sus logotipos.
En cada uno de estos ejemplos, nuestra mente llena los espacios en blanco para percibir formas completas. Las formas y los objetos representados son reconocibles (rostros y jugadores de béisbol respectivamente), y aunque cada uno puede representarse con mayor complejidad visual, la aplicación del principio de cierre crea diseños simples pero interesantes.
Iconos de interfaz
La mayoría de los especialistas en UX no tienen mucho control sobre el diseño del logotipo de nuestra empresa. Sin embargo, los iconos sirven como otro medio para cumplir con el principio de cierre.
Por ejemplo, Google Slides ha aplicado el principio de cierre a uno de sus iconos. El icono transmite función a través de un diseño visual minimalista.
Si bien el uso del principio de cierre puede simplificar la complejidad visual de sus íconos, debe más comprobar si los usuarios entienden qué son los iconos y agrega texto claro a tus íconos… Si los usuarios no entienden lo que significa un ícono, no importa cuán minimalista o estético sea.
Aplicar el principio de cierre a una señal de contenido
Los diseñadores pueden utilizar el principio de cierre para: 1) indicar que existe contenido adicional y 2) estimular la interacción con ese contenido.
Muchos diseños de carrusel utilizan el principio de cierre en el que solo muestran partes de un elemento en el carrusel. Incluso si los usuarios no pueden adivinar los detalles exactos de un elemento que se muestra parcialmente, un elemento sin terminar les indica que hay más elementos fuera del pliegue vertical y que deben deslizar el dedo para alcanzarlos.
Por otro lado, si la página parece completa a los usuarios, nos encontramos ante la llamada ilusión de completitud. Aplicar el principio de cierre para evitar la ilusión de estar completo significa segmentar los elementos de la página por encima del pliegue para que parezcan incompletos y fomentar la interacción (desplazamiento o deslizamiento). Esta técnica funciona bien para contextos con tamaños de ventana gráfica predecibles, pero es mucho más difícil de implementar cuando hay una amplia gama de posibles tamaños de ventana.
Por ejemplo, Dormir la página de Headspace, una aplicación de meditación, parece estar completa, aunque hay varias otras sugerencias para la meditación en la parte inferior de la página. Este diseño se puede mejorar mostrando un elemento segmentado (por ejemplo, la mitad de lo siguiente Ver todos los recientes botón) para transferir contenido adicional se encuentra a continuación.
Asegúrese de que los elementos segmentados se comuniquen en su totalidad
No todas las aplicaciones del principio de cierre son eficaces. Al cortar el contenido y los elementos de la página, piense en cuánto de ese elemento estará en la pantalla y si es suficiente para pasar el valor y la función. Proporcionar muy poca información dificulta que los usuarios llenen los vacíos.
Cuando eliminamos los elementos de la página y el contenido de nuestras interfaces, necesitamos proporcionar suficiente contexto para indicar que se puede ver más contenido. HelloFresh, un servicio de suscripción de alimentos, utilizó el principio de cierre para indicar a sus usuarios sobre el carrusel. Sin embargo, el elemento segmentado era pequeño y muy fácil de pasar por alto.
Por el contrario, Target ha aplicado con éxito el principio de cierre para especificar elementos de página adicionales. El diseño presenta 3 opciones para botones debajo Compra en tu tienda; la tercera opción ha sido desactivada. Este tercer elemento tenía aproximadamente un 40% del tamaño de los otros dos y proporcionaba suficiente contenido para transmitir información.
Conclusión
Al presentar información y objetos incompletos, las personas tienden a llenar los espacios en blanco. Como diseñadores, podemos aplicar el principio de cierre para simplificar las imágenes y transmitir (y fomentar la interacción) con información adicional.
Obtenga más información sobre la percepción visual y otros principios de la psicología que influyen en el diseño en nuestro curso de formación. Mente humana y usabilidad…
…
