Mascotes para apps de saúde mental: estados calmos e regras para crises

Qual é o papel de um mascote em um app de saúde mental?

Companhia, não terapia. Em apps de autocuidado e de humor, um personagem pode deixar o check-in diário menos clínico e trazer uma sensação discreta de presença. O Wysa é um exemplo conhecido: um material para estudantes da University of Pittsburgh o descreve como conversar com "um pinguim pequenininho e fofo" que usa técnicas de TCC e responde com GIFs e emojis (University of Pittsburgh).

Três limites mantêm o personagem honesto:

• Ele não faz diagnósticos nem promete resultados. O mascote reage ao que o usuário faz no app; nunca comenta como ele "realmente" se sente.
• Ele não substitui um amigo. Se o app inclui um chat com IA, o Nielsen Norman Group alerta que humanizar a IA aumenta o risco de confiança excessiva e de os usuários criarem laços emocionais com o produto (NN/g). Um personagem não humano com estados simples é mais seguro do que uma persona com aparência humana.
• Ele sempre pode ser desativado. Alguns usuários querem as ferramentas sem o personagem, principalmente nos dias ruins.

Se o seu produto é um assistente de saúde que responde a perguntas médicas, leia o guia de avatar para chatbot de saúde em vez deste: avisos legais, orientações urgentes e estados de conversa são tratados lá.

Quais estados combinam com registro de humor, diário e meditação?

Use a metade tranquila do conjunto. A maioria das telas de um app de autocuidado precisa de um personagem presente, mas que não fique se exibindo.

Repare no que falta: success, yes, attention e talking quase não aparecem. Um app de autocuidado tem poucas "vitórias" para comemorar em voz alta, e um loop attention soa como urgência para um usuário ansioso.

Quais humores nunca devem aparecer em momentos emocionais?

Qualquer reação que pareça um veredito sobre o que o usuário acabou de compartilhar.

• error e no. Ao lado de "Estou me sentindo péssimo hoje", um balançar de cabeça ou um sobressalto de erro soa como "resposta errada". Reserve-os para falhas reais do app ou deixe-os fora do produto.
• sad. Espelhar um humor baixo com uma carinha triste de desenho pode parecer deboche ou fazer o usuário se sentir responsável pelo pet. O listening diz "estou aqui" sem drama.
• attention. Um loop pulsante, do tipo "olhe para mim", acrescenta urgência. O guia de design para saúde mental da Arounda observa que visuais saturados e de alto contraste "soam urgentes" e recomenda reservar o vermelho vivo apenas para alertas de crise reais (Arounda). A mesma lógica vale para o movimento.
• Comemoração em relatos pessoais. Registrar um sentimento difícil não é uma conquista para festejar. Se você recompensa a constância, recompense o hábito de fazer o check-in, com discrição, na tela seguinte.

As sequências exigem cuidado extra aqui. Um check-in perdido em uma semana ruim nunca deve gerar culpa; o guia de apps de hábitos reúne as pesquisas sobre sequências quebradas.

Quão lenta e sutil a animação deve ser?

Mais lenta e menor do que em qualquer outra categoria. As diretrizes de movimento da Apple dizem que animação gratuita ou excessiva "pode distrair as pessoas e fazer com que se sintam desconectadas ou fisicamente desconfortáveis", e recomendam tornar o movimento opcional (Apple HIG). A Arounda recomenda manter as transições da interface curtas, abaixo de 300 milissegundos, para que o movimento confirme uma ação em vez de virar espetáculo.

Regras práticas:

• Escolha loops calmos em vez de acelerar qualquer coisa. Idle, listening e sleeping já têm pouca energia; use-os como base.
• Mantenha o personagem pequeno. Um mascote que ocupa metade da tela domina mesmo quando mal se mexe.
• Nada de reações únicas de surpresa. Evite reações que disparam enquanto o usuário está lendo ou digitando.
• Som desligado por padrão. A Arounda lembra que um aviso sonoro inesperado pode ser incômodo em momentos públicos ou privados.
• Teste à noite. Confira o mascote em um celular com pouco brilho e no modo escuro, onde um personagem claro chama mais atenção.

Como se aplicam o movimento reduzido e os controles de pausa?

Eles importam ainda mais aqui, porque alguns usuários de apps de saúde mental têm ansiedade ou sintomas vestibulares.

• Movimento reduzido. Quando prefers-reduced-motion ou o ajuste Reduzir Movimento do iOS estiver ativado, mostre uma pose estática para cada estado e mantenha o texto igual (MDN).
• Movimento acionado por interação. O WCAG 2.3.3 pede que animações de movimento acionadas por interação possam ser desativadas, a menos que sejam essenciais (W3C). Uma reação do mascote quando o usuário toca em "Salvar" se enquadra nisso.
• Pausar, parar, ocultar. Pelo WCAG 2.2.2, loops com mais de cinco segundos ao lado de outro conteúdo precisam de um controle. Uma opção "Mostrar companheiro" nas configurações resolve isso em todo o app de uma vez.

Os detalhes de implementação estão em animação acessível e movimento reduzido e Reduce Motion no SwiftUI.

Como devem ser as telas de crise?

Simples, rápidas e sem o mascote. Quando um usuário pode estar em crise, nada deve ficar entre ele e a ajuda.

• Remova o personagem. O guia da Arounda é direto: os melhores fluxos de crise "dispensam totalmente o movimento decorativo: um toque, e o recurso aparece."
• Botão de crise fixo. O mesmo guia recomenda o mesmo canto em todas as telas, nunca escondido em um menu, com cor neutra até ser tocado.
• Recursos reais em texto. Nos EUA, o 988 Suicide & Crisis Lifeline atende por ligação ou mensagem de texto no 988, ou por chat (988 Lifeline). Mostre os serviços locais corretos de cada país onde você lança o app.
• Comunicação segura. O framework da National Action Alliance for Suicide Prevention pede que quem comunica evite conteúdo inseguro e incentive a busca por ajuda e por recursos (Action Alliance). Peça uma revisão dos seus textos com base nele.
• O mascote nunca entrega conteúdo de crise. Nada de loop talking sobre o número de uma linha de apoio, nada de "Estou preocupado com você" vindo do pet.

Quais formatos funcionam e o que um conjunto não consegue fazer?

No app, um arquivo Rive permite alternar entre idle, listening e sleeping sem carregar novos arquivos, e o canvas transparente funciona em temas claros e escuros. Lembretes suaves podem levar um GIF no iOS, onde os anexos de notificação aceitam GIFs animados de até 10 MB (Apple). E-mails de resumo semanal aceitam GIF; posts em redes sociais usam o vídeo 9:16.

O Charmotion transforma uma imagem do seu personagem em 17 animações, incluindo todos os loops calmos da tabela acima, como um .riv, além de MP4, vídeo 9:16 e GIF (planos pagos, a partir de US$ 20/mês). Deixe claro o que ele não faz:

• sem animação de ritmo respiratório sincronizada com a inspiração e a expiração; crie o guia de respiração como uma forma separada,
• sem lip-sync para meditações guiadas,
• sem poses novas, como sentado de pernas cruzadas ou segurando uma xícara de chá,
• sem roupas nem versões sazonais do personagem.

Perguntas frequentes

Um mascote pode aparecer em uma tela de crise ou emergência?

Não. Remova o personagem e qualquer movimento decorativo para que a ajuda seja imediata: uma ação clara, um botão de crise no mesmo lugar em todas as telas e recursos reais em texto, como o 988 nos EUA. O mascote nunca deve falar nem aparecer animado sobre conteúdo de crise.

Um mascote de autocuidado pode parecer triste?

Não em resposta aos sentimentos do usuário. Um rosto triste de desenho ao lado de um registro de humor baixo pode soar como deboche ou fazer o usuário se sentir responsável pelo bichinho. Use listening ou idle, e mantenha sad, error e no fora do diário e do registro de humor.

Como evitar que um mascote calmo distraia durante a meditação?

Esconda o personagem ou mostre uma pose parada enquanto o exercício acontece, porque o guia de respiração e a voz devem concentrar a atenção. Traga o personagem de volta depois da sessão com um loop happy suave, deixe o som desligado por padrão e respeite o Reduzir Movimento com uma pose parada para cada estado.

Respostas rápidas deste guia

• Um app de saúde mental deve usar um mascote?

Fontes

• 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