Contenido del Articulo
Revisé mis fundamentos de diseño cuando uno de mis colegas me preguntó cuál era la mejor forma de justificar los espacios en blanco.
Todos sabíamos que el espacio en blanco era una parte vital de nuestro diseño, pero necesitaba encontrar una forma de hablar sobre ello con el resto del equipo que quería incluir más cosas en la página.
Es difícil decir que el espacio en blanco a menudo está en segundo plano y juega un papel clave para proporcionar claridad visual, jerarquía y enfoque. A menudo, este no es un elemento de diseño que sea fácil de nombrar, lo que dificulta hablar de él.
Sin embargo, aprendí cómo otros miembros del equipo a menudo ven los espacios en blanco, lo que me ayudó a aprender tres técnicas de diseño que pueden ayudar a justificar su uso.
Pero primero, veamos cómo otros miembros del equipo pueden ver los espacios en blanco.
Comprender cómo su equipo trata los espacios en blanco
¿Qué te viene a la mente si en lugar de “espacio en blanco” lo llamamos “inmueble virtual”? Es posible que tenga algunos sentimientos viscerales acerca de los bienes raíces, pero puede ser principalmente una sensación de “espacio valioso que mucha gente necesita”.
Esta es una mentalidad con la que me he encontrado mucho con los propietarios de productos y los jefes de departamento. Para ellos, el espacio vacío no es una herramienta visual importante: es un “solar vacío” en un área valiosa que podría aprovecharse mejor. Es por eso que a menudo insisten en meter información en cada espacio disponible.
Por otro lado, hay dos problemas principales con los espacios en blanco que pueden molestar a los desarrolladores:
- ¿Cuáles son los márgenes, rellenos y números de borde de cada elemento?
- ¿Necesitamos una segunda página?
El primer problema es relativamente fácil de resolver: básicamente solo necesita verificar ciertos elementos para proporcionarles números para crear espacios.
El segundo problema es donde las cosas se ponen complicadas. Si solo hay una función que el usuario debe completar en la página, puede usar tanto espacio en blanco como necesite sin ningún problema.
Pero cuantas más funciones pueda realizar un usuario en una página, menos espacios querrán los desarrolladores para asegurarse de que todas quepan en una página. Esto se debe a que los desarrolladores a menudo tienen que hacer mucho más trabajo si los usuarios se ven obligados a cargar una página diferente. Esto incluye:
- Estudiar la velocidad de carga de la página (donde una reducción de 0,05 segundos puede marcar una gran diferencia)
- Averiguar cómo “guardar” información (por ejemplo, si los usuarios navegan a una nueva página y luego hacen clic en “Atrás”, sus opciones/información anteriores están precargadas)
- Tener una página adicional (e interacciones) para pasar por varias etapas de desarrollo (puesta en escena, preproducción, etc.)
Varias páginas también pueden ser problemáticas para los usuarios. Descubrí que la mayoría de los usuarios de aplicaciones internas prefieren el diseño de una sola página por dos razones:
- A menudo no tienen las mejores computadoras, por lo que la carga se convierte en una molestia para ellos (un usuario dijo que a veces les tomaba un minuto completo cargar una página).
- Son expertos en su trabajo, por lo que obligarlos a hacer clic en “Siguiente” varias veces los ralentiza.
Estos son algunos de los factores que hacen que su equipo resista mucho espacio vacío. Si ese es el caso, ¿cómo puede justificar mantener espacios?
La respuesta es descubrir qué principio de diseño coincide con su uso de espacios en blanco y mostrarlo visualmente.
Justificación para usar espacios con tu comando
Cuando se habla de espacios, una de las cosas más importantes es tener claro por qué los estás usando. Estas son algunas de las formas más comunes de acercarse al espacio vacío:
Visualice casos de uso extremos (o completos) para hablar de consistencia
Encontré una queja común sobre las lagunas en los resultados de búsqueda. Un contenedor se usa a menudo para contener resultados de búsqueda, pero a menudo es demasiado grande para un solo resultado de búsqueda. Sin embargo, no se trata solo de resultados de búsqueda.
Tal vez tenga una serie de preguntas basadas en cómo responde cada pregunta, pero la pantalla comienza con solo una pregunta visible. O parece que está usando una fuente que es demasiado pequeña para la mayoría de los elementos del menú, pero se ajusta a algunos.
De cualquier manera, desea mostrarle a su equipo casos de uso alternativos o extremos para mostrar la necesidad de esa brecha. Tener una pantalla diferente que muestre un contenedor con muchos resultados de búsqueda le permitirá al equipo entender por qué esto podría ser necesario.
Difumina tu interfaz de usuario para hablar sobre la jerarquía visual/elementos principales de diseño.
Los espacios en blanco también son una forma significativa de crear jerarquía visual y enfoque para el usuario, lo que puede ser fundamental para garantizar que el usuario siga el flujo de trabajo previsto. Sin embargo, esto puede ser difícil de ver al mirar las imágenes de la página.
Entonces, si desea justificar el espacio en blanco para la jerarquía visual y la facilidad de comunicación, un enfoque es difuminar la interfaz de usuario para que sea ilegible. A menudo he descubierto que esta puede ser una excelente manera de señalar problemas fundamentales de usabilidad que a menudo se ocultan detrás de la forma en que está diseñado.
Incluso si la mayoría de su equipo está familiarizado con cada una de estas secciones, este diseño puede ayudar a justificar el espacio en blanco. Sin señales contextuales como el texto, se vuelve obvio que se necesitan espacios en blanco para enfatizar ciertos elementos de diseño.
Confirmar el uso de espacios en blanco para problemas de “bienes inmuebles”
Cuando se trata de descifrar el mundo de los “bienes raíces” virtuales, aquí es donde las cosas se ponen un poco complicadas (y complicadas). Puede haber muchas políticas organizacionales en torno a esto, así que no entraré en detalles.
Sin embargo, hay varias formas de “verificar” el uso de espacios al recopilar comentarios de los usuarios. Las herramientas de mapeo térmico como CanvasFlip pueden ser útiles para mostrar dónde los usuarios interactúan más en un sitio. Los espacios en blanco a menudo resaltan los elementos principales de un sitio web, proporcionando un punto de comparación válido.
Sin embargo, no necesita ninguna herramienta para verificar el uso de espacios en blanco: una de las formas más fáciles de lidiar con esto es agregar una pequeña sección adicional a las pruebas de usuario con el “Recorrido por la página de inicio”.
Steve Krug recomienda siempre hacer un “recorrido por la página de inicio” al realizar pruebas de usabilidad para comprender qué piensan los usuarios de su sitio web y de qué se trata. Combinar esto con un protocolo de “pensar en voz alta” también puede permitirle comprender lo que piensan los usuarios mientras navegan por su página de inicio.
Si los usuarios se enfocan más en una “nueva característica” (como “Más información”) en lugar de una llamada a la acción principal (“Crear una cuenta”), esto obligará al equipo a repensar su enfoque de “Bienes inmuebles virtuales”. ”
El espacio en blanco es natural para los diseñadores, por lo que es difícil de explicar.
El espacio en blanco a menudo se siente natural para la mayoría de los diseñadores (y otros), por lo que puede ser difícil pensar en cómo puede justificar su uso.
Como un baterista menor en una gran banda, nunca lo notas mientras él no está. Sin embargo, esperamos que el uso de estas técnicas pueda ayudarlo no solo a llamar la atención sobre las funciones principales que realiza el espacio en blanco, sino también a comprender por qué es una parte tan importante de su diseño.
Kai Wong – Diseñador sénior de UX, escritor, diseñador y autor Boletín de datos y diseño. su nuevo libro diseño de UX basado en datos, explica pequeños cambios que puede realizar en los datos para mejorar el proceso de diseño de UX.
