La culpa no puede caer en el suelo, y quien más que los usuarios, para coger esos palos. Esa es la vida a la que se enfrentan muchos usuarios, que lidian con interacciones que, en lo absoluto, son amables en el momento de la comunicación en favor del feedback de navegación. Pero no todo es pura maldad, ya descubriremos de a poco en que caso, es realmente culpable el usuario.
En esta entrega te voy a hablar de los mensajes que aparecen en app, móviles o web, directamente como ventanas rojas o cuadros emergentes, indicando o informando acerca de las interacciones que vas haciendo y el resultado de ello.
He dedicado un poco de mi tiempo a recopilar algunos mensajes: absurdos, molestos y, porque no, un poco graciosos. Y te explico, cómo afecta, bien o mal en una buena usabilidad o mejor dicho en la experiencia de usuario.
404… ¡un viejo conocido!
Una de las sorpresas más divertidas está en la temida página 404. Muchas, y no te digo que todas de milagro, aprovechan este error para soltar algún mensaje de doble sentido o humorístico, el propósito es el desviar la atención de la falla, y que el usuario no se sienta frustrado por llegar a un destino vacío, algunos ejemplos que me han gustado:
- Novak Djokovic, sabiéndose claramente un humorista natural, ya se ha visto imitando a tenistas e incluso disfrazado de cualquier cosa con tal de ver sonrisas a su alrededor. No podía faltar entonces ese toque en su espacio digital.
- WAZA, la Asociación Mundial de Zoológicos y Acuarios, este es uno de los que por muchos años he tenido en un altar. Me parece una referencia muy acertada y que comunica lo justo. La combinación entre un animal con el estilo comic es una genial idea que divierte y deja bien claro que llegar hasta ahí ha sido una buena experiencia.
- Blizzard Entertaiment, utiliza el cristal roto como, convirtiendo este concepto en una imagen que representa un cristal con daño, que es lo mismo que decir que se ha roto todo.
- CoolApps, es un poco alarmista acompañado por una imagen que te invita a retroceder casi en modo automático. Trabaja en la psicología del juicio de lo malo o lo bueno
- Lego,mientras más simple mejor, y aquí ya lo simple es un mensaje directo que incluso prescinde hasta del código del error.
Moraleja: si el usuario anda acabado de levantar y con sueño, eso para no decir que metió el dedo donde no debe, mejor disimular la situación con algo simpático, divertido, útil o entretenido, o ve a saber tu cualquier cosa, que te haga olvidar que estas en un lugar que no te lleva a ningún lado.
El error vive entre nosotros, y nos supera.
Pero no todo es utilidad y buenas prácticas, aquí vienen los errores más WTF que he visto por ahí en apps, web y otros escenarios digitales:
- " Error: Success" / " Error: Exitoso" – Ubuntu, en pura filosofía.
- " The task failed successfully" / " La tarea falló correctamente" – Clásico de Windows. La ironía pura, necesito un maestro así para mis enemigos.
- " An unexpected error occurred" / " Ocurrió un error inesperado" – ¿Y cómo sabías que iba a pasar si era inesperado?
- " Error: Insufficient memory to print an error message"/ "Error: No hay suficiente memoria para imprimir un mensaje de error" – ¡Ni el sistema podía explicar qué pasó!
- "We got a really big problem here" / "Tenemos un problema muy grande aquí" – Diablo 2 lanzando mensajes que bien podría habérselo guardado.
- " I'm totally confused" / " Estoy totalmente confundido" – Mensaje de compilador. Literalmente, *¡el software se rindió! *
- "Everything is okay" / "Todo está bien" con ícono de advertencia: Gracias, todo lo que necesito como usuario para estar tranquilo pero, ¿por qué tengo miedo?
- "An error occurred, please try again later" / " Ocurrió un error, inténtelo luego" — Muy útil..., nótese el sarcasmo.
Errores de diseño en formularios
Más allá del humor, hay errores en interfaces que molestan o frustran a diario para este caso tomaremos uno de los componentes de diseño de los que reciben la mayor cantidad de interacción con los usuarios:
Mensajes genéricos
Ejemplo de esto se ven en mensajes como:"Entrada inválida"o"Formato incorrecto". sin advertir sobre el campo, el porqué de ese error o simplemente como lo solucionas.Validaciones sin contexto
Introduces tu dirección de correo y directamente te pone:"Inválido", en ese momento no sabes si falta el@, el dominio o qué.Errores lejanos
Estás rellenando un formulario con 8 campos y el mensaje aparece solo arriba, sin señalar el campo fallido.Tonos alarmistas o amenazantes
"¡Advertencia! Si continúas, podrías perder todo": Este tipo de mensajes asusta, sobre todo si no hay alternativa clara.Códigos crípticos
"Error 503 - Backend fetch failed": Esto sirve para técnicos, pero para el usuario es como leer Braille, este es uno de los errores a la hora de redactar que más se comenten. En muchos casos porque algunos desarrolladores utilizar estos códigos o mensajes personalizados que no son detectados por los QA antes de que la app llegue a su destino.
Tips UX para no espantar a tus usuarios.
La retención ya es difícil cuando lo haces correctamente imagina como es en el caso contrario.
Sé claro y específico:
“Contraseña incorrecta. Intenta de nuevo.”es mucho más directo y de ayuda que“Error de autenticación.”**Muestra el mensaje cerca del campo afectado: ** Usa validación inline (debajo o al lado del campo).
Usa un tono más empático:
“¡Ups! Parece que algo salió mal. Intenta recargar la página.”suena mejor que“Fallo crítico del sistema”. Esto es casi un infarto.Propicia soluciones: No te quedes solo con
“Error”. Utiliza explicaciones donde las necesites, como:“Puedes intentar de nuevo o volver atrás o contactar soporte aquí”.No te excedas con el humor: Puede aliviar, pero no debes ocultar lo que el usuario necesita hacer.
No uses solo colores: Usa iconos, texto y contraste para accesibilidad. No todo el mundo distingue rojo/verde.
Fuentes y referencias
- UX Writing Hub – Best Error Message Examples
- Fluid UI – 20 creative 404 pages
- Interaction Design Foundation – Error Message Design
- Justinmind – UI Design Mistakes
- Technologizer – Funniest Error Messages
- Reddit, Stack Overflow, y foros de desarrolladores.
Los errores son inevitables. Pero si los mensajes que los acompañan están bien diseñados, puedes transformar una frustración en una oportunidad para conectar, guiar y hasta hacer reír a tu usuario. Los mensajes son parte esencial de una buena usabilidad: limitan, dirigen, informan al usuario en su transito por las aplicaciones.
Si tu sistema o web App se va a romper por alguna razón, al menos que sea con estilo. 😉