Wireframe de la página de inicio de sesión/registro
Esta plantilla de wireframe describe el flujo completo de autenticación del usuario, incluyendo los procesos de inicio de sesión, registro y recuperación de contraseña. El diseño enfatiza la claridad y facilidad de uso a través de múltiples estados de autenticación.
Sección de inicio de sesión
Campos de entrada para dirección de correo electrónico y contraseña
Opción de casilla de verificación "Recordarme"
Enlace "¿Olvidaste tu contraseña?"
Opción de autenticación social (Google)
Navegación a la página de registro para nuevos usuarios
Sección de Registro
Encabezado "Crea tu cuenta" con instrucciones claras
Campos de entrada para correo electrónico y contraseña
Opción de suscripción al boletín informativo ("Recibe noticias, actualizaciones y ofertas")
Reconocimiento de las Condiciones del Servicio y la Política de Privacidad
Alternativa de autenticación social (Google)
Navegación a la página de inicio de sesión para usuarios existentes
Flujo de Recuperación de Contraseña
Pantalla de Olvidaste la Contraseña
Campo de entrada de correo electrónico
Instrucciones claras para recuperar la contraseña
Botón de restablecer contraseña
Pantalla de Confirmación de Correo Electrónico
Notificación de instrucciones de recuperación enviadas
Instrucciones para revisar la carpeta de spam
Opción para reenviar el correo de verificación
Creación de Nueva Contraseña
Requisitos de la contraseña claramente explicados (8+ caracteres, diferente a la anterior)
Campos para contraseña y confirmación de contraseña
Botón de envío para restablecer la contraseña
Autenticación de Dos Factores
Interfaz de entrada para el código de verificación
Mostrar número telefónico enmascarado (***453)
Opción para reenviar el código
Botón de continuar
Elementos de Navegación
Todas las pantallas incluyen una forma de regresar a la página principal de inicio de sesión
Distinción clara entre acciones principales y opciones secundarias
Diseño consistente en diferentes estados
Este wireframe proporciona una plantilla completa para implementar una autenticación de usuarios segura mientras se mantiene una interfaz limpia y fácil de usar.
Un saludo,
Khawaja Rizwan
