Error state
Los estados de error permiten mostrar cuándo no es posible concretar la acción que realizó la persona o algo sale mal en el servidor. Persisten hasta que puedan ser resueltos tanto por la persona o el sistema.
Contextuales
Describir qué pasó y por qué sucedió.
Preventivos
Ayudar y educar evitando que la persona repita el mismo error.
Accionables
Brindar opciones para que las personas puedan enmendar la situación.
1
General (Sin conexión)
Suceden cuando no hay conexión WiFi o datos para conectarse.
2
General (Error de sistema o servicio)
Se producen al llamar al servidor o al código fuente y son responsabilidad del Kavak.
3
Particular
Ocurren cuando el contenido cargado por la persona no cumple los criterios, condiciones o requisitos solicitados.
Es importante registrar los errores cuando diseñas
Ayuda a que las personas sepan qué sucedió y cómo corregirlo.
Acciones fáciles de escanear
La opción para resolver el problema debe ser clara, incluso si las personas no leen todo el mensaje.
Utiliza los diseños y contenidos previamente pensados
No reinventes la rueda, las excepciones deben usarse para casos particulares del flujo.
No exponer información sensible
Asegúrese de que los mensajes de error no revelen ninguna información que pueda perjudicar la seguridad de la persona y/o de la empresa.
1
Icono (según caso de uso)
Sirve para reforzar el significado del mensaje
2
Título
Breve resumen de qué pasó
3
Bajada
Explicación porqué sucedió y cuál es la resolución posible
4
Accionable secundario (según caso de uso)
Acción a realizar para salir del error
5
Accionable principal
Acción a realizar para solucionar el error
Errores particulares
El mensaje es propio del flujo, ocurre cuando hay un fallo en la información o el servicio.
Estructura
Ejemplo
1
Título
No pudimos + Infinitivo (utilizamos los verbos que irán en el CTA) + Complemento (artículo + sustantivo)
2
Bajada
[Oración 1]: Explicación del error. Pronombre indefinido + Artículo + no es correcto.
[Oración 2]: Solución. Imperativo 2da persona + Artículo + Sustantivo + y + Enclítico + nuevamente.
3
Acción secundaria
Contenido
4
Acción primaria
Tarea a realizar
Evitar la doble negativa
Si el título comienza con No, la bajada debería evitarla.
Título consistente con la pantalla anterior
Utilizamos la acción (verbo) que viene del CTA anterior.
Uso de pronombre posesivo “Tu”
Si utilizamos tu en el titulo, no lo volvemos a utilizar en la bajada.
Botón “Intentar de nuevo”
Es nuestro uso predilecto en los errores reintentables.
Error general reutilizable
Usamos el mismo contenido para esta tipología.
Puntuación
Usamos siempre punto final en las bajadas.
Evitar el "Hiciste X", "Causaste esto"
Nos hacemos responsables del error para no generar frustración.
No utilizamos onomatopeyas
Pueden dificultar la lectura y ser ofensivas.
Evitar color y signos como única forma de comunicación
Evitar signos de exclamación y el color rojo como única forma de marcar el error, ya que es perjudica el nivel de legibilidad de las personas daltónicas.