Wireframe baja fidelidad · iOS AutoFill / Android Autofill Service · sistema operativo gestiona UI
ℹ️ Nota importante: Esta vista representa la interfaz del sistema operativo (iOS/Android). El diseño final está controlado por el SO, no por la app. Los wireframes muestran la estructura y flujo, pero iOS y Android tienen estilos nativos diferentes.
iOS — AutoFill / Credential Provider Extension
iOS detecta campos de login y ofrece credenciales desde Password Vault vía QuickType bar o modal.
iOS — QuickType bar con sugerencia
← Banco App
Usuario
Contraseña
🔐Banco Personal
Otras contraseñas...
[Teclado del sistema]
QuickType bar sobre teclado muestra sugerencia principal. Tap autocompleta campos inmediatamente.
"Otras contraseñas..." abre lista completa (siguiente wireframe).
iOS — Lista de credenciales (modal)
← Banco App
Usuario
Contraseña
Contraseñas
Banco App
✕
🏦
Banco Personal
usuario@email.com
💼
Banco Empresa
trabajo@empresa.com
Modal del sistema muestra todas las credenciales que coinciden con bundle ID de la app (com.banco.app).
Tap en credencial autocompleta. "Buscar" abre app de Password Vault para búsqueda manual.
iOS — Con desbloqueo biométrico
Cuando el vault está bloqueado, iOS solicita Face ID / Touch ID antes de mostrar credenciales.
iOS — Face ID prompt
← Banco App
Usuario
Contraseña
👤
Desbloquear Password Vault
Usa Face ID para ver tus contraseñas guardadas
Usar código de acceso
iOS muestra prompt de Face ID/Touch ID integrado en el flujo. Tras autenticación exitosa, muestra lista de credenciales.
"Usar código de acceso" alterna a PIN (si configurado) o cancela y vuelve a la app.
iOS — Autenticación exitosa
← Banco App
Usuario
Contraseña
Contraseñas
Banco App
✕
🏦
Banco Personal
usuario@email.com
✓
Tras Face ID exitoso, muestra lista inmediatamente. Credencial con ✓ indica que fue autocompletada.
Overlay se cierra automáticamente tras autocompletar (0.5s delay para feedback visual).
Android — Autofill Service
Android detecta campos de login y ofrece credenciales vía dropdown del sistema.
Android — Dropdown de autocompletado
← Banco App
Usuario
🔐 Password Vault
🏦
Banco Personal
usuario@email.com
💼
Banco Empresa
trabajo@empresa.com
Buscar otra contraseña...
Contraseña
Android muestra dropdown anclado al campo de input. Sugerencias basadas en package name (com.banco.app).
Tap en credencial autocompleta ambos campos (usuario + contraseña) simultáneamente.
Android — Con huella digital
← Banco App
Usuario
Contraseña
👆
Desbloquear Password Vault
Confirma tu huella digital para acceder a tus contraseñas
Android solicita huella digital (o face unlock según dispositivo) antes de mostrar credenciales.
Tras autenticación exitosa, muestra dropdown con sugerencias automáticamente.
Sin sugerencias / búsqueda manual
Cuando no hay credenciales que coincidan con la app, o usuario elige buscar manualmente.
iOS — Sin sugerencias
← App Nueva
Email
Contraseña
🔐 Contraseñas
[Teclado del sistema]
Sin sugerencias específicas. Botón "🔐 Contraseñas" en QuickType bar abre lista completa para búsqueda manual.
iOS — Búsqueda manual en Password Vault
←
📧
Gmail Personal
usuario@gmail.com
🎬
Netflix
usuario@email.com
🎵
Spotify
usuario@spotify.com
Búsqueda manual abre interfaz de Password Vault dentro del contexto de AutoFill. Usuario puede buscar cualquier entrada.
Tap en entrada autocompleta en app externa y vuelve. "Crear nueva" abre V07 con bundle ID prellenado.
Configuración inicial (Activación de AutoFill)
Pantallas de configuración para activar AutoFill por primera vez. Mostradas en onboarding o configuración.
iOS — Configurar Credential Provider
🔐
Activa AutoFill
Password Vault puede autocompletar tus contraseñas en apps y Safari de forma segura con Face ID.
Pasos:
1. Toca "Ir a Ajustes"
2. Selecciona "Contraseñas"
3. Activa "Password Vault"
4. Vuelve a la app
iOS requiere configuración manual en Ajustes del sistema. "Ir a Ajustes" abre Settings > Passwords > AutoFill.
Mostrado durante onboarding (V01) o desde configuración (V14).
Android — Activar Autofill Service
🔐
Activa Autocompletado
Password Vault puede autocompletar contraseñas en apps y Chrome usando tu huella digital.
Configuración:
Android te pedirá permiso para activar el servicio de autocompletado. Acepta para continuar.
Android puede solicitar permiso directamente desde la app (diálogo del sistema). "Activar ahora" dispara el prompt.
Tras aceptar, Password Vault queda configurado como servicio de autocompletado predeterminado.