V21 — Notificaciones de Caducidad

Wireframe baja fidelidad · notificaciones del sistema · acciones rápidas

ℹ️ Nota importante: Esta vista representa notificaciones nativas del sistema operativo. El diseño final depende del SO (iOS, Android, Windows, macOS). Los wireframes muestran la estructura de contenido y acciones, no el diseño exacto del sistema.

Mobile — Notificación iOS/Android

Notificación push nativa que aparece cuando una contraseña está próxima a caducar.
iOS — notificación con acciones rápidas
9:41
📶 📡 🔋
🔐
Password Vault
ahora
Contraseña próxima a caducar
Tu contraseña de "Gmail Personal" caduca en 3 días. Te recomendamos cambiarla pronto.
Ver entrada
Cambiar ahora
Tap en "Ver entrada" → V06 (requiere desbloqueo si sesión expiró). Tap en "Cambiar ahora" → V07 con generador activado.
iOS permite hasta 2 acciones rápidas. Android permite hasta 3.
iOS — notificación crítica (urgente)
9:41
📶 📡 🔋
🔐
Password Vault
ahora
⚠️ Contraseña caduca hoy
Tu contraseña de "Banco Principal" caduca hoy. Cámbiala inmediatamente para mantener tu cuenta segura.
Recordar después
Cambiar ahora
Notificación crítica (0-1 días) usa diseño de alerta con borde rojo y mayor énfasis.
"Recordar después" pospone la notificación 1 hora. "Cambiar ahora" lleva a V07.

Mobile — Android Style

Variante de notificación para Android (Material Design).
Android — notificación expandida
9:41
📶 📡 🔋
🔐
Password Vault
ahora
Contraseña próxima a caducar
Gmail Personal caduca en 7 días
VER ENTRADA
REGENERAR CONTRASEÑA
RECORDAR MÁS TARDE
Android permite hasta 3 acciones. Layout vertical es estándar de Material Design.
Acciones en mayúsculas según guías de Material Design.

Desktop — Notificación del sistema operativo

Notificaciones nativas de Windows/macOS. Aparecen en el centro de notificaciones del sistema.
macOS — notificación estilo Big Sur
🔐
Password Vault
Contraseña próxima a caducar
Tu contraseña de "Gmail Personal" caduca en 3 días. Te recomendamos cambiarla pronto.
macOS Big Sur+ muestra notificaciones con botones de acción inline. Click abre la app (puede requerir desbloqueo).
Windows 10/11 — notificación toast
🔐
Password Vault
Contraseña próxima a caducar
Tu contraseña de "Gmail Personal" caduca en 3 días.
Windows toast notifications con botones de acción. Layout más compacto que macOS.

Web — Notificación del navegador (Service Worker)

Notificación web push vía Service Worker. Requiere permiso del usuario y es menos confiable que notificaciones nativas.
Chrome/Edge — notificación web
🔐
Password Vault
✕
Contraseña próxima a caducar
Tu contraseña de "Gmail Personal" caduca en 3 días. Te recomendamos cambiarla pronto.
Web Push requiere HTTPS y permiso explícito del usuario. Click abre vault.app en nueva pestaña o activa pestaña existente.
Firefox — notificación web
🔐
vault.app
✕
Contraseña próxima a caducar
Gmail Personal caduca en 3 días
Firefox limita las acciones disponibles en web notifications. Click abre la app en el navegador.

Flujo de navegación tras tap en notificación

Comportamiento cuando el usuario interactúa con la notificación.
Diagrama de flujo
Usuario tap en notificación │ ├─→ [Ver entrada] │ │ │ ├─→ Sesión activa? → V06 (detalle) │ └─→ Sesión expirada? → V04 (desbloqueo) → V06 │ └─→ [Cambiar ahora / Regenerar] │ ├─→ Sesión activa? → V07 (editar) + generador └─→ Sesión expirada? → V04 (desbloqueo) → V07
Si la sesión expiró (timeout configurado en V14), requiere desbloqueo con biometría/PIN (V04) o Master Password (V03).
Tras desbloqueo exitoso, navega directamente a la vista solicitada (V06 o V07).

Configuración de permisos

Elementos UI para solicitar permisos de notificación (no son parte de V21, pero contexto necesario).
Prompt de permisos — Mobile
9:41
📶 📡 🔋
🔔
Activa notificaciones
Te avisaremos cuando tus contraseñas estén próximas a caducar para que puedas mantener tus cuentas seguras.
Prompt mostrado al activar caducidad por primera vez (V20) o durante onboarding (V01). iOS/Android muestran diálogo del sistema tras aceptar.
Banner de permisos — Web
🔔
Activa notificaciones
Te avisaremos cuando tus contraseñas vayan a caducar
Web requiere HTTPS y muestra banner + diálogo del navegador. Usuario puede denegar, lo que bloquea futuras solicitudes en ese dominio.