La importancia de los espacios en blanco para la UX

Foto de torbakhopper

Cuando diseñamos y construimos un producto digital hay muchos elementos a los que a veces no se les da importancia (o no toda la que debería), por nombrar algunos: los estados vacíos, el onboarding, un estado de crisis que pueda provocar malfuncionamientos en el producto digital, los CTAs…

Hoy os vamos a hablar de otro olvidado: los espacios en blanco. Los espacios en blanco son un elemento de diseño, aunque no lo parezca. Los espacios en blanco delimitan los espacios, ya sea en un artículo impreso, una app o un aplicación de escritorio.

Muchas veces se hace un mal uso de los espacios en blanco, debido a que hay muchos contenidos y poco espacio disponible. Otras veces, el error consiste en priorizar mal los contenidos, querer que todo el contenido sea visible en la portada y no dejar espacios en blanco que dejen respirar al contenido y a los usuarios del producto digital.

En el caso de un CTA por mucho que usemos un gran botón naranja, si no dejamos un espacio en blanco generoso que permita diferenciarlo del resto de elementos del producto digital no mejoraremos la conversión, ya que no será tan visible como si hubiera un amplio espacio en blanco que lo diferencie del resto de elementos.

A veces, pasa lo contrario un producto digital tiene demasiado espacio en blanco, lo cual al usuario le da una sensación de vacío o de que se ha pensado poco en pantallas de gran tamaño, que cada vez son más habituales, quedando unos márgenes excesivos en ellas.

Además los espacios en blanco son importantes porque nos usuarios no leen, escanean las interfaces de usuario de un producto digital, ya sea un sitio web o una app móvil.

Pautas para mejorar la UX con el uso de espacios en blanco

Respecto a los espacios en blanco en Usabilla han escrito un artículo con 5 pautas por las cuales ellos creen que los espacios en blanco mejoran la experiencia de usuario. Como siempre os ampliamos las pautas con nuestros comentarios.

Las 5 pautas son las siguientes:

1. El espacio en blanco significa usabilidad: el espacio en blanco siempre es de ayuda para el usuario, en materiales impresos los libros con márgenes amplios son preferidos por los usuarios a los que no los tienen, por su facilidad de lectura.En lo digital, normalmente se suele trasladar esa costumbre de los usuarios y además hay estudios que avalan que la comprensión de la lectura mejora cuanto más espacios en blanco hay en un producto digital. Además, los espacios en blanco dirigen hacia las acciones que los usuarios quieren hacer en un producto digital como en el caso de los CTAs.
2. El espacio en blanco hace tus contenidos legibles: aunque los espacios en blanco no son el único factor involucrado en la legibilidad de los textos, sí que es importante en la delimitación y la jerarquización de estos. Además, los usuarios agradecen que haya espacio entre los diferentes contenidos y que los textos respiren.
3. El espacio en blanco da un respiro a tus usuarios: en el ámbito de lo digital las tecnologías van avanzando y los productos digitales se complican cada vez más. Por ello cada vez más es esencial una buena priorización de las funcionalidades y la existencia de espacios en blanco que delimiten claramente el menú de navegación del resto de elementos de un producto digital.Además los espacios en blanco ayudan a los usuarios a diferenciar claramente los diferentes contenidos que les presentas y les ayuda a tomar una mejor decisión, ya que no los abrumas con un exceso de información.
4. El espacio en blanco da un buen aspecto: un buen diseño normalmente tiene abundancia de espacios en blanco y los espacios en blanco suelen dar elegancia a los diseños. Un ejemplo claro sería Chanel, donde en todos sus elementos: web, packaging, artículos impresos; incluyen espacios en blanco para reforzar la imagen de elegancia de la marca.  Además los espacios en blanco dan aspecto de simpleza y limpieza en un producto digital, lo cual mejora la percepción y la experiencia de los usuarios.
5. El espacio en blanco da emoción a tu diseño: un espacio en blanco unido a un color de fondo añade emociones a tu producto digital, las cuales son importantes tambien a la hora de que los usuarios reaccionen a los contenidos que les presentas en el producto digital.Dependiendo del color elegido, pueden desatarse unas emociones u otras que pueden ser distintas dependiendo de la cultura. Como siempre en estos casos lo mejor es hacer un test con usuarios, en este caso un Think Aloud, para que los mismos usuarios nos expliquen las emociones e impresiones que les da un producto digital antes de lanzarlo al mercado y que éstas sean las que nuestro cliente desee y no otras.

Desde el Estudio os recomendamos que pongáis atención a los pequeños detalles que mejoren la experiencia de los usuarios de un producto digital como son los espacios en blanco, porque de muchos pequeños detalles depende el éxito de un producto digital.

En Torresburriel Estudio trabajamos los procesos de diseño de producto digital para lograr los objetivos definidos junto con nuestros clientes. Si quieres que exploremos la posibilidad de optimizar tu producto digital contacta ahora mismo con nosotros y nos pondremos en contacto para conocer tu proyecto.