Todos los artículos
Publicado 6 min de lectura

Páginas de inicio de sesión que la gente sí completa

Por El equipo de Alt Auth

retocado en un MacBook
Foto por Theme Photos en Unsplash

Todos los usuarios de tu producto pasan por la página de inicio de sesión, normalmente más de una vez, y en la mayoría de las empresas nadie es responsable de ella. Se despliega tal como la renderiza el proveedor de autenticación, recibe un logotipo en una esquina y nunca vuelve a revisarse. Es extraño, porque es la única pantalla en la que una duda momentánea te cuesta toda la sesión.

Que parezca el producto al que vinieron

La mayor fuente de vacilación es un cambio visual brusco. El usuario hace clic en «Iniciar sesión» en tu web de marketing, aterriza en una página con otra tipografía, otros colores y la marca de otra empresa, y tiene que decidir si sigue en el lugar correcto. Igualar la tipografía, la paleta y el logotipo elimina esa pregunta por completo. No es un trabajo superficial: es la señal de confianza más barata que existe.

Cinco cambios menores que se pagan solos

  • Coloca los botones de redes sociales donde la vista cae primero si la mayoría de tus usuarios los prefiere: el orden debe seguir el uso, no la costumbre.
  • Nunca ocultes el error. «Email o contraseña incorrectos» junto al campo es mejor que una notificación que desaparece en cuatro segundos.
  • Mantén el formulario visible sin desplazarte en un portátil. Tener que hacer scroll para iniciar sesión parece una página rota.
  • Deja que el navegador lo rellene: atributos autocomplete correctos en los campos de email y contraseña.
  • Explica qué pasa después de un enlace mágico o de un email de verificación, y repite la dirección a la que lo enviaste.
“Una pantalla de inicio de sesión tiene un solo trabajo: no estorbar. Cada elemento que no ayuda a alguien a entrar es un elemento que juega en tu contra.”

Nada de esto necesita un ciclo de ingeniería si tu proveedor de autenticación expone los controles. Colores, tipografías, logotipo, forma de los botones, diseño y textos son configurables en Alt Auth, y cambiarlos no toca tu integración: la redirección y el token siguen exactamente igual.

Mira lo que puedes personalizar →

DiseñoConversiónWhite-label