La incorporación y la autenticación de usuarios son algunos de los recorridos de los usuarios más comunes y, a menudo, los más abandonados y frustrantes para ellos. Son la primera impresión que tienen los usuarios de tu app, por lo que es fundamental que sea acogedora y que brinde una experiencia conveniente y confiable. Ya sea que diseñes para el acceso, el registro de usuarios o un recorrido de incorporación, la siguiente guía te ayudará a crear una experiencia ideal.
Conclusiones
- Crea una experiencia de incorporación increíble.
- Usa las bibliotecas disponibles, como las llaves de acceso, para generar confianza, familiaridad y comodidad en los usuarios.
- Recopila solo la información crítica de los usuarios.
- Usa un lenguaje claro y de asistencia.
- Organiza y explica el valor de las funciones y el razonamiento de los permisos.
Comenzar
Recopila: Piensa en lo que el usuario necesita configurar, aprender y autorizar.
En la app o por adelantado: Separa todo lo que se debe completar antes de usar la app de lo que se debe completar mientras se usa. Evita crear fricción para que los usuarios comiencen a interactuar con el contenido de tu app. Considera si el contenido y las interacciones son mejores como una instrucción o como un momento educativo.
Para los elementos contextuales, proporciona una explicación y una acción, si corresponde.
Para los pasos y la educación que son fundamentales para completar antes de usar tu app, organízalos en pasos lógicos. Por lo general, deberás mostrar el valor de la app antes de solicitar permisos del dispositivo o crear una cuenta. Siempre sigue la propuesta de valor con la acción.
Si tu app requiere algún tipo de cuenta, decide los métodos de autenticación. Las llaves de acceso pueden aliviar las inquietudes y la fricción de los usuarios con la administración de cuentas.
Proporciona métodos de recuperación.
Muestra el progreso del usuario. Puedes usar componentes como indicadores de progreso, paginadores o indicadores de progreso.
Recorridos de los usuarios
Una incorporación excepcional crea una sensación de logro y tiene una personalidad distintiva. Ayuda a los usuarios a orientarse con patrones de señalización claros para configurar su experiencia, otorgar permisos y sentir su progreso, todo mientras interactúan con la marca y los conceptos de tu app.
Ubicación del punto de entrada
La ubicación de bienvenida precarga toda la información para el usuario y la configuración de la app por adelantado. Este enfoque es ideal cuando tu app requiere el registro del usuario para obtener acceso al contenido, cuando no es posible obtener una vista previa del contenido o cuando el aprendizaje contextual no es adecuado. La principal ventaja es que los usuarios saben de inmediato cómo usar la app y obtienen acceso completo antes. Sin embargo, una desventaja importante es el mayor riesgo de perder usuarios antes de que experimenten la app, aunque esto se puede mitigar si se proporciona una conciencia inicial del contenido, como se muestra en la siguiente imagen.
La incorporación contextual o en la app justo a tiempo permite una mayor flexibilidad en cuanto a la conciencia del contenido, el registro y el aprendizaje. Permite patrones como la preparación de permisos, en la que las solicitudes se realizan en el momento específico de necesidad. Esto se usa mejor cuando deseas proporcionar una vista previa para atraer registros o cuando prefieres dividir el registro y la educación en pasos más pequeños, memorables y manejables. Esto también permite que el usuario aprenda mientras hace y tenga una mayor probabilidad de retención.
Registro / Suscripción
El flujo de registro o suscripción ayuda a los usuarios a crear una cuenta para tu app. Considera si tu app necesita registrar a los usuarios por adelantado para usarla o si pueden acceder a un cierto nivel de contenido y funciones.
Para optimizar el flujo de registro, recopila solo la información mínima necesaria por adelantado, como el correo electrónico y la contraseña, o combina pasos para reducir la fricción. Capturar solo las propiedades esenciales, como un nombre de usuario para la verificación, evita abrumar al usuario con opciones. Para los procesos más largos, divídelos en varias pantallas, pero no te excedas con solo una entrada por pantalla. Asegúrate de que los requisitos de contraseña sean claros y lógicos.
Acceder / Ingresar
Los usuarios que regresan necesitan una forma de volver a acceder a su cuenta. El acceso debe ser rápido y discreto. Si tu app solo requiere autenticación para las cuentas, considera combinar un registro y un acceso a través de un método de acceso único.
Los recorridos de acceso efectivos deben priorizar la comodidad del usuario mediante la implementación de patrones de autenticación modernos. Esto incluye ofrecer instrucciones biométricas y capacidades de autocompletado para reducir la carga cognitiva y la entrada manual que requiere el usuario.
Recorrido de incorporación y personalización
Antes de implementar un recorrido completo, evalúa de forma crítica si tu aplicación realmente lo requiere. A menudo, las funciones complejas se pueden introducir de forma más natural a través de indicaciones de movimiento sutiles o sugerencias contextuales que no interrumpan el flujo inicial del usuario.
Si son necesarios los permisos del dispositivo, usa la "preparación de permisos" para explicar el valor del acceso solicitado. Esto es más eficaz cuando se realiza en el momento específico de necesidad en lugar de como una solicitud masiva al comienzo de la experiencia de la app.
Qué debes hacer
Qué no debes hacer
Cuando promociones las funciones de la app para atraer registros, considera si una vista previa del contenido real sería más persuasiva que una serie de diapositivas intersticiales estáticas. Si usas un recorrido, asegúrate siempre de que haya una opción clara y persistente para omitir o acceder de inmediato.
Proporciona una forma de omitir y reanudar más tarde, como el progreso del almacenamiento en caché. Proporcionar una forma de guardar crea un punto de control, por lo que es más probable que los usuarios retomen donde lo dejaron en lugar de abandonar por completo. Siempre comunica con claridad lo que sucederá con cualquier progreso para tranquilizar a los usuarios.
La señalización visual mediante el uso de indicadores de progreso y de pasos ayuda a establecer las expectativas del usuario. Estos elementos proporcionan una idea clara de cuántos pasos quedan, lo que reduce la tasa de abandono durante los procesos de incorporación o configuración más largos.
Qué debes hacer
Qué no debes hacer
Recuperación
Los flujos de recuperación deben diseñarse con empatía y respeto por la privacidad del usuario. Nunca supongas solo una ruta feliz a través de los flujos de cuentas. Asegúrate de que los usuarios tengan rutas claras para corregir errores sin frustración.
Qué debes hacer
Qué no debes hacer
Si tu app requiere un nombre de usuario específico, proporciona métodos para ayudar a los usuarios a recordarlo o restablecerlo con facilidad.
Qué debes hacer
Qué no debes hacer
Si bien completar previamente ciertos campos, como una dirección de correo electrónico, puede ser conveniente durante el registro, la información sensible, como las contraseñas, nunca debe completarse previamente durante un proceso de recuperación o restablecimiento. Siempre usa el enmascaramiento de entrada sensible de forma predeterminada para proteger la privacidad del usuario en espacios públicos.
SSO / Llaves de acceso
La integración con bibliotecas establecidas, como las llaves de acceso y los proveedores de inicio de sesión único (SSO), mejora la confianza y proporciona una experiencia familiar y sin problemas. Estos sistemas permiten a los usuarios aprovechar el hardware y las credenciales de seguridad existentes para ingresar a tu app sin problemas.
Diseños y componentes
Cuando diseñes formularios de autenticación, es fundamental utilizar la contención agrupando las entradas similares y relacionadas, como colocar los campos "Nombre" y "Apellido" muy cerca. Si lo haces, podrás diseñar diseños flexibles que puedan volver a fluir.
Evita crear formularios largos y desplazables, que son una fuente importante de frustración para los usuarios.
Antes de incluir cualquier campo de entrada, evalúa de forma crítica si la información es realmente necesaria. Si un usuario sale accidentalmente de un formulario extenso, exigirle que vuelva a ingresar información exhaustiva puede generar altas tasas de abandono.
Qué debes hacer
Qué no debes hacer
Diseños expandidos
Cuando se adaptan los diseños para vistas expandidas o horizontales, los diseñadores deben asegurarse de que la interfaz de usuario siga siendo utilizable y agradable desde el punto de vista estético. En particular, evita estirar los componentes interactivos, como los botones, en todo el ancho de la pantalla, ya que esto puede verse poco natural y disminuir la usabilidad.
En su lugar, sigue usando los principios de contención y establece un ancho máximo razonable para los elementos del formulario y los bloques de contenido para mantener la legibilidad y el equilibrio visual en pantallas más grandes.
Qué no debes hacer
Componentes de información del usuario
Cuando se presenta a los usuarios nuevas funciones y la incorporación, hay varios componentes disponibles para usar. Las sugerencias y los diálogos enriquecidos pueden ayudar a destacar el descubrimiento de funciones y educar a los usuarios dentro de tu app. Las hojas pueden proporcionar un estado intersticial para presentar contenido educativo y de incorporación.
Otros factores de forma
La incorporación puede incluir la transferencia de dispositivos para el factor de forma cruzado y el uso extendido de la app.
La experiencia de la app para dispositivos móviles puede proporcionar una forma más ergonómica y conveniente de administrar la autenticación, por lo que la incorporación puede provenir de otros factores de forma. Por ejemplo, un usuario puede completar el acceso en su dispositivo móvil que se inició en una app de Google TV.
Si tu app tiene actividades extendidas en otros factores de forma, como anteojos de IA o Wear OS, proporciona instrucciones de descubrimiento y educación del usuario para incorporar a tus usuarios. Obtén más información para diseñar experiencias de incorporación de anteojos de IA.
Redacción de UX
Usa mecanismos de comentarios no intrusivos, como Snackbars y Toasts, para confirmar las acciones del usuario o proporcionar actualizaciones breves de estado. Esto garantiza que el usuario se sienta informado sobre el estado del sistema sin necesidad de descartar diálogos modales para obtener comentarios menores.
Tono
El tono de tu escritura durante los errores es fundamental; evita el lenguaje que se burle del usuario o lo frustre. Usa una copia clara, de asistencia y alentadora que se centre en la solución en lugar del error, en especial durante momentos de mucho estrés, como la recuperación de contraseñas.
Recurso
Descubre plantillas de incorporación, flujos de usuarios y recursos de educación del usuario en el kit de incorporación de Android para Figma.