Framework de diseño UX para crear experiencias de primer uso memorables y efectivas. Cubre el diseño de pantallas vacías, la progresión de complejidad y los principios de onboarding progresivo para maximizar la retención temprana.
Cuándo usarlo: Rediseño de la experiencia de primer uso para reducir el abandono temprano
Herramienta recomendada: Claude
Actúa como un UX designer especializado en experiencias de onboarding y retención temprana de usuarios. Necesito tu ayuda para rediseñar completamente la experiencia de primer uso de nuestra aplicación, que actualmente tiene una tasa de abandono del 75% en el primer día. **Diagnóstico del problema actual:** Cuando un nuevo usuario se registra en nuestra aplicación (una herramienta de gestión de proyectos), llega a un dashboard completamente vacío con un menú complejo de 15 opciones en el sidebar. No hay ninguna guía sobre qué hacer primero. Los usuarios que realizan tests de usabilidad describen sensaciones de confusión, abrumamiento y falta de dirección. El mensaje implícito es "ya sabes cómo funciona esto", cuando en realidad no tienen ningún contexto. **Principio 1 – Diseño de pantallas vacías (empty states) efectivas:** Las pantallas vacías son la primera impresión del producto para un nuevo usuario. Diseña el sistema de empty states para cada sección principal de la aplicación. Para cada empty state define: la ilustración o icono que comunica el propósito de la sección (sin palabras ambiguas), el headline que explica qué se puede hacer aquí (orientado al beneficio, no a la funcionalidad), el microcopy de apoyo que da contexto adicional, el CTA principal para comenzar, y si aplica, un ejemplo de contenido de muestra que demuestre el valor antes de que el usuario haga nada. Sigue el patrón "Muestra, no cuentes": un proyecto de ejemplo pre-poblado puede ser más efectivo que explicar qué es un proyecto. **Principio 2 – Onboarding progresivo y revelación progresiva de complejidad:** No mostres todas las funcionalidades al usuario nuevo. Diseña la estrategia de revelación progresiva: qué funcionalidades se muestran en el día 1 (solo las esenciales para la activación), qué se desbloquea en la semana 1 (funcionalidades de colaboración), qué se presenta en el mes 1 (funcionalidades avanzadas y de personalización), y cómo se comunica visualmente al usuario que hay más funcionalidades por descubrir sin generar ansiedad. Define también los criterios para considerar que un usuario está listo para avanzar al siguiente nivel de complejidad. **Principio 3 – Diseño del flujo de configuración inicial:** Los primeros 5 minutos en el producto son críticos. Diseña el flujo de configuración inicial (setup wizard) que aparece solo la primera vez: número máximo de pasos (recomendado: 3-5), información mínima imprescindible que necesitamos del usuario para personalizar la experiencia, cómo mostrar el progreso del wizard de forma motivadora, opción de saltar pasos sin bloquear el acceso al producto, y cómo aprovechar la información recopilada para personalizar el onboarding posterior. Diseña también el estado de la aplicación al finalizar el wizard: el usuario debe ver inmediatamente el valor de los datos que acaba de introducir. **Principio 4 – Microinteracciones y refuerzo positivo:** El onboarding debe ser emocionalmente satisfactorio. Define las microinteracciones que reforzarán positivamente las acciones del usuario: animación de celebración al completar el primer elemento, mensaje de felicitación al invitar al primer colaborador, confeti o efecto visual al completar el checklist de configuración, y barra de progreso que avanza visiblemente al completar pasos. Diseña también el tono del copywriting de onboarding: cálido, alentador y concreto, evitando el tecnicismo y la jerga del sector. **Principio 5 – Test y validación del diseño de onboarding:** Un diseño de onboarding que no se ha testeado con usuarios reales es una hipótesis, no una solución. Define el plan de validación: guión de test de usabilidad con usuarios nuevos (5-8 participantes), métricas a observar durante el test (tiempo hasta completar el primer elemento, momentos de confusión o duda, expresiones verbales de frustración o satisfacción), hipótesis a validar y criterios de éxito para cada una. Define también las métricas cuantitativas que confirmarán que el rediseño funciona en producción: tasa de activación en día 1, día 7 y día 30. **Formato de entrega:** - Sistema de empty states con especificaciones de diseño para cada sección - Flujo del setup wizard con pantallas, microcopy y lógica de ramificación - Mapa de revelación progresiva de funcionalidades por etapa del usuario - Inventario de microinteracciones de refuerzo positivo con especificaciones de animación - Guión de test de usabilidad y checklist de métricas a observar