Onboarding de apps móviles: buenas prácticas para llegar antes al valor

Imagina una app de formación. Un nuevo alumno llega porque quiere completar una lección breve sobre un tema concreto. Antes de empezar, la app muestra cinco pantallas introductorias, le pide que se registre, solicita permiso para enviar notificaciones y abre un feed de noticias genérico. Cada pantalla puede estar bien diseñada, pero la primera sesión ha fallado: el alumno todavía no ha encontrado una lección.

El onboarding móvil es el recorrido desde el primer inicio hasta un resultado útil inicial: el primer valor. Completar la acción que lo proporciona es la activación.

El onboarding suele reducirse a la guía que aparece en el primer inicio, pero no son lo mismo. Una guía interactiva es solo una forma de acompañar el recorrido: una breve secuencia de pantallas introductorias que aporta el contexto esencial antes de entrar en la app. En GoodBarber, la extensión Guía interactiva permite crear esa introducción; necesitarla o no depende de lo que se interponga entre el nuevo usuario y el primer valor.

No empieces decidiendo qué pantallas introductorias crear. Pregúntate primero qué debería poder conseguir un usuario nuevo. Ese objetivo define el recorrido de onboarding y permite decidir si la guía interactiva, la ayuda contextual o el acceso directo son el patrón más adecuado.

Las recomendaciones de Apple sobre onboarding aconsejan que la app se comprenda mediante el uso y que cualquier proceso de introducción sea breve y opcional. Una guía ayuda cuando elimina incertidumbre; de lo contrario, retrasa el acceso al producto.

«Entender la app» es demasiado impreciso para diseñarlo o medirlo. Elige una acción que conecte la primera sesión con el propósito de la app.

En la app de formación, «ver la página de inicio» no es suficiente. «Empezar una lección relevante» es más sólido porque refleja el motivo por el que el alumno instaló la app.

Trabaja hacia atrás desde esa acción. El alumno puede necesitar entender que los cursos se organizan por objetivos, elegir una categoría y reconocer la tarjeta de la lección. No necesita necesariamente una cuenta, dar permiso para recibir notificaciones ni conocer todos los formatos.

Da un único objetivo principal a la primera sesión. La configuración adicional puede esperar hasta que desbloquee un beneficio visible.

El patrón más apropiado depende de lo que una persona deba saber o hacer antes de alcanzar el valor.

Los patrones pueden combinarse, pero cada elemento añadido debe justificar su presencia. La app de formación podría utilizar dos pantallas centradas en beneficios antes de una página de inicio organizada por objetivo de aprendizaje. Una app privada para empleados puede explicar el servicio antes de la autenticación porque ningún contenido puede ser público.

1. Muestra el resultado antes que la función

«Accede a artículos, vídeos y podcasts» describe un catálogo. «Empieza una lección que encaje con tu horario» describe un resultado. Empieza por lo que el usuario puede conseguir y presenta después solo la función necesaria para la siguiente acción.

En la app de formación, explica que las lecciones se organizan por objetivo y duración. El perfil, los Favoritos y las notificaciones pueden esperar.

2. Da una sola función a cada pantalla

Una pantalla de onboarding debe comunicar una promesa, pedir una decisión o explicar una acción. Elimina las pantallas puramente decorativas o las que repiten la ficha de la tienda. Reducir decisiones innecesarias importa más que reducir el número de pantallas.

3. Mantén una salida visible

Una guía interactiva debe ayudar a entrar en el producto, no retener al usuario detrás de una presentación. Incluye una opción Omitir claramente visible y asegúrate de que la página de inicio siga mostrando cuál es el siguiente paso.

4. Solicita los permisos en contexto

Relaciona cada solicitud del sistema con la función que habilita. La ubicación tiene sentido cuando alguien busca contenido cercano; el permiso para enviar notificaciones se entiende mejor después de que la app haya mostrado qué puede aportar.

Apple recomienda solicitar acceso durante el onboarding solo cuando los datos privados o el recurso sean necesarios para que la app funcione; en caso contrario, espera a que la persona llegue a la función correspondiente. Android también recomienda explicar el permiso en el momento en que se necesita.

5. Retrasa el registro cuando el servicio lo permita

Una cuenta está justificada cuando la identidad forma parte del servicio: recursos privados, aportaciones de usuarios, progreso sincronizado o transacciones protegidas. Un alumno puede explorar el catálogo y abrir una lección gratuita antes de identificarse; una app de formación para empleados con material interno puede exigir razonablemente la autenticación desde el principio.

En una app eCommerce, permite que los visitantes exploren los productos antes de pedirles una cuenta. Con GoodBarber, el checkout puede aceptar pedidos como invitado o exigir una cuenta de cliente, según la experiencia que quieras ofrecer.

6. Diseña la primera página de inicio y los estados vacíos

El onboarding no termina cuando desaparece la última pantalla introductoria. La siguiente pantalla debe continuar la misma promesa.

Haz que la primera acción de valor sea fácil de encontrar. Da nombres concretos a las secciones y explica los estados vacíos. «Todavía no hay favoritos» describe un estado; «Guarda una lección para encontrarla aquí más adelante» enseña la acción.

En nuestra app de formación, la página de inicio debe destacar los objetivos de aprendizaje y una primera lección adecuada. Enviar al alumno a un feed genérico rompería el recorrido construido por la guía.

7. Incluye la accesibilidad en el primer recorrido

La primera acción debe seguir siendo operativa con texto ampliado, tecnologías de asistencia y distintos métodos de entrada. Comprueba el contraste, las etiquetas, el orden del foco, las zonas táctiles, el movimiento y las alternativas multimedia durante todo el recorrido. Nuestra checklist de accesibilidad para apps móviles diferencia la configuración central de las pruebas en la app publicada.

La extensión Guía interactiva de GoodBarber proporciona una secuencia introductoria para Apps de Contenido y Apps eCommerce. Puedes crear hasta cinco pasos, elegir entre dos modos de visualización, añadir imágenes o animaciones Lottie, personalizar tipografía y colores, mostrar un indicador de páginas e incluir un botón Omitir.

La Guía interactiva aparece en el primer inicio después de la instalación. Está disponible en dispositivos móviles, pero no en iPad. En una PWA, aparece en la versión del navegador, no en la versión autónoma instalada.

Para la app de formación, dos pasos pueden ser suficientes:

1. Explica el resultado: encontrar una lección adecuada al objetivo actual del alumno y al tiempo disponible.
2. Explica la organización: elegir un objetivo y abrir después una lección para empezar.

La página de inicio debe cumplir esa promesa. Utiliza Mi App > Estilo de App para definir los colores, las fuentes y los botones globales de la interfaz y, a continuación, adapta los ajustes visuales de la Guía interactiva a ese sistema. Así crearás continuidad visual entre la introducción y la propia app. La documentación de Estilo de App explica cómo se aplican las elecciones globales en las distintas secciones.

La autenticación requiere una decisión independiente. La extensión Autentificación de GoodBarber está disponible para Apps de Contenido y puede proteger toda la app o zonas concretas; el acceso también puede seguir siendo opcional. Si toda la app está bloqueada, la Guía interactiva aparece antes que la pantalla de inicio de sesión.

GoodBarber también aplica un orden documentado alrededor de la Guía interactiva. Las ventanas de consentimiento de cookies o Funding Choices aparecen antes. Las solicitudes de SMS, push, ubicación e instalación aparecen después. Diseña los mensajes de la Guía interactiva teniendo en cuenta ese orden; no plantees el recorrido como si cada solicitud pudiera colocarse en cualquier paso.

Después de la primera sesión

Después del primer valor, el alumno puede guardar una lección o suscribirse a una actualización útil. Mantén estas acciones fuera del primer inicio salvo que sean necesarias. Nuestra guía sobre personalización de apps móviles trata esa relación a más largo plazo.

Mide el recorrido hasta la acción que has definido, no si se mostró cada pantalla introductoria.

Las estadísticas integradas de GoodBarber muestran inicios, sesiones únicas, páginas vistas, descargas y duración de las visitas, calculados cada día para la jornada anterior. Indican cambios generales, pero no constituyen automáticamente un embudo de onboarding pantalla por pantalla.

Para la app de formación, mide si el nuevo alumno empieza la primera lección. Si la integración elegida expone ese evento, compáralo con los primeros inicios y con los pasos anteriores. Prueba un cambio cada vez: eliminar una pantalla, aclarar una categoría o colocar más arriba la primera lección.

En una app eCommerce, la primera acción de valor puede ser ver un producto relevante o añadirlo al carrito, no completar toda la compra durante la primera sesión.

Conecta una herramienta externa de analytics cuando necesites analizar recorridos por eventos, activación o retención. La guía de analytics para apps móviles explica cómo se complementan las estadísticas internas de GoodBarber y las herramientas conectadas.

• La primera acción de valor está definida en términos observables.
• La primera sesión tiene un único objetivo principal.
• Cada pantalla introductoria elimina una incertidumbre real.
• La guía interactiva solo se utiliza cuando el acceso directo no es más claro.
• La guía tiene una opción Omitir visible.
• Cada pantalla comunica una sola idea o acción.
• El registro solo es obligatorio cuando el servicio necesita la identidad en ese momento.
• Cada solicitud de permiso tiene un propósito comprensible vinculado a una función.
• La primera página de inicio continúa la promesa hecha durante el onboarding.
• Los estados vacíos explican la siguiente acción útil.
• Se ha comprobado la accesibilidad del recorrido completo.
• La acción de activación y los puntos de abandono relevantes pueden medirse con la configuración de analytics elegida.

Muestra el recorrido terminado a alguien que nunca haya visto la app. No le expliques nada. Observa dónde se detiene y si alcanza el primer valor.

El mejor onboarding no es el que más enseña. Es el que deja de ser necesario antes.

Crea tu app y construye un primer recorrido de usuario más claro

¿Cuántas pantallas de onboarding debe tener una app móvil?

Utiliza solo las pantallas necesarias antes de la primera acción de valor. Algunas apps no necesitan ninguna. La Guía interactiva de GoodBarber admite hasta cinco pasos, pero es una capacidad, no un objetivo.

¿Debe obligarse a los usuarios a crear una cuenta durante el onboarding?

Solo cuando la identidad sea necesaria para prestar el servicio o proteger el contenido. En caso contrario, muestra primero valor público útil. La Autentificación de GoodBarber puede proteger toda una App de Contenido o zonas concretas, y también puede permitir el acceso opcional.

¿Todas las apps necesitan una guía interactiva?

No. Si la página de inicio, la navegación y la primera acción se explican por sí mismas, el acceso directo puede ser un onboarding mejor. Utiliza una guía cuando una pequeña cantidad de contexto acorte de forma sustancial el camino hasta el valor.

¿Cómo se mide el éxito del onboarding de una app móvil?

Define una acción de activación y analiza cuántos nuevos usuarios la completan, cuánto tardan, dónde abandonan, cómo responden a las solicitudes de permisos esenciales y si regresan. Relaciona cada pregunta con los datos que tu configuración de analytics pueda proporcionar realmente.