mensaje de error

El mejor mensaje de error, como todos sabemos, es el que nunca aparece. Sin embargo, los fallos son inevitables por muy bueno que sea nuestro diseño. Cuando la gente interactúa con los productos, es seguro que algo sale mal en algún momento.

Los mensajes de error pueden parecer poca cosa, pero son una parte importante de la experiencia del usuario. Los usuarios suelen utilizar la calidad de los mensajes de error para evaluar la calidad del producto. Una de las cosas que irritan a los usuarios son los mensajes de error mal escritos. Por otro lado, un buen diseño de UX de los mensajes de error puede mejorar el placer subjetivo de los usuarios y la velocidad de uso.

¿Cómo escribir buenos mensajes de error?

La gestión de los puntos de dolor del usuario es un elemento clave de la UX. El mensaje de error es uno de los más temidos (por los usuarios). Puede tratarse de un problema que se produce mientras el usuario se está registrando en un producto o uno que se produce en medio del flujo de trabajo del usuario. El objetivo es que el encuentro sea lo menos doloroso posible para los usuarios. A la hora de redactar este tipo de mensajes, las mejores prácticas de microcopia y las guías de estilo pueden ser de gran ayuda.

He aquí algunos principios generales que te ayudarán a crear los mensajes de error más eficaces para tus consumidores:

**1. Sea específico en lugar de especulativo

mensaje de error
**Imagen tomada de Bootcamp

Los mensajes de error deben redactarse de forma clara y básica. Al ver un mensaje de error, el usuario debe ser capaz de entender el problema. De nada sirve que el mensaje de error sea vago y el usuario no pueda determinar el motivo del mensaje. Los usuarios no tienen forma de resolver el problema, lo que repercute negativamente en la experiencia del producto.

Ejemplo:

mensaje de error
Imagen tomada del producto Strikingly

2. Que sea corto y significativo

mensaje de error
Imagen tomada de Bootcamp

En el mensaje de error debe incluirse la información necesaria. La mayoría de las veces, el usuario no está dispuesto a leer un relato largo. Escribe una breve descripción que sea significativa para el usuario y le ofrezcas una clara comprensión del problema y de cómo solucionarlo. Evita comunicar en exceso el problema y evita utilizar términos superfluos.

3. Evita la jerga técnica

mensaje de error
Imagen tomada de Bootcamp

La mayoría de los usuarios no están interesados en los entresijos técnicos del problema. El usuario se queda perplejo si una comunicación contiene frases técnicas o jerga. Evita utilizar jerga o referirse a detalles de implementación en tu escrito. Si es necesario mencionar detalles técnicos o sofisticados, colócalos en una sección de solución de problemas y dirige al usuario para que pueda solucionar rápidamente el problema.

4. Sea humilde y no señala con el dedo al usuario

mensaje de error
Imagen tomada de Bootcamp

Un mensaje de error decente es de naturaleza modesta. Explica amablemente el problema al usuario sin condenarlo por su comportamiento. El usuario tiene la capacidad de realizar repetidamente una acción incorrecta. Sin embargo, el papel del diseñador es advertir adecuadamente de sus errores.

"Como forma de dar a tu mensaje de error un tono más humano, intenta decirlo en voz alta a alguien. Cuando lo digas en voz alta, ¿cómo suena?".

Ejemplo:

mensaje de error
Imagen tomada del producto Strikingly

5. Las palabras negativas deben sustituirse por palabras positivas

mensaje de error
Imagen tomada de Bootcamp

En la interfaz de usuario, hay algunas palabras desagradables que deben evitarse. Debido a que un mensaje de error se basa en las actividades extrañas del usuario, el sistema puede mostrar algo que es irrespetuoso para el usuario.

John Ekman da una gran ilustración de cómo utilizar "sí" y "no":

"Hace unos años pregunté a la mujer del mostrador del aeropuerto de Estocolmo si podía pasar a la clase business para un billete a Estados Unidos. Ella respondió: "Lo siento, pero no es posible". Tendría que pagar una prima por ello". Volví a intentar lo mismo al facturar para el vuelo de vuelta. "¡Por supuesto, señor!" fue la reacción esta vez. "¿Cómo quieres pagar por eso?", dijo el narrador.

Así que, a pesar de que la disponibilidad de asientos y el potencial de mejora eran ambos iguales, recibí dos respuestas completamente diferentes: un "sí" y un "no".

6. Dar instrucciones al usuario

mensaje de error
Imagen tomada de Bootcamp

Un buen mensaje de error contiene tres partes: identificación del problema, detalles de la causa si están disponibles y una solución si es posible. Cuando un usuario se encuentra con un error, quiere resolverlo lo más rápido posible. El mensaje de error debe proporcionar al usuario información suficiente para ayudarle a salir de la situación incorrecta. La notificación también puede dirigir al usuario a otro lugar o persona que pueda proporcionar más información sobre la situación.

Ejemplo:

mensaje de error
Imagen tomada del producto Strikingly

7. Haz que tus puntos sean específicos y relevantes

mensaje de error
Imagen tomada de Bootcamp

El mensaje de error debe incluir información pertinente que permita al usuario relacionarse rápidamente con la ubicación y las alternativas proporcionadas. Señala claramente la ubicación exacta del problema, incluyendo dónde debe ir el usuario y qué pasos debe dar para solucionarlo. Si un mensaje de error contiene información ambigua, el usuario se sentirá perplejo, lo que le dificultará corregir el problema.

Ejemplo:

mensaje de error

Imagen tomada del sitio web de Strikingly

8. No utilices todas las letras mayúsculas

mensaje de error
Imagen tomada de Bootcamp__

El texto en mayúsculas es difícil de leer y da al usuario la impresión de estar gritando. Dado que un mensaje de error es un lugar donde se alerta al usuario de una situación potencialmente peligrosa, emplear un lenguaje en mayúsculas puede hacer que se sienta desanimado.

9. Realiza las acciones correctivas

mensaje de error
Imagen tomada de Bootcamp

Las acciones del mensaje de error son esenciales. Las acciones apropiadas dan al usuario la dirección de lo que debe hacer a continuación. Las acciones son opciones para resolver el problema. Un mensaje puede incluir una o más acciones del usuario.

"Dale a los botones de alerta nombres cortos y razonables. Los mejores títulos para los botones son una o dos palabras que transmiten lo que ocurre cuando pulsas el botón". - Directrices para iOS.

Utiliza el mismo nombre de acción que el título del botón si el usuario debe realizar determinadas actividades para resolver el error.

Ejemplo:

mensaje de error
Imagen tomada del sitio web de Strikingly

10. Adoptar una estrategia de divulgación progresiva

mensaje de error
Imagen tomada de Bootcamp

Coloca información extensa sobre un mensaje de error bajo el área de Mostrar/Ocultar si crees que el usuario no querrá verlo. Puede ser beneficioso para un usuario más avanzado que quiera conocer los detalles tecnológicos. Simplemente coloca la información menos importante en estas partes, ya que la mayoría de los usuarios no visitarán la sección Mostrar/Ocultar.

11. Utiliza un posicionamiento adecuado

mensaje de error
Imagen tomada de Bootcamp

Es fundamental posicionar el mensaje de error más cerca de la región a la que pertenece. Los usuarios no deberían tener que mirar alrededor después de leer el mensaje para averiguar de qué se trata.

Cuando un usuario está rellenando un formulario, por ejemplo, proporcionar el error de validación junto con los controles a los que se refiere es la mejor experiencia. De lo contrario, el usuario localiza primero el control incorrecto antes de intentar rectificar.

Un mensaje de error debe ser fácil de ver y entender. Incluso si el usuario se ha desplazado a la parte superior o inferior de la pantalla, debería aparecer un mensaje en la vista actual.

12. El diseño visual adecuado para el mensaje de error

mensaje de error

Imagen tomada de UXplanet

El mensaje de error debe ser accesible en todo momento. Utiliza texto de alto contraste e imágenes/colores de fondo para que el mensaje destaque y sea fácilmente legible.

El texto del aviso de error es de color rojo, como es habitual. A veces se eligen colores amarillos o naranjas, ya que algunos recursos afirman que el rojo es excesivamente estresante para los consumidores. En cualquier caso, asegúrate de que el texto del error sea legible y destaque sobre el color de fondo. No olvides incluir un icono de color junto al color para hacerlo más accesible a las personas daltónicas.

Conclusión

Estás listo para construir o actualizar el sitio web de tu empresa, y puedes tener algunas ideas de diseño o características que te gustaría incluir. Antes de hacer nada, asegúrate de que la UX, o experiencia del usuario, sea tu máxima prioridad en el diseño de tu sitio. El compromiso de los clientes, la generación de clientes potenciales y las ventas están influenciados por la experiencia del usuario.

Una buena experiencia de usuario hace algo más que ayudar a los visitantes a navegar por tu sitio; también provoca respuestas emocionales y te acerca a tus clientes. Sin embargo, por mucha orientación que haya para conseguir que tu diseño llame la atención, conseguir una buena experiencia de usuario puede ser difícil a veces.

El objetivo del diseño de la experiencia del usuario es conseguir que la gente responda "Sí" a todas esas preguntas.

No podemos diseñar una experiencia de usuario, y no podemos recrear la experiencia de usuario de un sitio web en otro. La experiencia del usuario variará en función del sitio web. El diseño de un sitio web debe adecuarse a los objetivos, valores, método de fabricación y productos de la empresa.

Hay que probarlo todo y tratar de ver tu sitio a través de los ojos de tu público objetivo. Con el tiempo, tu sitio será más fácil de usar para los visitantes específicos de tu sitio, lo que podría conducir a ventas adicionales o nuevos clientes.

En cuanto al nivel de usabilidad o facilidad de uso, cada constructor de sitios tiene pros y contras en función de las características, la flexibilidad y el diseño intuitivo de la interfaz de edición. Por un lado, tienes un constructor como Strikingly, que es a la vez simple de usar y extenso. Por otro lado, un constructor de páginas como WordPress o GoDaddy no te da muchas opciones a la hora de crear páginas. Con el mejor constructor de páginas web, puedes crear una experiencia de usuario memorable que inspira a los usuarios a volver a tu sitio.

mensaje de error
Imagen tomada del sitio web de Strikingly

Son todo sobre el mensaje de error. Strikingly ha crecido hasta convertirse en el software de diseño web gratuito de referencia para nuevas empresas, pequeños negocios y profesionales de todo el mundo, con más de 3 millones de usuarios. Nuestro equipo siempre está ideando nuevas plantillas de diseño web que dan prioridad a la experiencia del usuario y se mantienen al día con las tendencias de la industria. Esperamos que, al utilizar estos conceptos como marco para nuestras plantillas, podamos proporcionar a los futuros empresarios una plataforma sólida para construir sitios web únicos y ricos en características.