≡En resumen
- El user onboarding es el onboarding visto desde el diseño de producto: pantallas, patrones y mensajes que llevan al primer valor.
- El mejor onboarding es el que casi no se nota: una interfaz clara reduce la necesidad de tutoriales.
- La ayuda contextual, en el momento en que el usuario la necesita, funciona mejor que un tour largo al abrir la app.
- Los estados vacíos son la pantalla de onboarding más vista y la más olvidada: deben decir qué hacer a continuación.
- Se mide con un evento de activación definido con datos y con la retención de las cohortes de altas.
01 ¿Qué es el user onboarding?
El término general, que cubre también la incorporación de clientes B2B y de empleados, lo explicamos en qué es el onboarding en general. Aquí nos centramos en el onboarding de producto: qué patrones de interfaz existen, cuándo usar cada uno y cómo saber si funcionan.
02 ¿Siempre hace falta un onboarding?
No. Nielsen Norman Group recomienda evitar el onboarding de apps siempre que se pueda e invertir esos recursos en hacer la interfaz más usable: los tutoriales añaden pasos, obligan a recordar instrucciones y a menudo no mejoran el rendimiento en las tareas. Un onboarding largo suele ser el síntoma de un problema de diseño.
Sí compensa: datos necesarios
El producto no funciona sin cierta información inicial, como vincular una cuenta bancaria o importar contactos.
Sí compensa: personalización
El contenido cambia según el objetivo, el idioma o el nivel del usuario.
Sí compensa: interacción nueva
Un gesto o flujo que no sigue los patrones habituales y no se puede adivinar.
No compensa: promocionar funciones
Enseñar todo lo que hace la app al abrirla. Eso pertenece a la ficha de la tienda o a la web.
03 Patrones de user onboarding: cuál usar en cada caso
| Patrón | Qué es | Úsalo cuando | Cuidado con |
|---|---|---|---|
| Checklist de configuración | Lista de 3-6 tareas con progreso visible | Hay varios pasos necesarios para obtener valor (SaaS B2B) | Incluir tareas que no llevan al valor |
| Tour guiado (walkthrough) | Secuencia de pasos que resalta elementos de la interfaz | Hay una interacción poco habitual que conviene practicar | Tours largos que el usuario salta sin leer |
| Tooltips y hotspots | Mensajes cortos junto a un elemento, a veces con un punto que parpadea | Quieres dar ayuda contextual en el momento de uso | Llenar la pantalla de avisos a la vez |
| Estados vacíos | Lo que ve el usuario cuando una sección aún no tiene contenido | Siempre: son parte del onboarding aunque no lo parezca | Dejar un «No hay datos» sin siguiente paso |
| Datos o plantillas de ejemplo | Contenido precargado que muestra el resultado final | El valor solo se ve con datos (informes, paneles) | No dejar claro que son datos de prueba |
| Tarjetas de bienvenida (deck of cards) | Carrusel de pantallas al abrir la app | Hay que explicar un concepto previo imprescindible | Usarlo para vender funciones |
| Divulgación progresiva | Mostrar primero lo esencial y el resto bajo demanda | El producto tiene funciones avanzadas que asustan al principio | Esconder algo que el usuario busca en su primer uso |
04 Estados vacíos, microcopy y mensajes fuera del producto
Mal: «No tienes proyectos».
Bien: «Aquí verás tus proyectos. Crea el primero o importa los de tu hoja de cálculo», con dos botones y una imagen de cómo se verá la pantalla cuando esté llena.
Cada texto de ayuda, botón y mensaje de error es microcopy, y en el onboarding pesa más que en ninguna otra parte porque el usuario aún no conoce tu vocabulario. Fuera del producto, los emails y las notificaciones push sirven para traer de vuelta a quien se quedó a medias, siempre que respondan a lo que el usuario ha hecho y no sean una secuencia fija.
05 Cómo diseñar el user onboarding de tu producto
-
1
Define el evento de activación
La acción que mejor separa a los usuarios que se quedan de los que se van: publicar, invitar a un compañero, recibir la primera reserva.
-
2
Mapea el camino más corto
Lista cada pantalla desde el registro hasta ese evento y elimina lo que no sea imprescindible.
-
3
Pregunta el objetivo
Una o dos preguntas al inicio bastan para adaptar el camino según quién es el usuario.
-
4
Elige los patrones
Checklist si hay varios pasos; plantillas si el valor se ve con datos; tooltips para lo que no es evidente.
-
5
Diseña los estados vacíos
Cada sección sin contenido debe explicar qué será y cómo empezar.
-
6
Prueba con usuarios
Cinco personas intentando llegar al primer resultado te enseñarán más que cualquier suposición.
-
7
Mide y repite
Compara activación y retención de cada cohorte tras cada cambio.
El onboarding se construye con el producto, no encima. Si estás lanzando una plataforma propia, inclúyelo en el alcance del desarrollo de SaaS B2B desde el primer sprint, y valida los flujos con prototipos antes de programarlos: es el tipo de trabajo que hacemos en diseño UX para apps.
06 User onboarding en apps de consumo y en SaaS B2B
| Aspecto | App de consumo (B2C) | SaaS B2B |
|---|---|---|
| Quién decide | La misma persona que usa la app | Quien compra, quien configura y quien usa pueden ser personas distintas |
| Tiempo hasta el valor | Minutos | De horas a semanas (importaciones, integraciones, permisos) |
| Patrón dominante | Tarjetas breves, permisos en contexto y personalización | Checklist de configuración, plantillas e invitación al equipo |
| Papel de las personas | Casi nulo: todo es autoservicio | Sesiones de puesta en marcha en cuentas grandes |
| Evento de activación típico | Completar la primera tarea (un entrenamiento, una lista, una foto) | Que el equipo use el producto con datos reales |
07 Métricas de activación y user onboarding
| Métrica | Cálculo | Qué revela |
|---|---|---|
| Tasa de activación | Usuarios que completan el evento de activación en X días ÷ registros del periodo | Si el onboarding lleva al valor |
| Time-to-value | Mediana del tiempo entre registro y evento de activación | Cuánta fricción queda |
| Finalización de la checklist | Usuarios que completan todas las tareas ÷ usuarios que ven la checklist | Qué tarea atasca |
| Abandono por paso | Usuarios que salen en cada pantalla del alta | Dónde recortar |
| Retención D1, D7 y D30 | Usuarios de la cohorte activos ese día ÷ usuarios de la cohorte | Si el valor se mantiene tras el primer uso |
Analiza estas métricas por cohortes de altas (semana o mes de registro) para aislar el efecto de cada cambio. El onboarding es la primera palanca de la retención de usuarios: la curva de retención cae sobre todo en los primeros días, que son justo los que controla.
08 Errores frecuentes en el user onboarding
- ✓Un tour que enseña todos los botones antes de dejar hacer nada.
- ✓Formularios de registro con datos que no hacen falta hasta mucho después.
- ✓Tutoriales que no se pueden saltar ni volver a consultar.
- ✓El mismo camino para usuarios con objetivos muy distintos.
- ✓Estados vacíos sin llamada a la acción.
- ✓Medir la finalización del tour en lugar de la activación real.
- ✓Diseñar el onboarding una vez y no volver a revisarlo tras cambios de producto.
Preguntas frecuentes sobre User onboarding
Es el proceso de diseño que guía a un usuario nuevo de una app o web desde el registro hasta su primer resultado útil, con patrones como checklists, ayudas contextuales y estados vacíos.
Onboarding es el término general (clientes, usuarios o empleados). User onboarding se refiere al onboarding dentro de un producto digital y a sus patrones de interfaz.
Es lo que se muestra cuando una sección aún no tiene contenido. Bien diseñado explica qué aparecerá ahí y ofrece el primer paso para empezar.
Es mostrar primero solo las opciones esenciales y ofrecer las avanzadas cuando el usuario las pide. Jakob Nielsen la describió en 2006 como forma de facilitar el aprendizaje sin perder potencia.
Definiendo un evento que represente el primer valor y calculando qué porcentaje de registros lo completa en un plazo, junto con el tiempo que tardan en hacerlo.
En general, ayudas contextuales: aparecen cuando el usuario va a usar la función y tiene motivación para aprender. Los tours largos suelen saltarse.
Puede programarse dentro del producto o hacerse con plataformas de adopción digital que añaden tours, checklists y tooltips sin tocar código, como Appcues, Userpilot o Pendo.
Fuentes consultadas
Sobre el autor
Germán Gutiérrez
Development Manager en appyweb
Dirige el equipo de desarrollo de appyweb: aplicaciones web y móviles, SaaS, integraciones y arquitectura de software.
Ver perfil en LinkedIn ↗