Ir al contenido
charmotion

Mascotas de marca para apps infantiles y educativas: lecciones de Duolingo

Por el equipo de Charmotion · Actualizado el

Ilustración de portada de la guía de mascotas por industria: Mascotas de marca para apps infantiles y educativas: lecciones de Duolingo, con personajes de demostración de Charmotion

La mascota de una app educativa debe reaccionar al aprendizaje, no presionar a quien aprende. Usa reacciones rápidas de sí y no para las respuestas, una reacción de éxito al terminar una lección y loops tranquilos durante las esperas. Nunca pongas en loop una cara triste ante los errores ni hagas sentir culpa al usuario para que vuelva. En apps para niños, revisa COPPA y el UK Children's Code antes de que la mascota recopile voz o fotos.

Puntos clave

  • Duolingo usa máquinas de estados de Rive para la sincronización labial de sus World Characters en más de 40 idiomas y más de 100 cursos.
  • Duolingo informa que una animación de racha aumentó un 1.7 % la retención al día 7 de los nuevos usuarios; su cifra de 3.6 veces más finalización de cursos es una correlación.
  • Celebra las respuestas correctas más de lo que reaccionas a las incorrectas, y vuelve rápido a un estado neutral después de un error.
  • La versión modificada de la COPPA Rule entró en vigor el 23 de junio de 2025, y la mayor parte de las obligaciones deben cumplirse antes del 22 de abril de 2026.
  • Los recordatorios que hacen sentir culpa son confirmshaming; el UK Children's Code advierte contra aprovechar la necesidad de aprobación de los niños.

¿Ya tienes un personaje o logo? Mira tu personaje en pantallas reales de una app: pantallas de splash, onboarding, carga y estado vacío. Es gratis, funciona en tu navegador y no sube nada.

¿Cómo anima Duolingo a sus personajes?

Duolingo es el caso mejor documentado de animación de mascotas en una app de aprendizaje. Su blog de ingeniería describe cómo usa Rive para la sincronización labial de sus diez World Characters, con más de 20 formas de boca, en más de 40 idiomas y más de 100 cursos. El equipo eligió Rive en parte porque el peso de los archivos era reducido, y porque la máquina de estados (state machine) permite a los desarrolladores controlar por programación qué estados de animación se activan (blog de Duolingo).

Más adelante, Rive describió la función Video Call de Duolingo, en la que el personaje Lily combina 8 animaciones de cabeza y 8 de cuerpo en más de 64 variaciones de reposo (idle) mientras el archivo se mantiene por debajo de 1 MB (blog de Rive). Es el relato de la propia Rive sobre un proyecto de un cliente.

La lección para apps más pequeñas es la arquitectura, no la escala. Un único archivo interactivo con una máquina de estados permite que un personaje reaccione a muchos eventos sin un video distinto para cada momento. El código de tu lección establece un estado y el archivo se encarga de las transiciones.

Para una introducción general a ese patrón, consulta estados de animación de una mascota y cómo crear una mascota animada para tu app.

¿Las animaciones de racha y de celebración ayudan a las apps de aprendizaje?

Duolingo ha publicado dos cifras que se citan a menudo, y significan cosas distintas (blog de Duolingo):

  • Los usuarios que alcanzan una racha de 7 días tienen 3.6 veces más probabilidades de completar su curso. Es una correlación. Los usuarios motivados mantienen rachas y también terminan cursos; la racha no necesariamente causa la finalización.
  • Una nueva animación de racha aumentó un 1.7 % la probabilidad de que un usuario recién llegado siguiera usando la app 7 días después. Es el resultado de una prueba A/B de una sola animación, publicado por la empresa.

Ambas son cifras de la propia Duolingo, de un producto con una audiencia enorme. Respaldan la idea de que una celebración bien ubicada puede marcar la diferencia, no que cualquier celebración lo haga.

La conclusión para el diseño es reservar la reacción más grande para el momento más importante para el hábito, como terminar una lección o extender una racha, y mantener todo lo demás pequeño. Si cada toque desata una fiesta, los momentos importantes dejan de destacar.

¿Qué estados de la mascota necesita el flujo de una lección?

El flujo de una lección es una secuencia de eventos cortos, lo que se presta a combinar loops y reacciones puntuales:

EventoEstadoLoop o reacción puntualNotas
Empieza la lecciónenter, luego idle (0)Reacción puntual, luego loopMantén la entrada por debajo de uno o dos segundos
Se muestra la preguntalistening (6) o thinking (3)LoopSutil; la pregunta es lo principal
Respuesta correctayes, luego happy (1) brevementeReacción puntualVuelve al reposo (idle) antes de la siguiente pregunta
Respuesta incorrectano, luego idle (0)Reacción puntualNunca pongas sad (4) en loop ante errores repetidos
Lección completadasuccessReacción puntualLa reacción más grande del flujo
Lectura en voz alta o explicación del tutortalking (7)LoopSolo mientras se reproduce el audio
Inactivo o en pausasleeping (8)LoopTranquilo, con poco movimiento
Pantalla de recordatorio o de regresowave (2)LoopSin textos que generen culpa
success: un trigger que se reproduce una vez y luego vuelve al estado de ánimo actual.

La asimetría importa: las respuestas correctas reciben una recompensa visible y las incorrectas, un reconocimiento rápido y neutral. Un estudiante que falla tres veces seguidas no debería ver a la mascota cada vez más molesta.

¿Cómo celebro sin manipular a los niños?

Los niños responden con mucha fuerza a la aprobación de los personajes, y justamente por eso no debe usarse en su contra. El Children's Code de la Information Commissioner's Office del Reino Unido (estándar 13) indica que no se deben usar técnicas de nudge para llevar a los niños a proporcionar datos personales innecesarios o a desactivar protecciones de privacidad, y advierte contra explotar su necesidad de reafirmación. El mismo estándar fomenta los nudges orientados al bienestar, como tomar descansos (ICO).

En la práctica:

  • Celebra el aprendizaje, no los datos. Nunca recompenses a un niño por activar el micrófono, agregar una foto, invitar amigos o aceptar el rastreo.
  • Mantén a la mascota fuera de las pantallas de consentimiento y privacidad. Nada de loops happy o attention junto a un botón "Activar".
  • Usa la mascota para los descansos. Un estado sleeping o wave que sugiera parar después de una sesión es un nudge positivo.
  • Vincula las recompensas al esfuerzo. Una reacción success por terminar una lección está bien. Una reacción diseñada para que el niño siga tocando la pantalla después de terminar la lección, no.

Estas reglas también sirven para apps de aprendizaje para adultos.

¿Qué implican COPPA y el UK Children's Code para el diseño de mascotas?

Las mascotas en sí no están reguladas, pero lo que recopilan sí. En Estados Unidos, la versión modificada de la COPPA Rule de la FTC entró en vigor el 23 de junio de 2025, y la mayoría de las obligaciones debían cumplirse antes del 22 de abril de 2026. Las modificaciones incluyen un consentimiento parental verificable por separado antes de divulgar datos de niños a terceros, la incorporación de los identificadores biométricos a la definición de información personal y la obligación de contar con una política escrita de retención de datos (Federal Register).

Esto es relevante para funciones de mascota que parecen inofensivas:

  • Una mascota que "escucha" a un niño leer en voz alta recopila datos de voz.
  • Una mascota que reacciona a la cara de un niño a través de la cámara puede implicar datos biométricos.
  • Un servicio externo de analítica o de IA detrás de la mascota puede contar como una divulgación a terceros.

En el Reino Unido, el Children's Code agrega las reglas sobre nudges descritas arriba. Si tu app está dirigida a niños, somete a tu revisión de privacidad cualquier función de la mascota que use el micrófono, la cámara o un servicio externo. Esta guía es una orientación de diseño, no asesoría legal.

Una mascota que solo reproduce animaciones prediseñadas cuando el niño toca la pantalla o responde no recopila nada por sí misma. Es el diseño más sencillo para cumplir la normativa.

¿Cómo evito recordatorios que hagan sentir culpa?

Las pantallas de recordatorio y cancelación son donde las mascotas cruzan la línea con más frecuencia. El confirmshaming es un patrón engañoso reconocido en el que se manipula emocionalmente a los usuarios para que hagan algo que de otro modo no harían (Deceptive Patterns). Una mascota llorando con un texto como "¿Me vas a dejar?" es un ejemplo de manual.

Patrones más seguros:

  • Notificaciones de recordatorio: un saludo amistoso (wave) y una frase neutral como "¿Listo para la lección de hoy?"
  • Día perdido: idle o wave, con un texto que dé la bienvenida de vuelta en lugar de contar lo perdido.
  • Desactivar recordatorios o cancelar la suscripción: idle o exit, con una confirmación sencilla. Sin estado sad.
  • Racha rota: menciónalo en el texto y muestra la siguiente meta alcanzable.

El loop sad puede quedarse en tu archivo para momentos lúdicos dentro de la lección, pero mantenlo lejos de cualquier pantalla en la que el usuario esté decidiendo si continuar, pagar o compartir.

¿Cómo agrego controles de movimiento reducido y de pausa?

Las pantallas de aprendizaje combinan movimiento con lectura, que es justamente la situación que aborda el criterio 2.2.2 de las WCAG. El contenido en movimiento que empieza automáticamente, dura más de cinco segundos y aparece junto a otro contenido necesita una forma de pausarlo, detenerlo u ocultarlo (W3C). Una mascota en loop junto a un ejercicio de lectura entra en este caso.

  • Respeta la configuración del sistema. En la web, prefers-reduced-motion indica cuándo el usuario pidió minimizar el movimiento no esencial (MDN); las plataformas nativas tienen equivalentes. Muestra una pose estática en su lugar.
  • Agrega un interruptor en la app. Los niños rara vez cambian la configuración del sistema operativo. Un interruptor visible de "modo calma", idealmente en un área para padres, cubre ese caso.
  • Deja que los loops se calmen. Después de una reacción, vuelve a un estado idle o sleeping con poco movimiento en lugar de rebotes continuos.
  • Mantén también la retroalimentación en texto. "¡Correcto!" o "Inténtalo de nuevo" deben aparecer en texto, para que la lección funcione con el movimiento desactivado.
sleeping: mood 8, un loop tranquilo para estados vacíos.

El set de Charmotion incluye los estados que usa esta guía (yes, no, success, happy, listening, talking, sleeping, wave) en un solo .riv, además de MP4 y GIF para las vistas previas de la tienda. Un personaje redondeado como Kiko, el zorro del elenco propio de Charmotion que se ve arriba, muestra el extremo más amigable, adecuado para públicos más jóvenes.

Preguntas frecuentes

¿Cómo debería reaccionar la mascota de una app infantil a las respuestas incorrectas?

De forma breve y sin avergonzar. Reproduce una reacción no rápida, luego vuelve al reposo (idle) neutral, y nunca pongas en loop una cara triste ante errores repetidos. Celebra las respuestas correctas de forma más visible de lo que reaccionas a los errores, y asegúrate de que la retroalimentación también aparezca en texto para que funcione con el movimiento desactivado.

¿La animación de racha de Duolingo realmente mejora la retención?

Duolingo informa que una nueva animación de racha aumentó un 1.7 % la proporción de estudiantes completamente nuevos que seguían activos después de 7 días. Es el resultado de una prueba A/B de la propia empresa. Su otra afirmación, que los estudiantes con una racha de 7 días tienen 3.6 veces más probabilidades de terminar un curso, es una correlación.

¿COPPA se aplica a la mascota de una app?

COPPA se aplica a los datos que tu app recopila de niños menores de 13 años, incluso a través de una mascota. Si el personaje usa el micrófono, la cámara o un servicio externo, queda sujeto a la regla modificada, vigente desde el 23 de junio de 2025, con cumplimiento obligatorio a partir del 22 de abril de 2026. Consulta con un abogado para los detalles.

¿Una mascota triste en una pantalla de recordatorio es un patrón oscuro?

Puede serlo. Hacer sentir culpa a los usuarios para que vuelvan o mantengan la suscripción es confirmshaming, un patrón engañoso reconocido. En su lugar, usa un estado wave o idle neutral y un texto acogedor. En apps infantiles, el UK Children's Code también advierte contra explotar la necesidad de aprobación de los niños.

Respuestas rápidas de esta guía

Fuentes

Guías relacionadas