Cómo evitar las trampas comunes de UX
¿Cuántas veces ha estado en un sitio web, solo para dejarlo frustrado y molesto por la experiencia que recibió durante su visita? Créanlo o no, esta es una ocurrencia bastante común, especialmente cuando los sitios web ignoran buenas prácticas de UX.
Si está involucrado en algún aspecto de la creación de un sitio web, es imperativo que evite los problemas comunes de UX, si desea permanecer en los buenos libros de sus usuarios. Echemos un vistazo a las 4 trampas UX más comunes en las que se encuentran los diseñadores, y cómo evitarlas ...
Formularios
Los formularios son necesarios para recopilar información sobre usuarios, clientes y clientes. No puedes usarlos, pero no deberían ser insoportables para completar. Los formularios deben tener muy pocas preguntas sobre qué información busca un sitio web. Uno de los mayores problemas de los formularios en línea es cuando no hay instrucciones.
Formateo
Cuando le pidas a alguien información específica, enfatiza qué es lo que estás buscando. Si necesita un formato especial para algo, como una fecha, hora o cualquier otra información formateada, debe venir con un ejemplo. Nada es más molesto que completar un formulario, solo para recibir un mensaje de error cuando haya terminado.
Texto del marcador
Es agradable cuando un diseñador va un poco más allá y le da una pista sobre el tipo de información que está buscando, proporcionando texto de marcador de posición en el campo del formulario. Si bien esto es extremadamente conveniente, varias veces me he encontrado con texto de marcador de posición que no desaparece cuando comienza a escribir en el campo de formulario. Este es un gran punto de frustración para cualquier usuario, ya que tienen que dejar de escribir, seleccionar todo y eliminarlo, comenzando de nuevo. También pueden seleccionar el tipo innecesario y eliminarlo, causando una interrupción en su proceso de pensamiento al completar el formulario. Cuando utilice texto de marcador de posición para indicar el tipo de información que está buscando, asegúrese de que desaparezca cuando alguien seleccione ese campo de entrada.
Error de mensajes
No hay nada más frustrante que tratar de hacer algo en un sitio web, solo para recibir un mensaje de error, sin suficiente información, o en absoluto. Si un usuario del sitio web encuentra un error, debe haber una explicación de lo que es incorrecto y cómo solucionarlo. Por ejemplo, si inicia sesión en un sitio con un nombre de usuario y contraseña, si comete un error con uno, se le debe decir cuál. Con tantos inicios de sesión en sitios web, es fácil acumular múltiples variaciones de nombres de usuario y contraseñas. En algunos casos, tuve que modificar mi combinación habitual de nombre de usuario y contraseña porque no cumplía con los requisitos del registro de un sitio web, como 2 letras mayúsculas o un número, letra y puntuación o símbolo.
Otros ejemplos incluirían: si las contraseñas no coinciden, durante el proceso de registro, muestre un mensaje de error antes de enviarlo. Otro ejemplo podría ser si ya se tomó un nombre de usuario, mostrarlo antes de que alguien envíe su registro.
A nadie le gusta tener que volver a hacer algo, especialmente después de recibir instrucciones deficientes. Tendrá un mayor compromiso si permite que los usuarios le proporcionen la información correcta la primera vez.
Cabeceras de navegación grandes y fijas
No estoy seguro de cómo esto se hizo popular, pero lo he visto mucho, en muchos sitios de la web. El problema con un encabezado tan grande y todos esos elementos de navegación es que cuando se desplaza hacia abajo de la página, bloquea una gran cantidad de contenido. Esto es especialmente frustrante cuando hay partes que necesita para llegar, o cuando el contenido de otra manera llenaría la altura del navegador, pero parte de él queda oculto por la navegación.
Especialmente en dispositivos móviles
Lo que es aún peor es que a veces, cuando un sitio se reduce al tamaño del dispositivo móvil, el encabezado grande aún se mantiene en su lugar. Esta es una mala experiencia, porque el espacio ya está limitado en las pantallas de los teléfonos inteligentes. No necesita ser asumido por un menú de navegación que de otro modo podría estar oculto. Si hay ciertos elementos de navegación que deben permanecer visibles, conviértelos en pequeños iconos o colóquelos en un lugar apartado.
Bajo contraste
Mis ojos están bien, pero no soy partidario de tratar de distinguir visualmente el texto del carbón o los iconos sobre un fondo negro. Nadie debería tener que pasar por eso. El contraste es clave, especialmente en el diseño web.
Texto
Cualquier texto debe ser fácil de leer, con suficiente peso para que sea fácil de leer. 100 fuentes de peso prácticamente no tienen lugar en la web (excepto en algunos casos especiales). Usar una fuente súper delgada en un teléfono inteligente es simplemente pedir problemas. Tiene que haber suficiente contraste visual para que sus ojos distingan las formas de las letras.
Color
Para todos los elementos de un sitio web, debe haber un montón de contraste fácilmente discernible entre los colores. Todos y cada uno de los textos deben tener una alta tasa de contraste desde su fondo. Eso vale para cualquier enlace, elementos de navegación o íconos, también. No debería ser difícil encontrar lo que estás buscando.
Llamadas a acciones
Al igual que otros enlaces y elementos de navegación, los elementos de llamada a la acción deben mostrar un alto nivel de contraste. Si desea que un visitante del sitio web tome medidas, hágalo prominente, fácil de leer y cargue y borre. Demasiadas veces verá un llamado a la acción con un botón que no se destaca lo suficiente del fondo. A veces, no es un botón en absoluto, y es solo un simple enlace de texto rodeado de espacios en blanco.
Toque objetivos en dispositivos móviles
Veo esto en muchos sitios móviles y es uno de los elementos más frustrantes para tratar. Si tiene un botón o un enlace para hacer clic, dele suficiente espacio para que los usuarios no golpeen accidentalmente la cosa incorrecta. En un teléfono inteligente, asegúrese de que los botones o enlaces estén lo suficientemente lejos del borde o de la esquina de la pantalla, de modo que puedan taparse fácilmente.
Muchas veces, un botón colocado demasiado cerca de cualquiera de las 4 esquinas de una pantalla es demasiado difícil de tocar con precisión. Si tiene los dedos más grandes, es posible que el teléfono inteligente no registre su acción en absoluto. Esto hace que el usuario tenga que tocar varias veces para que la característica funcione. El espacio para estos elementos es extremadamente importante.
Conclusión
Estos problemas comunes de UX se pueden evitar fácilmente con un poco de trabajo adicional y previsión. Si desea que los visitantes de su sitio web utilicen y disfruten su sitio, es importante que el proceso sea fácil y fluido. Evitar que los usuarios repitan acciones y procesos una vez más reduce la frustración y brinda a los usuarios la experiencia que todos esperan de un sitio bien diseñado.
Foto principal, Imagen de diseño UX a través de Shutterstock.