En términos de diseño no se pueden agrupar elementos sin dejar espacio entre aquellos con los que no están relacionados. Siempre debes incluir espacio en blanco al crear un sitio web de diseño personalizado. No tener suficiente espacio en blanco puede dificultar la comprensión de tu contenido, además de afectar a la estética general.
Recuerda que no es necesario rellenar todo el espacio de tu sitio web. En lugar de esto debes pensar cómo hacer que los elementos próximos entre sí se perciban como relacionados y usar el espacio en blanco para separar aquellos que no formen parte de estos grupos definidos.
Ejemplos de aplicación de la ley de proximidad al diseño web
Ahora que tienes un conocimiento básico de la ley de proximidad aplicada a la UX, es posible que te preguntes cómo debería verse en la práctica. Aquí tienes algunos ejemplos de la ley de proximidad y situaciones en las que debes utilizarla:
Texto del sitio web
Los diseñadores utilizan la ley de proximidad para que el contenido escrito sea más legible y fácil de ojear. Así, por ejemplo, los titulares tienen más espacio por encima que por debajo para organizar los párrafos y asegurar que los lectores vean que forman parte del mismo grupo de contenido. Además, la altura de la línea y los espacios entre líneas son mayores entre las palabras que separan párrafos, mientras que las letras están lo suficientemente juntas como para formar palabras.
Menús de navegación
Una navegación eficaz es parte del diseño de una buena experiencia de usuario. Dado que muchos sitios web contienen gran cantidad de contenido, agrupar los elementos, incluidas las categorías y subcategorías de contenido, puede facilitar la navegación en ellos. Los menús, tanto si se encuentran en la parte superior del sitio web como en el lateral, utilizan un espacio en blanco entre sus elementos para agrupar el contenido y ayudar a los visitantes a ver qué elementos están más relacionados entre sí.
Si utilizas tu sitio web para ganar clientes potenciales, piensa en la posibilidad de optimizar tus formularios con la ley de proximidad aplicada a la UX. Los formularios suelen tener etiquetas para indicar a los visitantes qué información les solicitas. Puedes etiquetar claramente cada campo aprovechando la proximidad para que tu formulario sea más fácil de leer y usar.
Las páginas de productos
Si vendes productos, es posible que tu sitio web contenga varios artículos, algunos relacionados y otros no. Puedes utilizar la proximidad en las páginas de productos para que los visitantes encuentren otros productos relacionados fácilmente.
Si, por ejemplo, vendes café, tus páginas de productos podrían recomendar tipos de crema u otras mezclas de café que puedan interesar a los usuarios. Puedes introducir recomendaciones mediante un diseño de carrusel para tenerlas todas agrupadas en la página del producto.
Pies de página
Cada sitio web comercial debe tener un pie de página que contenga enlaces de navegación básicos, información de contacto o formularios breves. En cualquier caso, la proximidad permite que estos elementos se agrupen fácilmente. Así, puedes mantener tus enlaces de navegación principales junto con cualquier otra información, como los datos de contacto, en el otro extremo de la página, separados por espacios en blanco.
Prácticas recomendables al aplicar la ley de proximidad al diseño de la interfaz de usuario
La ley de proximidad de la Gestalt se puede utilizar para agrupar cualquier contenido y guiar fácilmente a tus clientes a través de tu sitio web.
A continuación, se ofrecen algunas prácticas recomendables para aplicar este principio al diseño web:
Usa el espacio en blanco
Muchos diseñadores principiantes piensan que necesitan rellenar la página, lo que puede crear un diseño web caótico y confuso. Utilizar el espacio en blanco para separar los grupos de contenido y los elementos de diseño es fundamental para que los sitios web sean legibles, fáciles de ojear y tengan mejor aspecto. Además, el uso de grandes áreas de espacio en blanco puede hacer que tus páginas web se vean más organizadas y ayudar a los usuarios a navegar por el sitio.
Piensa primero en el contenido
Antes de diseñar tus páginas web, piensa en el contenido que necesitarás. Si vas a crear páginas de productos, es posible que tengas un diseño en mente, pero es importante tener en cuenta los tipos de texto y cuánto texto habrá en la página. El diseño debe adaptarse al texto, no al revés. Por lo tanto, es buena idea planificar tu contenido antes de empezar a diseñar el sitio web para ayudarte a saber qué tipos de información necesitarás agrupar.
Resalta los elementos
Puedes utilizar la ley de proximidad para enfatizar ciertos elementos en la página y mejorar la UX y el diseño de la interfaz de usuario. Primero, piensa siempre en los elementos que necesitas en la página y cuáles son más importantes; el contenido y la jerarquía informativa determinarán qué elementos deben destacar. De todas formas, los diseñadores pueden jugar con los espacios negativos para enfatizar las diferentes áreas de la página web y asegurarse de que destaquen.
Optimiza la interfaz de usuario con la ley de proximidad
Si deseas que tu sitio web sea más agradable estéticamente y mejorar la experiencia de usuario, considera la posibilidad de optimizarlo aplicando el principio de proximidad de la Gestalt.
Este principio de diseño gráfico te ayuda a entender cómo afecta la percepción a tu diseño y utilizar esto en tu beneficio. Jugar con diferentes elementos agrupándolos y creando jerarquías visuales con espacios en blanco puede hacer que tu sitio web tenga un aspecto más profesional y mejorar las primeras impresiones que tu cliente tendrá de tu empresa.
Utiliza la ley de proximidad al diseñar tu sitio web con Mailchimp. Facilitamos la creación de sitios web profesionales sin necesitar experiencia de diseño. Prueba Mailchimp hoy mismo.
