Diseño de la página de autenticación: cosas que hacer y lo que no

Diseñar una página de conexión puede ser difícil si no sabe por dónde comenzar. Hay muchos detalles pequeños que se pueden pasar por alto y pueden arruinar la experiencia del usuario, evitando la integración de los nuevos usuarios. Cuando no tiene un punto de partida, vale la pena mantenerse al día con los elementos básicos de la página de autenticación, independientemente del tipo de sitio web. Aquellos que desean construir una página de autenticación hermosa y receptiva deben leer este artículo cuidadosamente y prestar atención a todos los aspectos que se analizan a continuación. La buena noticia es que las páginas de autenticación no son difíciles de construir, siempre que siga algunas reglas básicas. A continuación, descubra este tema en este artículo creado por nuestro equipo de Amelia (el mejor enchufe de reserva de WordPress).
La importancia del diseño de la página de conexión antes de saltar a lo que se puede hacer y lo que no en el diseño de la página de autenticación, debe saber qué hacen estas páginas en primer lugar. Una página de inicio de sesión es una puerta que los usuarios deben abrir para aprovechar al máximo su experiencia de usuario con un sitio web. Es el punto de partida de navegar en un sitio web de manera personalizada. Al crear una cuenta en un sitio web, puede personalizar algunos aspectos de su experiencia con el sitio y tener acceso a los beneficios de membresía. Las páginas de conexión bien diseñadas deberían inspirar una sensación de seguridad. Una página de conexión débil influirá inmediatamente en la tasa de conversión, porque las personas no se registrarán primero.
El diseño correcto de una página de autenticación del sitio web es una condición de mantener un sitio web, dado que los usuarios acceden a esta página al menos una vez por sesión de navegación. Las personas que desean acceder a sus cuentas no pueden hacerlo sin llegar a la página de autenticación, y si la pantalla de autenticación no está diseñada correctamente y es difícil de usar, perderá usuarios. Una vez que se dé cuenta de lo importante que es esta hermosa y receptiva página, es hora de aprender cómo crear una página de conexión que haga que los usuarios permanezcan en el sitio y disfruten de su experiencia. Aquí está la lista de cosas que hacer y qué no: aquellos que lo hacen claramente
No puede cometer errores con un formulario de conexión simple y un diseño limpio. La aglomeración de la página y que hacen que los formularios de autenticación sean difíciles de observar o acceder a los usuarios dejarán el sitio web. Trate de mantener la pantalla de conexión simple y simplificarla para que los visitantes puedan encontrarla rápidamente. En lugar de crear un botón de autenticación/registro y redirigir a los usuarios a una nueva página, puede incorporar un formulario de autenticación en la página principal, para hacerlo visible y atractivo, así como conveniente de usar.

Una vez que tenga una página de inicio de sesión esperada, ¿por qué no intentar usar suscripciones de diseño gráfico para ayudarlo a crear sus páginas de inicio de sesión? Algunos de estos servicios ofrecen trabajos de diseño web y tienen profesionales de UI/UX para producir páginas de inicio de sesión simples pero hermosas. Para su sitio, distingue la autenticación
Algunas páginas de conexión no hacen una distinción clara entre el formulario de conexión y el formulario de registro. El registro requiere recopilar más información de la persona que desee crear una cuenta mientras se conecta requiere el uso de credenciales anteriores y acceder al sitio web. Debe hacer una distinción clara entre los dos, para evitar confusión. Por ejemplo, si una persona intenta conectarse con el formulario de registro, podría redirigirse a una página que no tiene nada que ver con la autenticación, pero les pide que se registren nuevamente. Conectarse con cuentas externas

Teniendo en cuenta que algunas personas quieren crear una cuenta lo antes posible, debe darles muchas opciones de registro en la página de registro. Su página de inicio de sesión debe contener una opción que permita a los usuarios registrarse en su sitio utilizando una cuenta externa.
De esta manera, no tendrá que pasar por el largo proceso de registro para hacer una compra o agregar un comentario a su sitio Agregar opciones para conectarse a las cuentas de Facebook, Google o Twitter. Tenga en cuenta que no recibirá todos los datos de contacto que normalmente necesitaría a través de un formulario de registro. Agregue un “¿Olvidó su contraseña?” opción

Las personas olvidan sus contraseñas con bastante frecuencia y sería un dolor de cabeza contactar a la asistencia solo porque no recuerda la suya. Es por eso que tendrá que implementar un “¿Olvidó su contraseña”? la función en la pantalla de inicio de sesión.
Cuando los usuarios hacen clic en él, deben recibir un enlace de correo electrónico que les permita cambiar sus credenciales y conectarse al sitio sin ningún otro problema. Conectar el administrador de WordPress hace esto bastante bien. Resolver el problema Caps LockTastation de la contraseña en el formulario de conexión es una práctica regular y ocurre especialmente porque el bloqueo de CAPS se activa. Como puede haber notado, al usar otros sitios web, algunos formularios de conexión informan a las personas si se activa el bloqueo de la caja superior, para evitar escribir errores durante la escritura.

Esta es una característica muy útil para sitios web que limitan el número de veces cuando se puede ingresar una autenticación incorrecta antes de bloquear al usuario. Resolver el problema de tipificación incorrecto incluso si la solución de “bloqueo de caps” es efectiva en una pantalla de autenticación, también puede implementar una opción que descarta la contraseña al ingresar el formulario de autenticación.
Si se verifica la opción de desenmascaramiento, el usuario podrá ver lo que escribe en el campo. Si se deja inédito, aparecerán los símbolos de enmascaramiento tradicionales. Agregue una opción “Recuerde”.

Para reducir el número de personas que solicitan el cambio de contraseñas porque las olvidaron, sería mejor agregar la opción “Recuerde” al final del formulario de conexión.
Una vez marcado, esta opción guarda las credenciales y, cada vez que esa persona acceda a la página, el correo electrónico y la contraseña, aparecerán en el formulario o parecen estar ya autenticados. Aquellos que no necesitan botones similares de “conexión” y “registro”. Esta imagen presenta la forma incorrecta de diseñar los botones de conexión y grabación: los usuarios mucho. ¿Es una página de inicio de sesión o es una página de inscripción? En lugar de mucho, es mejor diferenciar estos botones y facilitarlos a los usuarios hacer lo que han accedido al sitio web, ya sea para autenticar o crear una nueva cuenta.

Al hacer clic en uno en lugar del otro en el error, podrían llevar a una experiencia de usuario débil, derivando a los usuarios y dejarlos para abandonar el sitio web sin ninguna otra interacción. Use el color, el tamaño u otra técnica de contraste para hacerlos visualmente distintos. Conexiones modales

El uso de autentificaciones modales o de archivo no es una buena práctica porque requiere más pasos del usuario. Tendrán que hacer clic en el menú extensible, seleccionar autenticación y luego completar el formulario allí. En su lugar, una página de inicio de sesión debe contener opciones de inicio de sesión/registro separadas. Además, las conexiones modales podrían conducir a varias solicitudes de asistencia del cliente, porque los usuarios pueden confundirse sobre cómo encontrar el formulario de conexión (que puede no ser obvio). Campos introductorios ocultos
Los campos introductorios ocultos no deben ser difíciles de encontrar o difíciles de usar. Algunos navegadores pueden retener información que los usuarios ingresan al registrarse en un nuevo sitio web. Para facilitar el proceso y más rápido, el navegador completa automáticamente los campos que reconoce, como el nombre, el apellido, la dirección, el número de teléfono, etc. Si algunos campos están ocultos o solo pueden acceder mediante un menú desplegable, el navegador no podrá reconocer los campos y no podrá completarlos automáticamente. La mayoría de las plantillas de página de autenticación se ven iguales, así que trate de no alejarse demasiado de los elementos convencionales de dicha plantilla. La solicitud de un nombre de usuario en lugar de correo electrónico en el diseño del formulario de autenticación, sería recomendable pedir a las personas que se conecten con el nombre de usuario en lugar de la dirección de correo electrónico. Esta práctica no es efectiva, porque es muy probable que las personas olviden cada nombre de usuario que usan para cada sitio web al que han accedido últimamente. En cambio, el uso de su correo electrónico en la página de conexión no puede dar lo mismo, porque sigue siendo el mismo, independientemente del sitio web que navegen. Esta no es una regla general, pero es una mejor práctica que se ha demostrado que genera menos solicitudes de asistencia al cliente. Restricción de contraseñas largas

Teniendo en cuenta lo importante que es la seguridad cibernética actualmente, las contraseñas deben ser tan largas y complejas.Si su página de conexión limita a los usuarios para que usen una contraseña de ocho caracteres, podrían renunciar al registro ya que su cuenta no será tan segura como quisieran.Asegúrese de no establecer ningún límite máximo (o más alto posible) para los caracteres cuando los usuarios elijan su contraseña.Este es un detalle que podría marcar la diferencia entre ganar un usuario y perder uno.Complicación excesiva de las cosas