El Internet es un lío enredado que está visualmente sobrecargado. ¿Hay tanto que ver? ¿y leer? y comprender, que puede ser difícil encontrar el enfoque y descubrir qué es lo importante.
Si su diseño está sobrecargado visualmente, es probable que esté abrumando a los usuarios y que estén abandonando su sitio web o aplicación. Entonces, ¿cómo sabes si lo estás haciendo? Tenemos una lista de señales de advertencia para usted, además de algunas formas de eliminar parte del peso del diseño y hacerlo más manejable para los usuarios.
No tienes estilos definidos
Estilos y paletas son la columna vertebral de un buen diseño. Cuando se trata de sitios web, todo debe definirse en el CSS para que los estilos se definan (y se usen) en todo el sitio web. (No confíe en la memoria ni en los cambios manuales al estilizar elementos de una página a otra).
Los estilos definidos incluyen todo, desde la paleta de fuentes (con tamaño y uso de color) hasta una paleta de colores y cómo deben aparecer y funcionar los elementos, como los botones o los enlaces, en el diseño. La falta de estilos puede abrumar a los usuarios porque a menudo hay una inconsistencia en la apariencia y el comportamiento de las páginas, lo que hace que los usuarios cuestionen si las cosas funcionan correctamente o si obtuvieron la información que solicitaron con un clic anterior.
Tener estilos definidos también ayudará a prevenir? ¿Exagerar? El diseño y la realización de cambios sin razón. Un patrón lógico y consistente puede ayudar a los usuarios a encontrar información con facilidad y mantener el diseño.
The Perfect Grid Book es un ejemplo sólido de diseño simple y consistente.
Todo es del mismo tamaño
No puedes tener una conversación sobre estilos y CSS sin hablar de jerarquía. ¿Su diseño tiene una jerarquía clara para el texto y otros elementos (desde fotos a botones hasta enlaces)?
La parte clave de esa pregunta es "jerarquía clara". Los estilos deben ser lo suficientemente diferentes como para que el usuario más casual pueda distinguir claramente entre un encabezado y el texto del cuerpo o un botón o una foto. El problema más común en términos de usuarios abrumadores es que cada elemento se siente del mismo tamaño (o los elementos se dividen en grupos de un par de tamaños).
El tamaño es más que el ancho y la altura o el tamaño en puntos para los tipos de letra. ¿Qué tan grande o diferente aparecen los objetos cuando se colocan lado a lado? El peso o tamaño visual es igual de importante, e incluso los elementos de diferentes tipos (texto junto a una foto, por ejemplo) deben tener pesos visuales variables. El color, el espacio y el contenido de la imagen pueden desempeñar un papel importante en la determinación de qué tan grande se ve algo en la pantalla. Planee las variaciones en el tamaño visual de los elementos para crear una ruta visual para los usuarios que ayude a dirigir el ojo desde los elementos más importantes de la pantalla hasta los menos importantes.
Su tasa de rebote es realmente alta
¿Presta atención a la tasa de rebote en el análisis de su sitio web? Si el número aumenta después de un cambio de diseño, podría ser el resultado de una sobrecarga visual. (Por otro lado, podría ser que la búsqueda y el diseño sean tan geniales que los usuarios encontraron inmediatamente lo que estaban buscando).
Comparar la tasa de rebote al tiempo en el sitio. Idealmente, una tasa de rebote baja y un tiempo alto en el sitio son buenos. Si esos números comienzan a cambiar en la otra dirección, podría señalar un problema.
Si los usuarios abandonan su sitio demasiado rápido, profundice un poco más en los análisis para averiguar cómo llegaron a su sitio en primer lugar y qué están buscando (utilizando patrones de clic, páginas principales y resultados de búsqueda). Ajuste el diseño para hacer estos elementos elementos de alta prioridad.
Los usuarios no están haciendo clic en las cosas correctas
Mientras investiga analíticas, tome nota de en qué están haciendo clic los usuarios. ¿Los clics reales se corresponden con los clics deseados? Si los usuarios no están haciendo lo que se supone que deben hacer? Con el diseño, puede indicar un problema visual. Es posible que los botones no sean lo suficientemente grandes o lo suficientemente claros o que la copia no lleve a los usuarios a las llamadas a la acción adecuadas.
A menudo el problema es que hay demasiadas cosas que hacer. Imagine un sitio web con un gran llamado a la acción en la imagen del héroe, con un formulario de envío de correo electrónico justo debajo y una ventana emergente que solicita información en forma de cupón. ¿En qué harías clic primero? ¿O simplemente cierra el sitio web y continúa con su vida?
Si haría esto último, es por la naturaleza abrumadora del diseño y se debe a la sobrecarga cognitiva, o la cantidad de capacidad cerebral necesaria para usar su sitio web. Hay demasiadas opciones que llegan a los usuarios demasiado rápido para procesarlas todas.
La solución es fácil. ¿Limitar el número de elementos procesables a uno por pantalla? Fuera de los elementos de navegación o del pie de página. En el escenario anterior, el diseño podría incluir una llamada a la acción en la imagen del héroe, pero nada más. El formulario de correo electrónico se encuentra en otra página o debajo del desplazamiento, al igual que el cuadro emergente.
El diseño está lleno de trucos
Demasiados trucos de diseño, tendencias o elementos pueden sentirse bien cuando lo está haciendo, pero puede arruinar la experiencia del usuario. Trate de mantener el diseño a un truco de diseño que proporcione un punto de interés para los usuarios, pero que no los abrume mentalmente.
Nunca dejes que las modas o cosas que quieras probar se interpongan en el camino de KISS: manténlo simple, estúpido (que podría ser la mejor filosofía de diseño de todos los tiempos).
Los patrones de usuario no son realmente patrones en absoluto
¿Son las funciones dentro de su sitio web comunes y bien entendidas? Nada puede abrumar a un usuario como inventar una nueva forma de hacer algo. El desplazamiento de izquierda a derecha, en lugar de arriba y abajo, o los botones que no parecen botones son solo un par de ejemplos de patrones de usuario que no son patrones. Y a los usuarios no les gustan.
Cumpla con los flujos de usuario, herramientas y acciones comúnmente aceptados para garantizar que la mayoría de los visitantes sepan cómo interactuar y participar con su sitio. Si el diseño requiere instrucciones, probablemente sea demasiado complicado.Usa iconos y elementos que también son conocidos. El ícono del carrito de la compra es un ejemplo de un elemento del cual todo usuario entiende y espera una acción determinada.
El menú oculto, el ícono de la hamburguesa, es un ejemplo interesante que comenzó como algo que los usuarios no entendían, pero se ha convertido en un patrón de usuario bastante común para la navegación móvil e incluso de escritorio. Pero no está exento de controversia, ya que muchos diseñadores todavía se oponen al uso.
Si bien puede ser divertido crear algo totalmente diferente y nuevo, piense en los objetivos del proyecto de diseño. Si necesita que los usuarios se muevan a través del sitio y realicen acciones específicas, esto es vital para los sitios web de comercio electrónico; los patrones comunes de los usuarios son clave.
No hay espacio en blanco
El desorden es un asesino de sitios web. Los espacios en blanco pueden guardar el diseño y ayudar a los usuarios con indicaciones direccionales, ayudar a establecer una jerarquía y hacer que todo se sienta más liviano y fácil de entender. El simple hecho de aumentar el espacio entre líneas de texto de una a 1.5 líneas puede aumentar el tiempo en el sitio y la legibilidad.
El espacio puede afectar a los usuarios en otros lugares también. Las canaletas más amplias y el espacio entre los elementos pueden contribuir a la comprensión y comprensión. El espacio en blanco exagerado alrededor de un elemento puede hacer que parezca importante y enfocar esa área en la pantalla.
El espacio también tiene un efecto calmante para muchos usuarios, mientras que un diseño abarrotado de elementos puede hacer que un usuario se sienta frenético y apresurado.
Conclusión
Es una frase que hemos usado en Design Shack en el pasado: en caso de duda, déjela fuera. Mantenga esta idea en mente cuando intente racionalizar un diseño que pueda sentirse desordenado o abrumador. El desorden visual es un problema real, tanto en sitios web individuales como cuando se navega casualmente por Internet.
Un diseño que sea fácil para los ojos mantendrá a los usuarios más tiempo y, con suerte, fomentará más conversiones. Cada página, o pantalla, debe tener en mente la acción de un solo usuario para ayudar a fomentar los clics correctos en el momento adecuado.