Krypton Solid

Cómo evitar las trampas comunes de UX

Cómo evitar las trampas comunes de UX

¿Cuántas veces ha estado en un sitio web, solo para salir frustrado y molesto por la experiencia que recibió durante su visita? Lo crea o no, esto es algo bastante común, especialmente cuando los sitios web ignoran las buenas prácticas de UX.

Si está involucrado en cualquier aspecto de la construcció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 de UX más comunes en las que caen los diseñadores y cómo evitarlas …

Formularios

Los formularios son necesarios para recopilar información sobre usuarios, clientes y clientes. No puede usarlos, pero no debería ser insoportable completarlos. Los formularios deben tener muy pocas preguntas sobre qué información está buscando un sitio web. Uno de los mayores problemas de los formularios en línea es cuando no hay instrucciones.

Formateo

Cuando le pida a alguien información específica, enfatice qué es lo que está buscando. Si necesita un formato especial para algo, como una fecha, hora o cualquier otra información formateada, debería incluir 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, ha habido varias ocasiones en las que me he encontrado con texto de marcador de posición que no desaparece cuando comienza a escribir en el campo del formulario. Este es un gran punto de frustración para cualquier usuario, porque tiene que dejar de escribir, seleccionar todo y eliminarlo, comenzando de nuevo. También pueden seleccionar el tipo innecesario y eliminarlo, provocando una interrupción en su proceso de pensamiento al completar el formulario. Siempre que 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 intentar hacer algo en un sitio web, solo para recibir un mensaje de error, sin suficiente información, o nada en absoluto. Si un usuario del sitio web encuentra un error, debe haber una explicación de qué 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 informar 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. Hay algunos casos en los que he tenido 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, mostrar un mensaje de error antes de enviar. Otro ejemplo podría ser si ya se tomó un nombre de usuario, muéstrelo antes de que alguien envíe su registro.

A nadie le gusta tener que rehacer algo, especialmente después de recibir malas instrucciones. Tendrá un compromiso mucho mayor si facilita que los usuarios le brinden la información correcta la primera vez.

Encabezados de navegación fijos y grandes

No estoy seguro de cómo 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 te desplazas hacia abajo en la página, se bloquea una gran cantidad de contenido. Esto es especialmente frustrante cuando hay partes a las que necesita acceder, o cuando el contenido ocuparía la altura del navegador, pero parte de él está 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 de un dispositivo móvil, el encabezado grande aún se mantiene en su lugar. Esta es una mala experiencia en general, porque el espacio ya es limitado en las pantallas de los teléfonos inteligentes. No es necesario que esté ocupado por un menú de navegación que, de lo contrario, podría estar oculto. Si hay ciertos elementos de navegación que deben permanecer visibles, conviértelos en pequeños íconos o colóquelos en algún lugar fuera del camino.

Bajo contraste

Mis ojos son buenos, pero no soy un fanático de tratar de discernir visualmente el texto o los íconos en carboncillo sobre un fondo negro. Nadie debería tener que pasar por eso. El contraste es clave, especialmente en el diseño web.

espacio cuadrado

Texto

Cualquier texto debe leerse fácilmente, con el peso suficiente para que sea fácil de leer. Las fuentes de 100 pesos 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 buscar problemas. Tiene que haber suficiente contraste visual allí para que sus ojos puedan distinguir las formas de las letras.

Color

Para todos los elementos de un sitio web, debe haber un gran contraste entre los colores que se pueda discernir fácilmente. Todos y cada uno de los textos deben tener una alta tasa de contraste con respecto a su fondo. Eso también se aplica a los enlaces, elementos de navegación o íconos. No debería ser difícil encontrar lo que busca.

Llamadas a la acción

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 actúe, hágalo prominente, fácil de leer, cargar y claro. Demasiadas veces verá una llamada 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, es solo un enlace de texto simple rodeado de espacios en blanco.

Tocar objetivos en dispositivos móviles

Veo esto en muchos sitios móviles y es uno de los elementos más frustrantes con los que lidiar. Si tiene un botón o un enlace para hacer clic, déle suficiente espacio para que los usuarios no presionen accidentalmente lo incorrecto. En un teléfono inteligente, asegúrese de que los botones o enlaces estén lo suficientemente lejos del borde o la esquina de la pantalla para que se puedan tocar 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 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 función funcione. El espacio para estos elementos es extremadamente importante.

objetivos táctiles

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 usen y disfruten de 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 la experiencia de usuario que todos esperan de un sitio bien diseñado.

Foto principal, Imagen de diseño UX a través de Shutterstock.

Deja un comentario