Mascotas para apps de salud mental: estados tranquilos y reglas para crisis
Por el equipo de Charmotion · Actualizado el

La mascota de marca de una app de salud mental o autocuidado debe moverse despacio y mantenerse discreta: un idle tranquilo, listening mientras el usuario escribe, thinking mientras carga el contenido, sleeping para el momento de relajarse y un happy suave después de un ejercicio. Nunca uses las reacciones error, no o sad sobre los sentimientos del usuario, respeta la configuración de movimiento reducido y mantén a la mascota totalmente fuera de las pantallas de crisis.
Puntos clave
- Cinco loops tranquilos cubren la mayoría de las pantallas: idle, listening, thinking, sleeping y happy.
- Error, no y sad juzgan al usuario cuando aparecen junto a un registro de estado de ánimo o un diario; resérvalos para fallos de la app o déjalos fuera.
- Los flujos de crisis necesitan una sola acción clara, un botón de crisis en un lugar fijo y nada de movimiento decorativo.
- Respeta Reduce Motion y WCAG 2.3.3, y ofrece un control para pausar u ocultar los loops largos.
- Esta guía cubre autocuidado, diarios, meditación y seguimiento del estado de ánimo; los chatbots de salud tienen su propia guía.
¿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.
¿Qué función debe cumplir una mascota en una app de salud mental?
Compañía, no terapia. En las apps de autocuidado y de estado de ánimo, un personaje puede hacer que el registro diario se sienta menos clínico y dar una sensación discreta de presencia. Wysa es un ejemplo conocido: un recurso para estudiantes de la University of Pittsburgh lo describe como hablar con "un pingüino diminuto y adorable" que usa técnicas de TCC y responde con GIF y emojis (University of Pittsburgh).
Tres límites mantienen honesto al personaje:
- No diagnostica ni promete resultados. La mascota reacciona a lo que el usuario hace en la app; nunca comenta cómo se siente "de verdad".
- No sustituye a un amigo. Si la app incluye un chat con IA, Nielsen Norman Group advierte que humanizar la IA aumenta el riesgo de exceso de confianza y de que los usuarios formen vínculos emocionales con el producto (NN/g). Un personaje no humano con estados simples es más seguro que una persona de apariencia humana.
- Siempre se puede desactivar. Algunos usuarios quieren las herramientas sin el personaje, sobre todo en los días malos.
Si tu producto es un asistente de salud que responde preguntas médicas, lee mejor la guía de avatar de chatbot de salud: ahí se cubren los avisos legales, las recomendaciones urgentes y los estados de conversación.
¿Qué estados encajan con el registro del estado de ánimo, el diario y la meditación?
Usa la mitad tranquila del set. La mayoría de las pantallas de una app de autocuidado necesitan un personaje que esté presente, pero sin protagonismo.
| Momento | Estado | Notas |
|---|---|---|
| Pantalla de inicio | idle (0) | El predeterminado; lento y de poca amplitud |
| Al elegir un estado de ánimo o escribir en el diario | listening (6) | Muestra atención sin reaccionar al contenido |
| Se registra un estado de ánimo bajo | listening (6) o idle (0) | Nunca sad, no ni error |
| Carga de un curso o ejercicio | thinking (3) o loading (5) | Solo durante la espera real |
| Ejercicio de respiración o meditación | Oculto, o en una pose fija | El ritmo guía y la voz son el foco |
| Ejercicio completado | happy (1) | Un loop suave; evita el estallido animado de success |
| Contenido para relajarse y dormir | sleeping (8) | Combínalo con una pantalla oscura y tenue |
| Regreso tras varios días sin usar la app | enter, luego wave (2) | Sin comentarios sobre la ausencia |
| Error de la app (falló la sincronización) | Sin reacción | Texto simple y un botón para reintentar |
| Recursos de crisis | Sin mascota | Ver más abajo |
Fíjate en lo que falta: success, yes, attention y talking casi no aparecen. Una app de autocuidado tiene pocos "logros" que celebrar a lo grande, y un loop de attention se percibe como urgencia para un usuario con ansiedad.
¿Qué estados de ánimo nunca deberían aparecer en momentos emocionales?
Cualquier reacción que parezca un veredicto sobre lo que el usuario acaba de compartir.
- error y no. Junto a "Hoy me siento fatal", negar con la cabeza o un gesto de error se lee como "respuesta incorrecta". Resérvalos para fallos reales de la app o déjalos fuera del producto.
- sad. Reflejar un estado de ánimo bajo con una cara triste de caricatura puede parecer una burla o hacer que el usuario se sienta responsable de la mascota. Listening dice "estoy aquí" sin dramatismo.
- attention. Un loop pulsante que pide atención añade urgencia. La guía de diseño para salud mental de Arounda señala que los visuales saturados y de alto contraste "se leen como urgentes" y recomienda reservar el rojo intenso solo para alertas de crisis reales (Arounda). La misma lógica se aplica al movimiento.
- Celebraciones ante confidencias. Registrar un sentimiento difícil no es un logro para festejar. Si premias la constancia, premia el hábito de registrarse, con discreción, en la pantalla siguiente.
Las rachas necesitan un cuidado especial aquí. Saltarse un registro en una mala semana nunca debería generar culpa; la guía de apps de hábitos cubre la investigación sobre rachas rotas.
¿Qué tan lenta y sutil debe ser la animación?
Más lenta y más pequeña que en cualquier otra categoría. Las pautas de movimiento de Apple dicen que la animación gratuita o excesiva "puede distraer a las personas y hacer que se sientan desconectadas o físicamente incómodas", y recomiendan que el movimiento sea opcional (Apple HIG). Arounda recomienda que las transiciones de la interfaz sean breves, de menos de 300 milisegundos, para que el movimiento confirme una acción en lugar de dar un espectáculo.
Reglas prácticas:
- Elige loops tranquilos en lugar de acelerar cualquier cosa. Idle, listening y sleeping ya son de baja energía; úsalos como base.
- Mantén pequeño al personaje. Una mascota que ocupa media pantalla domina aunque apenas se mueva.
- Nada de reacciones puntuales inesperadas. Evita reacciones que se disparen mientras el usuario lee o escribe.
- Sonido desactivado por defecto. Arounda señala que un sonido inesperado puede resultar molesto en momentos públicos o privados.
- Prueba de noche. Revisa la mascota en un teléfono con poco brillo y en modo oscuro, donde un personaje brillante destaca más.
¿Cómo se aplican el movimiento reducido y los controles de pausa?
Aquí importan más, porque algunos usuarios de apps de salud mental tienen ansiedad o síntomas vestibulares.
- Movimiento reducido. Cuando
prefers-reduced-motiono el ajuste Reduce Motion de iOS está activado, muestra una pose fija para cada estado y deja el texto sin cambios (MDN). - Movimiento activado por interacción. WCAG 2.3.3 pide que la animación de movimiento activada por interacción se pueda desactivar, salvo que sea esencial (W3C). Una reacción de la mascota cuando el usuario toca "Guardar" entra en este caso.
- Pausar, detener, ocultar. Según WCAG 2.2.2, los loops de más de cinco segundos junto a otro contenido necesitan un control. Un interruptor "Mostrar compañero" en la configuración lo resuelve en todas partes a la vez.
Encontrarás los detalles de implementación en animación accesible y movimiento reducido y en Reduce Motion en SwiftUI.
¿Cómo deberían ser las pantallas de crisis?
Sencillas, rápidas y sin la mascota. Cuando un usuario puede estar en crisis, nada debe interponerse entre él y la ayuda.
- Quita al personaje. La guía de Arounda lo dice sin rodeos: los mejores flujos de crisis "prescinden por completo del movimiento decorativo: un toque y aparece el recurso".
- Botón de crisis fijo. La misma guía recomienda ubicarlo en la misma esquina en todas las pantallas, nunca escondido en un menú y con un color neutro hasta que se toca.
- Recursos reales en texto. En EE. UU., se puede llamar o enviar un mensaje de texto al 988 Suicide & Crisis Lifeline en el 988, o contactarlo por chat (988 Lifeline). Muestra los servicios locales adecuados para cada país donde publiques la app.
- Comunicación segura. El marco de la National Action Alliance for Suicide Prevention pide a quienes comunican evitar contenido inseguro y promover la búsqueda de ayuda y los recursos disponibles (Action Alliance). Haz que revisen tus textos con base en ese marco.
- La mascota nunca transmite contenido de crisis. Nada de un loop de talking sobre el número de una línea de ayuda, ni un "Me preocupas" dicho por la mascota.
¿Qué formatos funcionan y qué no puede hacer un set?
En la app, un archivo de Rive te permite cambiar entre idle, listening y sleeping sin cargar archivos nuevos, y su lienzo transparente funciona con temas claros y oscuros. Los recordatorios suaves pueden llevar un GIF en iOS, donde los adjuntos de notificaciones aceptan GIF animados de hasta 10 MB (Apple). Los correos de resumen semanal admiten un GIF; las publicaciones en redes, el video 9:16.
Charmotion convierte una imagen de tu personaje en 17 animaciones, incluidos todos los loops tranquilos de la tabla de arriba, como un .riv más MP4, video 9:16 y GIF (planes de pago, desde $20/mes). Ten claro lo que no hace:
- no hay animación de guía de respiración sincronizada con la inhalación y la exhalación; crea la guía como una forma aparte,
- no hay lip-sync (sincronización labial) para meditaciones guiadas,
- no hay poses nuevas, como sentarse con las piernas cruzadas o sostener una taza de té,
- no hay atuendos ni versiones de temporada del personaje.
Preguntas frecuentes
¿Puede aparecer una mascota de marca en una pantalla de crisis o emergencia?
No. Quita el personaje y cualquier movimiento decorativo para que la ayuda sea inmediata: una acción clara, un botón de crisis en el mismo lugar en todas las pantallas y recursos reales en texto, como el 988 en EE. UU. La mascota nunca debe hablar ni animarse sobre contenido de crisis.
¿Está bien que una mascota de autocuidado se vea triste?
No como respuesta a lo que siente el usuario. Una cara triste de caricatura junto a un registro de estado de ánimo bajo puede sentirse como una burla o hacer que el usuario se sienta responsable de la mascota. Usa listening o idle en su lugar, y deja sad, error y no fuera del diario y del registro del estado de ánimo.
¿Cómo evito que una mascota tranquila distraiga durante la meditación?
Ocúltala o muestra una pose fija mientras dura el ejercicio, porque la guía de respiración y la voz deben acaparar la atención. Vuelve a mostrar el personaje después de la sesión con un loop happy suave, deja el sonido desactivado por defecto y respeta Reduce Motion con una pose fija para cada estado.
Respuestas rápidas de esta guía
Fuentes
- Mental Health App Design: Principles, Patterns, and What Works, Arounda
- Motion, Apple Human Interface Guidelines
- Understanding SC 2.3.3: Animation from Interactions, W3C WAI
- Understanding SC 2.2.2: Pause, Stop, Hide, W3C WAI
- prefers-reduced-motion, MDN Web Docs
- Framework for Successful Messaging, National Action Alliance for Suicide Prevention
- 988 Suicide & Crisis Lifeline, 988 Suicide & Crisis Lifeline
- Humanizing AI Is a Trap, Nielsen Norman Group
- A Penguin to Talk to, University of Pittsburgh
Guías relacionadas
- Avatares de chatbot de salud: empatía sin exceso de ternura
- Tono de la mascota de marca por sector: matriz de estados
- Animación accesible: movimiento reducido y WCAG
- Reducir movimiento en SwiftUI y UIKit
- Mascotas virtuales para apps de hábitos: rachas sin culpa
- Estados de animación de mascota de marca: Loading, Success, Error