Tono de la mascota de marca por sector: matriz de estados

¿Qué tan lúdica debe ser una mascota de marca en cada industria?

El nivel adecuado de tono lúdico depende de lo que el usuario puede perder en cada pantalla. Donde un error cuesta dinero, salud o seguridad, el usuario quiere competencia antes que nada. Donde el producto es un juego, una lección o un entrenamiento, la personalidad forma parte del valor.

La investigación sobre el tono respalda esta división. En un estudio de Nielsen Norman Group, un sitio bancario más conversacional se valoró como más amigable, algo más confiable y con más probabilidades de ser recomendado que uno formal, mientras que un sitio de seguros con humor se describió como "demasiado confianzudo" y perdió credibilidad. NN/g también descubrió que el 52 % de la variación en las puntuaciones de deseabilidad se explicaba por la confiabilidad (NN/g).

Cada fila tiene su propia guía: fintech, infantil y educación, chatbots de salud, VPN y seguridad y fitness.

¿Qué estados de ánimo están prohibidos en finanzas, salud y seguridad?

Ningún estado está prohibido por completo. Lo que no se permite es un estado en la pantalla equivocada. Tres patrones causan la mayor parte del daño:

• Sad ante la pérdida del usuario. Un personaje triste o llorando junto a una tarjeta rechazada, un mal resultado médico o un aviso de brecha convierte el problema del usuario en los sentimientos de la mascota. Usa un reposo (idle) neutral u oculta el personaje.
• Celebración cerca del riesgo. Un success con estilo de confeti en una operación, la aprobación de un préstamo o un banner de "estás protegido" puede leerse como presión o como una promesa exagerada. Mantén el success breve y objetivo.
• Movimiento urgente en las advertencias. Sacudidas, rebotes o destellos hacen que una advertencia parezca scareware. Basta con un loop de attention tranquilo junto a un texto claro.

El loop sad (mood 4 en un set estándar de diez loops) todavía tiene usos: una pantalla de "sin resultados" en un juego o un carrito vacío con un toque de humor. En categorías serias, resérvalo para momentos de bajo riesgo y no personales, o déjalo fuera del producto por completo.

La misma precaución aplica al texto. NN/g desaconseja el humor en los mensajes de error, porque pierde la gracia cuando el usuario ve el error con frecuencia, y también las frases que culpan al usuario (NN/g).

¿Cómo cambian los estados de error y éxito según la industria?

El éxito y el error son las dos reacciones puntuales que más dispara cualquier app, y también las que más riesgo de tono conllevan. Un hábito útil es definirlas por industria antes de crear cualquier animación.

Fíjate en que, en las categorías serias, la columna de error casi nunca usa la animación error en sí. Una reacción puntual de error que muestra un enojo caricaturesco funciona en un juego; en un banco puede parecer frívola. Si la mantienes, comprueba que transmita "algo salió mal" y no "¡uy!".

¿Cómo escribo las pautas de movimiento de una mascota de marca?

Las pautas de movimiento son un documento interno breve que indica a diseñadores, ingenieros y redactores qué estado va en cada lugar. Sin ellas, cada equipo elige la animación que le parece más divertida y la mascota termina apareciendo en los momentos equivocados.

Unas pautas útiles caben en una página y responden cuatro preguntas:

1. ¿Dónde puede aparecer la mascota? Enumera las pantallas de forma explícita, y también las pantallas donde nunca debe aparecer (textos legales, consentimiento, alertas críticas).
2. ¿Qué estado corresponde a cada evento? Una tabla, una fila por evento, con el estado, si se reproduce en loop o una sola vez, y a qué estado vuelve.
3. ¿Qué texto acompaña a cada estado? La mascota marca el tono; el texto transmite el significado. Escribe primero el texto.
4. ¿Qué pasa con el movimiento reducido? Define la pose estática de cada estado.

Revisa las pautas cada vez que una nueva función agregue una pantalla. El fallo más común no es una mala animación, sino una buena animación reutilizada en una pantalla que nadie había previsto, como un loop de celebración que termina en la confirmación de un reembolso.

Si la mascota también aparece en marketing, mantén un conjunto de reglas aparte y más flexible para anuncios y publicaciones en redes sociales. La investigación publicitaria sobre personajes de marca, como la de System1, cubre ese contexto, no el comportamiento dentro de la app.

¿Cómo se aplican las reglas de accesibilidad en cada industria?

Los requisitos de accesibilidad no cambian según la industria. Tres reglas importan para cualquier mascota:

• Pausar, detener, ocultar. Según WCAG 2.2.2, el contenido en movimiento que empieza automáticamente, dura más de cinco segundos y se muestra junto a otro contenido necesita una forma de pausarlo, detenerlo u ocultarlo (W3C). Un estado idle o attention en loop junto a un formulario entra en este caso.
• Movimiento reducido. prefers-reduced-motion te indica que el usuario pidió al sistema minimizar el movimiento no esencial (MDN). Muestra una pose estática en su lugar y mantén sin cambios el estado en texto.
• No es la única señal. La expresión de una mascota no puede ser la única forma de comunicar un estado. Acompaña cada estado con texto y no dependas solo del color.

Estas reglas importan más donde el tono es más delicado. Un usuario que acaba de recibir una mala noticia, o que tiene un trastorno vestibular, nunca debería tener que mirar un personaje que rebota para saber qué pasó.

Para los detalles de implementación, consulta animación accesible y movimiento reducido.

¿Puede una sola mascota de marca cubrir momentos lúdicos y serios?

Sí, si el set de estados es lo bastante amplio como para incluir estados tranquilos. Una mascota que solo sabe rebotar y festejar terminará en pantallas serias con la expresión equivocada. Una que también tiene loops tranquilos de reposo (idle), pensando, escuchando y durmiendo puede quedarse en pantalla sin tener que actuar.

Una división práctica para un solo personaje:

• Loops tranquilos para pantallas serias: idle, thinking, listening, sleeping.
• Loops expresivos para pantallas de bajo riesgo: happy, wave, talking.
• Loops de señal: loading y attention, siempre con texto.
• Reacciones: success, error, yes, no, enter y exit, todas breves.

El set estándar de Charmotion sigue esta estructura: subes un personaje, mascota o logo y recibes 17 animaciones en pocos minutos, con diez loops seleccionados con un número mood (0–9), seis triggers puntuales y una intro de inicio, en un solo .riv más MP4, GIF y video transparente en todos los planes de pago. Las decisiones de tono de esta guía siguen siendo tuyas; el archivo solo pone todos los estados a tu disposición.

Para ver la lista completa de estados y para qué sirve cada uno, lee estados de animación de una mascota.

Cómo escribir pautas de movimiento para una mascota de marca adecuadas a tu industria

1. Evalúa el riesgo de cada pantalla. Enumera todas las pantallas donde podría aparecer la mascota y márcalas como de riesgo bajo, medio o alto según lo que el usuario puede perder en ellas.
2. Excluye las pantallas de alto riesgo. Quita la mascota de los textos legales, los flujos de consentimiento y las alertas críticas, o limítala a una pose estática o a una pose de attention tranquila.
3. Asigna estados a cada evento. Escribe una fila de la tabla por evento con el estado, si se repite en loop o se reproduce una vez, y el loop al que vuelve.
4. Escribe primero el texto. Redacta el texto de cada estado para que el mensaje se entienda completo sin el personaje y luego elige el movimiento que le corresponda.
5. Define poses para movimiento reducido. Elige una pose estática para cada estado y agrega un control de pausa en los loops de más de cinco segundos.

Preguntas frecuentes

¿Qué industrias deberían evitar las mascotas de marca?

Ninguna tiene que evitarlas por completo, pero las finanzas, la salud y la seguridad deberían usarlas con mesura y mantenerlas lejos de las malas noticias, las advertencias y los textos legales. NN/g descubrió que un tono humorístico perjudicó la credibilidad de una aseguradora, así que prueba el tono con cuidado en cualquier categoría donde la confianza determine la decisión de usar el producto.

¿Una mascota debería verse triste alguna vez?

Solo en momentos de poca importancia y no personales, como un estado vacío lúdico en un juego. Evita una cara triste ante una pérdida del propio usuario, como un pago rechazado o un mal resultado, y nunca la uses para hacer sentir culpable al usuario y que se quede o vuelva a activar los recordatorios.

¿Una mascota es un problema de accesibilidad?

No, si está bien implementada. Agrega a la animación en loop un control para pausarla o detenerla según WCAG 2.2.2, muestra una pose estática cuando el movimiento reducido esté activado y asegúrate de que cada estado que muestra la mascota también aparezca en texto que los lectores de pantalla puedan anunciar.

Respuestas rápidas de esta guía

• ¿Qué tan lúdica debería ser una mascota de marca en cada industria?

Fuentes

• The Impact of Tone of Voice on Users' Brand Perception, Nielsen Norman Group
• Error-Message Guidelines, Nielsen Norman Group
• Understanding SC 2.2.2: Pause, Stop, Hide, W3C WAI
• prefers-reduced-motion, MDN Web Docs
• Celebrities v. fluent devices: how recurring brand characters drive lasting consumer connections, Advertising Week