1Principios para el diseño de mensajes del sistema

  1. Claridad: explicar lo ocurrido en lenguaje sencillo, libre de códigos de error técnicos o jerga del programador.
  2. Extensión adecuada: balance entre brevedad y contexto suficiente.
  3. Tono constructivo: nunca culpar al usuario, evitar palabras agresivas.
  4. Orientación a la solución: indicar pasos correctivos específicos.

✗ Incorrecto

"Error 0x8000F: Fallo de conexión..."

✓ Correcto

"No hemos podido guardar los cambios. Comprueba tu conexión e inténtalo de nuevo."

2Tipos de mensajes e indicadores

TipoColorIconoUso
InformativoAzulℹ️Eventos neutros.
ÉxitoVerde✔️Tareas completadas correctamente.
AdvertenciaAmarillo/naranja⚠️Problemas potenciales.
ErrorRojo❌Fallos críticos.

3UX Writing y microcopia

La microcopia son los textos interactivos de una interfaz: textos de botones, mensajes de error, placeholders. Sé claro, directo y consistente en la terminología.

4Estados de carga y vistas vacías

Skeleton loaders

Estructuras grises parpadeantes que reducen la percepción de espera.

Empty states

Pantallas sin datos con ilustraciones amigables y botones de acción.

✓Para saber si lo has entendido

Adaptado de 8. Mensajes, feedback y gestión de errores.