Una página de inicio de sesión o registro suele ser el primer paso de un viaje de usuario dentro de su aplicación. Si algo sale mal aquí, corres el riesgo de perder a tus usuarios antes de que se enteren de lo increíble y funcional que es tu aplicación.

Puede parecer una tarea bastante fácil diseñar inicios de sesión y registros, ¿qué podría salir mal? Preguntas redundantes, marcadores de posición que desaparecen, instrucciones de contraseña poco claras, un proceso ambiguo de recuperación de contraseñas o la incapacidad de iniciar sesión a través de una cuenta de Google son solo algunos de los problemas que sus usuarios pueden experimentar si sus formularios están mal diseñados.

Los formularios de inicio de sesión/regíntesis cortos y claros son formas de arte. Sus mejores prácticas también son adecuadas para otras formas. En última instancia, todas las formas deben seguir los principios de simplicidad y claridad para satisfacer las necesidades de los usuarios.

Simplifica tus formularios

Los usuarios a menudo suponen que los formularios de inicio de sesión/regíntes no tardarán más de un par de minutos en rellenarse. Por lo tanto, cuando abren una aplicación y ven varias entradas pidiendo mucha información irrelevante, se van. Independientemente del esfuerzo asociado con la escritura en el móvil, es menos probable que los usuarios rellenen formularios que contengan etiquetas de entrada ambiguas y mensajes de error generales.

¿Cómo pueden los diseñadores simplificar los formularios de inicio de sesión/regístrese en el móvil?

Reduce el número de preguntas, haciendo solo las más relevantes. Cuando los usuarios se encuentran con demasiados obstáculos, su motivación para empezar a usar su aplicación puede no ser suficiente para superarlos. En sus mentes, no tiene sentido comprometerse tanto antes de que hayan tenido la oportunidad de explorar la aplicación. Permita que los usuarios disfruten del uso de su aplicación y solicite detalles más tarde en un momento más apropiado.

Las cosas se complican cuando se trata de formularios más desafiantes que requieren más datos sobre los usuarios. No es de extrañar que la mayoría de los usuarios abandonen los sitios web o las aplicaciones con procesos de pago excesivamente largos o complicados. ¿Cuál es la solución?

9F823B1E-997E-4D2A-92F7-32C0DF63B9CB.jpeg

Etiquetas de alineación superior

Con los formularios de escritorio, tienes más libertad con el espacio y puedes colocar etiquetas a la izquierda o a la derecha. En el móvil, la habitación horizontal adicional es lujosa, por lo que la alineación superior funciona mejor, especialmente para etiquetas de diferentes longitudes.

Además, las etiquetas alineadas con la parte superior siempre permanecen visibles cuando se activa un teclado en pantalla, ocupando una gran parte de la pantalla. Los usuarios no necesitan tensar su memoria para recordar qué tipo de información se les pide que escriban.

La colocación de etiquetas por encima de la entrada hace que los formularios se sientan más naturales de escanear y leer.

48F3E27B-FC77-4168-A558-15BF06E2AA38.jpeg

Mantener las etiquetas visibles

Hay casos en los que tienes tan poco espacio que las etiquetas alineadas por encima de las entradas no son una solución. ¿Hay alguna manera de mantener las etiquetas visibles sin colocarlas fuera de las entradas?

Reemplazar los marcadores de posición por etiquetas no es la mejor idea. Cuando los usuarios activan una entrada, el marcador de posición desaparece y los usuarios no ven qué información necesitan proporcionar. Las personas hacen multitarea, y si abandonan la página y vuelven a ella más tarde, potencialmente tensarán su memoria. De lo contrario, para volver a ver el texto del marcador de posición, tendrían que eliminar el enfoque de la entrada tocando fuera de ella. Es un trabajo extra, y a los usuarios no les gusta pensar o hacer más de lo necesario.