Wireframe para la página de inicio de sesión/registro
Esta plantilla de wireframe describe el flujo completo de autenticación del usuario que incluye los procesos de inicio de sesión, registro y recuperación de contraseña. El diseño enfatiza la claridad y la facilidad de uso en 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 la 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")
Aceptación de la Política de Privacidad y las Condiciones del Servicio
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 Olvido de Contraseña
Campo de entrada de correo electrónico
Instrucciones claras para la recuperación de contraseña
Botón de restablecer contraseña
Pantalla de confirmación de correo electrónico
Notificación de envío de instrucciones de recuperación
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 indicados (8+ caracteres, diferente de la anterior)
Campos para contraseña y confirmación de contraseña
Botón de envío para restablecer contraseña
Autenticación de dos factores
Interfaz de entrada de código de verificación
Visualización del número de teléfono 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 primarias y opciones secundarias
Diseño consistente a través de diferentes estados
Este wireframe ofrece una plantilla integral para implementar autenticación de usuario segura mientras se mantiene una interfaz limpia y fácil de usar.
Un saludo,
Khawaja Rizwan
