Los mejores 16 consejos sobre diseño de experiencia de usuario

UX es un proceso de descubrimiento. A menudo argumentamos que la experiencia del usuario no comienza y termina con un proyecto.

Mientras el producto esté en activo, el proceso de UX no ha terminado. Cuando se trata de productos digitales, siempre habrá espacio para la mejora y las oportunidades de crecimiento que vale la pena explorar, por lo que el proceso de diseño es una parte inseparable del viaje del crecimiento del negocio.

Sin embargo, cuando se trata de principios de usabilidad y diseño, existen reglas comprobadas y comprobadas que podemos aplicar sin dudarlo. ¿Por qué reinventar la rueda?

Hoy te contamos 16 consejos y tácticas de UX y UI que te ofrecen resultados positivos instantáneos en experiencia de usuario y nos ahorran capacidad intelectual.

1. La llamada a la acción con mejor rendimiento

El botón de llamada a la acción siempre funcionará mejor si agregamos algo de contexto a la acción, pero trata de mantenerlo en tres palabras. En lugar de «Añadir», podría tener «Añadir al carrito», y en lugar de «Comprar», «Comprar ahora»

2. Copy (texto) en el móvil

Se han realizado muchas pruebas que demuestran que el mejor principio de usabilidad para la legibilidad en dispositivos móviles es no más de 9 palabras por línea, o de 50 a 60 caracteres.

3. CTA en dispositivos móviles

Es más grande de lo que usan la mayoría de los diseñadores. Un estudio sobre las yemas de los dedos humanos concluyó que el ancho promedio del dedo índice es de 16 a 20 mm para la mayoría de los adultos, lo que hace que el tamaño ideal del botón sea de 40 a 50 píxeles de ancho.

4. Lista en comercio electrónico

¿Cuándo usar un botón y cuándo un menú desplegable? La regla UX es simple: usa el botón para menos de 5 opciones y un menú desplegable para más de 5 opciones.

5. Paginación o desplazamiento infinito

Muchos diseñadores de UX se ven tentados a utilizar el desplazamiento infinito para hacer que su diseño sea más elegante y moderno.

Sin embargo, esto no funciona para los usuarios que intentan encontrar el contenido adecuado.

Las pruebas han demostrado que el desplazamiento infinito debe usarse para la exploración de contenido y la paginación para UX orientado a objetivos, como comercio electrónico o sitios web ricos en datos.

6. Selección predeterminada: ser o no ser

Escribir y hacer clic adicional tiene un alto coste de interacción. Para aumentar la tasa de conversión de los formularios, utiliza siempre la selección predeterminada, solicitando la selección deseada o la más frecuente.

7. Cómo utilizar los iconos

El uso excesivo de iconos es un error de la interfaz de usuario, que a menudo compromete toda la UX. El uso de íconos siempre debe tener un significado fuerte, reforzando lo que no se puede decir con palabras, nunca ocultando la funcionalidad detrás de un icono simple.

La regla de oro de UX: usa iconos cuando la etiqueta no sea suficiente para explicar la acción.

8. Mensajes de error

Para aumentar las tasas de conversión, siempre ofreceremos sugerencias para corregir errores, reduciendo la carga cognitiva del usuario.

Mantén un texto humanizado y humorístico para evitar el abandono del formulario cuando el usuario se enfrenta a una pantalla o mensaje de error.

9. ¿Lista de verificación o botón estilo radio?

El principio de UX aquí es simple: para la selección de opción múltiple, utilizamos checkbox, para la selección de opción única: radio-buttom. Ningún diseñador/a debería hacer lo contrario.

10. Utiliza el marcador de posición para mostrar un ejemplo

El uso del cursor de posición establece un mejor contexto y aumenta la conversión de formularios.

Pero vamos a ir un paso más allá: utiliza un ejemplo, en lugar del nombre de campo obligatorio, porque eso ya lo sabe el usuario.

Por ejemplo, inserta un número de teléfono de muestra (+34 615 869…), en lugar de poner «número de teléfono» o «hola@sergioalexanderc8.sg-host.com» en lugar de «correo electrónico». Es un principio UX muy validado.

11. Área «tocable» más amplia en el móvil

Los botones más anchos y las áreas que se pueden tocar en el móvil siempre funcionan mejor que los pequeños componentes de la interfaz de usuario.

Entonces, si el diseño lo permite, siempre usaremos opciones visuales más amplias y más grandes que los radio-buttom, los menús desplegables o los enlaces de copia en el dispositivo móvil.

12. Utiliza colores para la clasificación de contenido

Las etiquetas basadas en colores para una clasificación importante disminuyen la carga cognitiva, por lo que siempre opte por un poco de color en las pantallas de diseño clave.

El riesgo: no lo use en exceso, ya que podría tener el efecto contrario y arruinar la jerarquía de la UX.

13. Botones de campo de formulario

Utiliza siempre un color diferente para el botón ubicado junto a un campo de texto para asegurarse de que no se mezcla con el área de entrada de texto y se destaque como un botón de llamada a la acción.

14. La altura de línea perfecta

Todos deseamos que hubiera una proporción perfecta entre el tamaño de fuente y el interlineado, pero, y lamentamos decírtelo, no la hay. La regla universal del UX es: mantén la altura de la línea entre un 20% y un 30% más que la altura del carácter para mejorar la legibilidad.

15. El tamaño de fuente que siempre funciona

Si todos usaran el mismo tamaño de fuente todo el tiempo, el mundo del diseño sería un lugar muy aburrido. Sin embargo, si quieres estar seguro, la fuente de 16 píxeles con una altura de línea de 1,5 siempre funciona. Es la opción más segura para el cuerpo del texto.

16. Imágenes superpuestas para una apariencia refinada

Si desea agregar un toque más elegante a sus diseños, elige imágenes superpuestas, especialmente si estás diseñando páginas o tarjetas de perfil de usuario. Para asegurarse el equilibro, siempre haz coincidir el borde de la imagen con el color de fondo.

Y si necesitas que analicemos tu experiencia de usuario y la mejoremos con un diseño app o web, contacta con nosotras.