Product Craft Bible
Error Handling
Inicio Patrones de interacción Error Handling
Patrones de interacción

Error Handling

4 reglas investigación 2026
60

Error Handling

4 reglas
539

Reintentos con backoff exponencial UI

Cuando una petición falla, reintentar inmediatamente sobrecarga el servidor. El backoff exponencial (1s, 2s, 4s, 8s...) reduce la presión y da tiempo de recuperación. La UI debe mostrar el conteo regresivo y permitir reintento manual antes del timeout.

investigación 2026
Preferir
Sincronizando cambios
Guardado local disponible mientras se resuelve
Sin conexion con el servidor
Reintentando en 4s · intento 2 de 4
Esperas: 1s · 4s · 8s · 16s
Evitar
Sincronizando cambios
Reintentando...
Reintentando...
Reintentando...
540

Fallback content: pantalla nunca vacía

Cuando un componente falla en cargar, la pantalla no puede quedarse en blanco. Siempre mostrar contenido de reemplazo: la última versión en caché, un skeleton con datos ficticios, o un mensaje de error con acción. Una pantalla vacía comunica que la app se rompió; un fallback comunica que es temporal.

investigación 2026
Preferir
Ventas del mes
Cache 3h
$84,200
MXN · 341 ordenes · datos de cache
Evitar
Ventas del mes
541

Fallo parcial: exitoso + fallido visible

En operaciones por lotes (enviar 10 emails, subir 5 archivos), una falla parcial no significa falla total. Mostrar simultaneamente qué tuvo éxito y qué falló, con acciones diferenciadas. Nunca reportar éxito total si algo falló, ni bloquear todo por un fallo puntual.

investigación 2026
Preferir
Subida completada con advertencias
5 de 7 archivos procesados correctamente
5 archivos subidos exitosamente
reporte-q1.pdf · datos-clientes.xlsx · logotipo.png · foto-equipo.jpg · presentación.pptx
2 archivos fallaron
video-presentación.mp4 Mayor de 50MB
contrato-firmado.docx Formato no permitido
Evitar
Subir archivos
Error al subir archivos
No se pudieron subir los archivos. Intenta de nuevo.
542

Flujo de recuperación con caminos claros

Todo error debe ofrecer al menos dos caminos de salida: uno automático (reintentar) y uno manual (ir a un estado seguro conocido). El usuario nunca debe quedar atrapado sin salida. Los mensajes de error deben decir qué pasó, por qué, y exactamente qué hacer a continuación.

investigación 2026
Preferir
Editor de contratos
No se pudo guardar el contrato
El servidor no respondio en 10s. Tu trabajo esta guardado localmente, no has perdido nada.
Evitar
Editor de contratos
Error 500: Internal Server Error
at saveDocument() line 248, contact administrator