Los usuarios tienen períodos de atención cortos y muy cortos. Es probable que eso sea evidente simplemente mirando a través de los análisis de su sitio web. Esto hace que sea más importante que nunca implementar técnicas de diseño que ayuden a los usuarios a escanear y obtener el más información de su sitio web en el más corto tiempo posible
Es su trabajo comprender lo que los usuarios necesitan extraer del diseño de un vistazo y ayudarlos a obtener esa información, por lo que tal vez se queden y exploren su sitio web. ¡Aquí hay algunas maneras de hacerlo!
1. Piensa mínimamente
Un diseño sin muchas opciones puede ser rápido y fácil para el usuario. Mientras que al principio, "piensa mínimamente" podría hacerle pensar en un estilo de diseño minimalista, se trata más de racionalizar elementos y efectos. (Pero un patrón de diseño mínimo puede funcionar también).
En general, el objetivo es limitar la sobrecarga de información y la cantidad de decisiones que debe tomar un usuario para cumplir con el objetivo del diseño.
- Mantenga la navegación simple con un puñado de opciones.
- Utilice tipografías simples que sean fáciles de leer de un vistazo.
- Amplifique el contraste entre los elementos para que las llamadas a la acción sean fáciles de encontrar.
- Para cada página, o desplazamiento, en el diseño, se adhieren a un solo pensamiento o acción.
- Las conversiones de objetivos (carros, formularios, etc.) deben ser accesibles en todo momento.
2. Fomentar la acción con contenido visual
Un sitio web es un medio visual; has tu mejor esfuerso. Las imágenes fuertes, incluidos la fotografía y los videos, son una forma fácil de captar la atención del usuario y, cuando se combinan con un elemento accionable, pueden ayudar a generar un clic inmediato.
Obtener de un punto A a B en un diseño debe ser un proceso rápido. Piénsalo en términos de comercio electrónico. Un usuario ve un par de zapatos en las redes sociales, hace clic para acceder al sitio web y debe poder ver el elemento (o cómo encontrarlo de inmediato) para seguir interactuando con el sitio web.
Un diseño que ahorra tiempo mostraría los zapatos con un botón para comprar ahora. El usuario puede lo que quiere y cómo obtenerlo sin tener que buscar en varias páginas o clics. Este es otro consejo para ahorrar tiempo al usuario con imágenes: use la misma imagen para promociones fuera del sitio y en el sitio. Una imagen diferente de esos mismos zapatos podría no registrarse tan rápidamente con el usuario como la misma imagen.
Esto funciona porque la mayoría de las personas pueden procesar una imagen más rápidamente que leer palabras que dicen? la misma cosa. Un sitio web es un medio visual; has tu mejor esfuerso.
3. Rompe los elementos complicados en pedazos
Cree una historia para que pueda dividir un diseño complicado en piezas más pequeñas y más digeribles. Los bloques o fragmentos de contenido más pequeños pueden ser más fáciles de entender rápidamente, lo que ayuda a los usuarios a pasar de un elemento a otro.
Pruebe los elementos de la interfaz de usuario, como? Leer más? Enlaces, bloques estilo tarjeta y animación de desplazamiento de paralaje para crear interacción y desglosar diseños complicados.
4. Cortar formas
Una de las maneras más fáciles de hacer que el diseño sea más rápido para los usuarios es reducir la cantidad de información que no necesita. Los formularios no tienen que solicitar capas de información.
- Solo solicite información esencial, como el nombre y la dirección de correo electrónico, y haga un seguimiento posterior de los formularios diseñados para generar clientes potenciales.
- Use formularios que validen los datos para que los usuarios sepan si ingresaron algo incorrecto (y dónde), por lo que las correcciones son rápidas y fáciles.
- Minimice la escritura y use los botones o casillas de verificación en los formularios donde corresponda. (Esto es especialmente un ahorro de tiempo para los usuarios móviles).
- No solicite datos repetitivos, como el tipo de tarjeta de crédito y el número de tarjeta de crédito. (El tipo de tarjeta es reconocible por el número).
5. Diseño de CTA en negrita
Haga que el diseño sea rápido y fácil de usar con un llamativo diseño de acción que los usuarios no pueden perderse.
Los colores brillantes y los elementos de gran tamaño pueden ayudar a los usuarios a ver qué se supone que deben hacer con el diseño de inmediato. Además, proporcione contenido dentro de los botones que les diga a los usuarios exactamente qué hacer y qué sucederá cuando hagan clic aquí.
Para ser visto, una CTA debe tener mucho contraste para que no se mezcle con los elementos circundantes y atraiga la atención sobre sí misma. (Y no te olvides de asegurarte de que el CTA también sea fácil de encontrar en las pantallas móviles).
6. Editar, Editar, Editar
A veces, una buena edición significa traer a un tercero para leer todo y garantizar que tenga sentido para otra persona. Nada ahorra tiempo a los usuarios, como hacer su debida diligencia antes de la publicación. Edite todo en el diseño del sitio web y luego edítelo nuevamente. Un diseño de sitio web que ahorra tiempo tiene una copia escrita que es fácil de leer y entender.
Esto significa que las palabras están libres de errores ortográficos o errores tipográficos, las oraciones utilizan la sintaxis, la gramática y la estructura de las oraciones adecuadas. Y todo está organizado de manera lógica.
A veces, una buena edición significa traer a un tercero para leer todo y garantizar que tenga sentido para otra persona. Un conjunto adicional de ojos puede ayudarlo a comprender dónde se esconden los errores ocultos o si el contenido está demasiado lleno con demasiada jerga para el lector general.
También puede intentar usar una herramienta como Grammarly para revisar la ortografía y las publicaciones en su CMS mientras se prepara para publicar nuevo contenido.
7. Sea consistente
Los titulares, el texto del cuerpo y las imágenes deben seguir un estilo coherente. Un diseño consistente incluye elementos repetidos, acciones e interacciones que funcionan exactamente de la misma manera en todo el diseño. Simplemente, eso significa que un botón siempre debe parecerse a un botón, tener el mismo color y fuente, el mismo estado de desplazamiento y trabajar de la misma manera, sin importar a dónde vaya el usuario.
Repita esta idea para cualquier elemento del diseño que se use varias veces, como los iconos, el carrito, los formularios, los enlaces y los botones de las redes sociales.
Sea consistente con otros elementos también. Los titulares y el texto del cuerpo y el uso de la imagen también deben seguir un estilo consistente.(Esta es la razón por la cual es vital definir elementos y estilos en el CSS y luego usar etiquetas apropiadas).
Esa consistencia hace que cada página del diseño de su sitio web parezca que pertenece. El usuario nunca tiene que adivinar o experimentar para descubrir cómo funciona algo.
Conclusión
Rápido. Hacer clic. Hecho.
Ese es probablemente el patrón de usuario más común. Ya sea que los usuarios lo piensen o no, buscan hacer cosas rápidamente en su sitio web, terminar tareas o cumplir objetivos y pasar a otra cosa. Cuanto más trabaje su diseño con los usuarios para ahorrarles tiempo y cumplir sus objetivos, más fácil será para el usuario.