92 lines
2.4 KiB
Markdown
92 lines
2.4 KiB
Markdown
|
# Mejoras Futuras - Checklist RCP
|
|||
|
|
## Ideas de mejora NO prioritarias (Fase 2+)
|
|||
|
|
|
|||
|
|
**Estado:** ✅ Checklist RCP implementada y funcional
|
|||
|
|
**Fecha:** 2024
|
|||
|
|
**Contexto:** Mejoras opcionales para futuras iteraciones
|
|||
|
|
|
|||
|
|
---
|
|||
|
|
|
|||
|
|
## 1️⃣ Fijar Checklist al Hacer Scroll (Sticky)
|
|||
|
|
|
|||
|
|
### Idea
|
|||
|
|
Que la checklist quede fija (sticky) en la parte superior al hacer scroll.
|
|||
|
|
|
|||
|
|
### Justificación
|
|||
|
|
- Útil si el protocolo es largo
|
|||
|
|
- Permite ver la checklist mientras se consulta información adicional
|
|||
|
|
- Mejora la experiencia en dispositivos móviles
|
|||
|
|
|
|||
|
|
### Implementación Futura
|
|||
|
|
- Usar `position: sticky` en CSS
|
|||
|
|
- Aplicar solo cuando `isChecklistMode === true`
|
|||
|
|
- Considerar altura del header para posicionamiento correcto
|
|||
|
|
|
|||
|
|
### Prioridad
|
|||
|
|
🟢 **BAJA** - Nice to have, no crítico
|
|||
|
|
|
|||
|
|
---
|
|||
|
|
|
|||
|
|
## 2️⃣ Persistencia Opcional (SessionStorage)
|
|||
|
|
|
|||
|
|
### Idea
|
|||
|
|
Guardar el estado de la checklist en `sessionStorage` (no `localStorage`).
|
|||
|
|
|
|||
|
|
### Justificación
|
|||
|
|
- Solo durante esa sesión (se pierde al cerrar navegador)
|
|||
|
|
- Si el usuario recarga la página, mantiene el progreso
|
|||
|
|
- Útil en emergencias donde puede haber interrupciones
|
|||
|
|
|
|||
|
|
### Implementación Futura
|
|||
|
|
```typescript
|
|||
|
|
// Al marcar/desmarcar
|
|||
|
|
sessionStorage.setItem('rcp-checklist', JSON.stringify(Array.from(checkedItems)));
|
|||
|
|
|
|||
|
|
// Al cargar componente
|
|||
|
|
const saved = sessionStorage.getItem('rcp-checklist');
|
|||
|
|
if (saved) {
|
|||
|
|
setCheckedItems(new Set(JSON.parse(saved)));
|
|||
|
|
}
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
### Consideraciones
|
|||
|
|
- Solo sessionStorage (no localStorage) - se limpia al cerrar
|
|||
|
|
- Opcional: toggle para activar/desactivar persistencia
|
|||
|
|
- Limpiar al cambiar de tab o desactivar modo
|
|||
|
|
|
|||
|
|
### Prioridad
|
|||
|
|
🟡 **MEDIA** - Útil pero no crítico
|
|||
|
|
|
|||
|
|
---
|
|||
|
|
|
|||
|
|
## 3️⃣ Badge "Checklist Activa"
|
|||
|
|
|
|||
|
|
### Idea
|
|||
|
|
Indicador visual pequeño cuando el modo checklist está activo.
|
|||
|
|
|
|||
|
|
### Justificación
|
|||
|
|
- Evita olvidar que estás en modo checklist
|
|||
|
|
- Feedback visual constante
|
|||
|
|
- Puede estar en header o cerca del botón toggle
|
|||
|
|
|
|||
|
|
### Implementación Futura
|
|||
|
|
- Badge pequeño con texto "Checklist Activa"
|
|||
|
|
- Color verde discreto
|
|||
|
|
- Posible ubicación: junto al título SVB o en header
|
|||
|
|
|
|||
|
|
### Prioridad
|
|||
|
|
🟢 **BAJA** - Mejora UX menor
|
|||
|
|
|
|||
|
|
---
|
|||
|
|
|
|||
|
|
## Notas
|
|||
|
|
|
|||
|
|
- **Ninguna de estas mejoras es prioritaria ahora**
|
|||
|
|
- La checklist actual es funcional y cumple su objetivo
|
|||
|
|
- Estas mejoras pueden añadirse en futuras iteraciones
|
|||
|
|
- Requieren testing con usuarios TES reales antes de implementar
|
|||
|
|
|
|||
|
|
---
|
|||
|
|
|
|||
|
|
*Documento de ideas futuras - No implementar hasta validar necesidad con usuarios*
|