State Management UX
State Management UX
4 reglasOptimistic UI: acciones candidatas
Optimistic UI aplica el resultado de una acción inmediatamente en el UI antes de confirmar con el servidor. Solo es adecuado para acciones de alta probabilidad de éxito y bajo costo de rollback: likes, favoritos, drag-to-reorder, archivado. No aplicar en pagos, envíos o eliminaciones permanentes.
investigación 2026Rollback visible pero no dramático
Cuando un optimistic update falla y debe revertirse, hacerlo suavemente: animar el retorno al estado anterior con una transición de 300ms y mostrar un toast no intrusivo explicando por qué. No hacer parpadear el elemento ni mostrar un error modal. El usuario debe notar el cambio pero no sentir que algo se rompió.
investigación 2026Conflictos: mostrar ambas versiones
Cuando dos usuarios editan el mismo registro simultáneamente, mostrar ambas versiones en conflicto con diferencias destacadas, no elegir una automáticamente. El usuario que editó primero y el que editó después deben ver qué cambió en cada versión y decidir cuál conservar o cómo fusionar.
investigación 2026Datos stale: indicar antigüedad
Cuando los datos mostrados no son frescos (cache, offline, error de revalidación), indicarlo discretamente con un timestamp de última actualización y un botón de refresh. No ocultar que los datos son stale, el usuario podría tomar decisiones basadas en información desactualizada sin saberlo.
investigación 2026