¿Está buscando una forma sencilla de aumentar la experiencia del usuario en su sitio web?
Es tan simple como agregar un espacio en blanco.
El espacio en blanco se refiere al espacio vacío entre párrafos, imágenes, botones, íconos y otros elementos en su página web. En el diseño web, es una de las muchas áreas que pueden afectar la percepción del cliente y su experiencia posterior.
Sin embargo, no lo malinterprete. No estamos hablando de crear páginas “bonitas”. Estamos hablando de diseño.
Y en el diseño, la forma en que maneja los espacios en blanco puede tener un impacto dramático en la experiencia de sus usuarios y sus decisiones de compra.
Los usuarios tienden a no recordar más de uno o dos elementos resaltados. Los espacios en blanco alrededor de los elementos resaltados tienden a aumentar su prominencia (Olsen, 2002).
Entonces, si desea que un producto se destaque, todo lo que tiene que hacer es agregar un espacio en blanco alrededor del nombre del producto y/o la imagen del producto o incluso un botón «Agregar a la bolsa». Me gusta Nordström hace en esta captura de pantalla:
Las investigaciones han demostrado que el uso de espacios en blanco entre párrafos y en los márgenes izquierdo y derecho aumenta la comprensión en casi un 20 %. (Lin, 2004).
Además, a los usuarios les resulta más fácil concentrarse y procesar contenido bien espaciado.
¿Cómo hace esto cuando necesita empaquetar una gran cantidad de información en una pequeña cantidad de espacio? Aproveche el espacio que tiene usando códigos de colores para agrupar información, gráficos para dividir áreas largas de texto y mucho espacio entre párrafos de texto.
Esto significa que tienes que hacer dos cosas:
Su objetivo es aumentar no solo la comprensión, sino también un mayor nivel de satisfacción del cliente.
Fíjate en lo bien dispuesto que está el contenido en Sembrador de redes. Hay un buen uso del espacio entre párrafos, la sangría, el relleno y los márgenes.
Nota: Tratar con sitios web de alta densidad de información, como CNN, se analiza con más detalle en Frank Guo.
La investigación sobre el diseño de páginas web ha demostrado que el diseño (espacios en blanco, tipografía, sangría y figuras) no siempre influye en actuación de la página, pero eso sí influye satisfacción. (Chaperro, Shaikh y Baker 2005)
Echa un vistazo a algunos de tus sitios minoristas favoritos para demostrarlo. Por ejemplo, esta captura de pantalla de AmazonasLa página de inicio tiene muchos espacios en blanco. Vea cómo la página se presenta en bloques, cada uno separado de los demás.
En particular, observe lo fácil que es crear un punto focal cuando usa un espacio en blanco. Los ojos de los visitantes se dirigen inmediatamente al centro de la página, donde Amazon presenta sus lectores Kindle. Es el espacio en blanco lo que los hace resaltar.
El espacio en blanco que rodea un bloque de texto en su página aumenta su legibilidad. También se puede usar para indicar áreas de contenido relacionado o agrupado, lo que ayuda a los usuarios a identificar qué contenido pertenece junto y qué es una llamada a la acción separada.
esta pagina de smythson hace un uso efectivo del espacio en blanco para diseñar claramente un conjunto de productos. Es fácil ver qué imagen está asociada con qué texto porque el espacio en blanco enmarca el contenido, diferenciándolo de otros grupos de elementos.
Personalmente, sin embargo, también agregaría una línea clave de un píxel alrededor del área de texto que desea asociar con la imagen, para hacer que el enlace de contenido sea mucho más fuerte, como se muestra en el primer producto a continuación.
Investigación de Universidad Stanford ha demostrado que el espacio en blanco y su uso en el diseño general de la página es un determinante clave para generar confianza en línea con sus usuarios.
La mayoría de sus consumidores califican la credibilidad de una empresa en su primera impresión de su diseño visual.
Lo que significa que un mal diseño puede dañar su negocio más de lo que un buen diseño puede ayudarlo.
En particular, evite:
En enero de 2012, la página de inicio de este minorista de moda estaba oscuro con un uso deficiente del espacio en blanco.
Desde entonces, el sitio web ha sido rediseñado y el nuevo diseño es limpio y le da una sensación ligera y aireada al sitio web. El contenido del sitio web es prácticamente el mismo, solo que el diseño ha mejorado.
En la versión de enero de 2012, la llamada a la acción y la suscripción al boletín están justo debajo de la imagen principal, con solo color para diferenciarlos. Esto es ineficaz porque los usuarios no pueden desvincular la imagen o el producto principal de las otras llamadas a la acción secundarias.
Este problema se trata mejor en la versión de enero de 2013. El espacio en blanco marca la diferencia.
Vea cuánto menos texto usa, inspirando a los lectores a hacer clic en las imágenes y adentrarse más en el sitio.
El diseño del sitio web para Costumbre del condado occidental hace que parezca que su objetivo comercial es obtener toda la información de la empresa en la página de inicio.
Mala idea. Amontonar tanta información en una sola página arruina el diseño y la experiencia de sus clientes.
La página que se muestra a continuación sufre de lo que llamamos «desorden de página». El desorden de páginas es cuando pones tanta información en una página que el usuario no tiene idea de qué mirar primero. La página es simplemente abrumadora para la mayoría de los usuarios.
Este sitio web es un buen ejemplo de un sitio mal diseñado. Aquí, el uso deficiente del espacio en blanco es el menor de sus problemas, pero prestar atención a los problemas del espacio en blanco ayudará a abordar el desorden de la página y los problemas de diseño visual, además de ayudar a los diseñadores a decidir qué información se puede mover a las páginas secundarias.
Con Descuento de salida, el uso del espacio en blanco es bastante bueno, aunque el diseño es promedio y poco inspirador. La paleta de colores de azul y naranja tampoco es genial.
Sin embargo, este sitio web podría mejorarse fácilmente con dos simples cambios:
Mira cuánto mejor se vería:
Al abordar el diseño de la página, este artículo lo ayudará a comenzar.
Pero no olvide tener en cuenta la estética de la página que está diseñando, no solo la marca y si las imágenes son claras y el precio correcto, sino también otras áreas como el tamaño de las imágenes, el tamaño del texto, la página. disposición en general. Y espacio en blanco.
Intente agregar más espacio en blanco a sus páginas y vea por sí mismo la diferencia que hace.
