Design de UI/UX para adolescentes (12 a 17 anos): pesquisa para o tema SECONDARY/TEEN do Math Challenge

Resultados

1. Adolescentes são menos pacientes que adultos, não mais tolerantes

A NN/g constatou que adolescentes tiveram desempenho inferior ao de adultos em testes de usabilidade em sites de comércio eletrônico, governo e escolas, devido a habilidades de leitura mais fracas, estratégias de busca menos sofisticadas e “níveis dramaticamente mais baixos de paciência” [1]. O comércio eletrônico (convenções fortes, leitura mínima) obteve a maior pontuação; sites governamentais/escolares, a menor. Um participante em uma página lenta disse: “Eu normalmente não esperaria tanto… Eu iria para outro site” — um “dealbreaker” quase universal, não um caso isolado [1].

2. O que os adolescentes explicitamente não gostam

Texto denso/caótico, tom condescendente, conteúdo infantilizado, a própria palavra “Kids” (“repelente de adolescentes”), compartilhamento social forçado ou perfis públicos obrigatórios, animações sem sentido, fontes diminutas (adolescentes têm visão aguçada mas leem rápido demais para focar em texto pequeno) e alvos de toque pequenos [1]. A solução: nível de leitura de 6ª série ou inferior, conteúdo em pequenos blocos com espaço em branco e formatação escaneável em vez de parágrafos longos [1].

3. Mobile-first é a principal, às vezes a única, interface

Pew constatou 95% de acesso via smartphone versus 88% via desktop/laptop e 83% via console; o acesso a tablets subiu de 65% para 70% ano a ano. Quase metade (46%) está online “quase constantemente”, um aumento em relação a 24% uma década antes. O uso varia por grupo (58% dos adolescentes hispânicos e 53% dos negros relatam uso constante versus 37% dos brancos) e idade (15–17 usam mais que adolescentes mais jovens); a preferência de plataforma se divide por gênero (meninas preferem TikTok, meninos YouTube e consoles) [2] — “adolescente” é um grupo com variância interna real, não um único subgrupo.

4. Modo escuro é uma expectativa padrão

Relatórios da indústria enquadram o modo escuro como “uma expectativa de design da Gen Z”, com ~82% dos usuários de smartphone dos EUA tendo-o usado ao menos uma vez, e adoção de 77%–85% no Twitter/X, Reddit e Instagram entre as coortes mais jovens [3][4]. Para um produto adolescente, isso deve ser um modo de primeira classe, bem ajustado desde o primeiro dia, não um detalhe invertido posterior.

5. A tolerância a notificações já está esgotada

Adolescentes recebem cerca de 240 notificações por dia, um quarto delas durante o horário escolar — a pesquisa enquadra isso como fragmentação da atenção e aumento de estresse, com a desativação de notificações sendo uma estratégia de enfrentamento comum [12]. Um app de matemática que acrescenta a esse volume sem disciplina será silenciado ou desinstalado, não engajado.

6. Comparação social e status são centrais e de duas faces

Adolescentes se comparam com os pares em notas, aparência, esportes e popularidade, entrelaçados com a própria formação de identidade [6]. A comparação ascendente correlaciona-se com menor autoestima e sintomas depressivos, especialmente em plataformas visuais [6]. Pesquisas de desenvolvimento de identidade enquadram a adolescência como apresentação ativa de si e exploração de papéis: produtos que permitem expressão autêntica apoiam um trabalho de identidade saudável; produtos que reduzem o adolescente a um placar público arriscam o lado prejudicial do mesmo mecanismo [5]. Lição: não “evitar mecânicas de status”, mas “evitar comparações ilimitadas, públicas, baseadas em aparência/rank” em favor de comparações limitadas, baseadas em esforço ou privadas.

7. Colaboração vence academicamente; competição vence retenção

Pesquisas amplamente citadas (Johnson & Johnson; Slavin) encontram melhores resultados acadêmicos em ambientes colaborativos do que puramente competitivos, com a competição correlacionando-se a mais estresse [7]. Contudo, o Duolingo — o caso de gamificação teen/jovem adulto mais documentado — é construído sobre mecânicas competitivas e de aversão à perda: congelamento de sequência (17,19 vs. 11,62 dias médios em sequência), desbloqueios de conquistas no primeiro dia (33,42% vs. 20,36% de retenção) e ligas de ~30 competidores com promoção/descida semanal em vez de um ranking global, permitindo que um usuário médio se posicione bem [8]. Reconciliação: coortes pequenas, rotativas e normalizadas por habilidade para competição; colaboração/ajuda ilimitada para o aprendizado em si.

8. Apps resolvedoras são o modelo direto de ameaça anti-cola

A revisão da Common Sense Media sobre o Photomath (11+) é explícita: risco de se tornar “um atalho para concluir tarefas”, recomendando tentativas independentes antes de conferir o trabalho [9]. Gauth (ByteDance) supostamente supera 10 M de downloads Android e 200 M de usuários estudantis alegados; a cobertura da Forbes foca em preocupações de privacidade de dados/segurança nacional sobre integridade acadêmica, mas comentários de professores em outros lugares chamam o padrão de resposta instantânea de “praga” [9][10]. Implicação: qualquer recurso de “ajuda” por câmera/OCR é um vetor de cola a menos que mostre o processo, não a resposta — e grande parte do público-alvo já tem um desses apps instalado.

9. Quizlet: força social/competitiva, risco real de moderação e monetização

O Quizlet é avaliado como “muito fácil de usar”, com modos competitivos contra amigos e compartilhamento em toda a classe, e dificuldade adaptativa — mas com 400 M de conjuntos gerados por usuários, conteúdo impróprio aparece, e o recente endurecimento de paywall ($15/ano Plus, $1,99–$19,99 IAPs) frustra os usuários [11]. Lição: recursos sociais gerados por usuários precisam de moderação desde o primeiro dia; restringir a prática central (não apenas cosméticos) soa hostil.

10. Entrada de matemática em mobile converge para escrita à mão-para-LaTeX, ainda não resolvida

As ferramentas atuais (API digital-ink da Mathpix, escrita à mão-para-LaTeX on-device, conversores OCR, pesquisa baseada em transformadores de imagem-para-LaTeX) apontam para entrada por stylus convertida ao vivo em matemática tipográfica [13]. Nenhum formato ainda é uma solução confortável padrão para inserção de equações via teclado tátil — teclados virtuais de matemática (modelos de fração/expoente) permanecem a alternativa prática; entrada por escrita à mão/câmera é aspiracional e pesada de implementar.

11. Desmos e Khan Academy: acessibilidade-e-maestria-primeiro como meio-termo credível

O Desmos é conhecido por design accessibility-first (suporte a leitor de tela/braille incorporado, não retrofitado) em grande escala — direcional, não verificado independentemente nesta passagem. A Khan Academy separa uma moeda de “esforço” ilimitada (Energy Points) dos “Mastery Points” por habilidade, explicitamente para impedir que a gamificação seja confundida com aprendizado — reutilizável diretamente para o design de moeda de progresso do Math Challenge (veja a pesquisa do tópico-14 para a fonte completa da Khan Academy).

12. Conteúdo de estudo em formato curto (“StudyTok”) — plausível, não verificado independentemente nesta passagem

A cobertura de busca dedicada foi bloqueada por paredes CAPTCHA anti-bot durante esta passagem e deve ser revisitada em vez de ser afirmada de memória. O que é verificável: TikTok/YouTube dominam o tempo de plataforma dos adolescentes e quase um terço dos adolescentes são usuários quase constantes de pelo menos uma plataforma [2] — um sinal de conteúdo curto, vertical e de alto ritmo que o ritmo do Math Challenge não deve ignorar mesmo sem fonte direta.

Implicações de design para o Math Challenge

1. Eliminar a linguagem visual “app infantil” no tema TEEN. Sem avatar mascote padrão, sem estilo de ilustração plana em cor primária, sem cópia carregada de exclamações — NN/g trata a rotulagem “Kids” como ativamente repelente [1].
2. Tipografia dimensionada para escaneamento, não para suavidade. Uma fonte sem serifa geométrica-humanista (grotesca, não arredondada/amigável) com hierarquia de títulos forte e ênfase em negrito/destaque sobre texto longo lê-se como “não infantil” enquanto permanece legível em tamanho pequeno [1].
3. Modo escuro como padrão, com paleta realmente ajustada (preto quase verdadeiro, não tema claro invertido) — o modo escuro é uma expectativa básica, não um detalhe de acessibilidade posterior, para este grupo [3][4].
4. Densidade entre o tema infantil e um app de produtividade adulto. Adolescentes toleram mais conteúdo que crianças pequenas, mas ainda falham diante de desordem; use espaço em branco entre blocos, não escassez geral [1].
5. Movimento rápido, intencional, pulável. Subsegundo, não bloqueante, comunicando mudança de estado apenas — adolescentes explicitamente não gostam de animações decorativas [1].
6. Duração da sessão: explosões de 3–7 minutos, não sessões prolongadas, dado o uso fragmentado de dispositivos móveis; todo loop central precisa de um ponto de parada satisfatório em menos de 5 minutos [2][12].
7. Competição via pequenos grupos rotativos normalizados por habilidade — nunca um placar global. Reproduza a liga semanal de ~30 pessoas do Duolingo em vez de ranquear contra uma turma inteira, para que estudantes fracos nunca sejam humilhados estruturalmente [8]. Nunca comparação baseada em aparência ou identidade — limite-a ao esforço e à maestria [6].
8. Avatar/identidade como personalização funcional, não perfil social. Opções cosméticas/badges conquistadas ligadas à maestria, não a gasto ou popularidade; sem perfis públicos, contagem de seguidores ou feeds [1][11].
9. Entrada de matemática: teclado projetado (modelos de fração/exponencial/raiz, pré-visualização ao vivo) como padrão, com câmera/escrita manual como modo secundário “mostre seu trabalho”, nunca atalho de resposta-rápida, dado o risco de trapaça e o ainda não resolvido conforto de digitar equações em celular [9][10][13].
10. Respostas erradas: imediatas, não punitivas, explicação primeiro. Siga o padrão do Brilliant (mostrar raciocínio correto, sem enquadramento de penalidade) em vez de dedução de placar, mantendo a divisão esforço/maestria do Khan Academy para que erros não bloqueiem silenciosamente o progresso [6].
11. Notificações: opt-in, limitadas a ~1/dia, nunca durante o horário escolar. Dado ~240 notificações diárias já saturando esse grupo etário, envie push como opt-in, não opt-out [2][12].
12. Anti-trapaça por construção, não por detecção. Como o uso de solucionadores instantâneos já está normalizado [9][10], dicas/revelação de passos devem custar crédito de progresso visível, tornando “apenas obter a resposta” uma estratégia pior que o engajamento — detectar ou bloquear apps externos de solução dentro da UI não é viável.
13. Densidade por superfície. Celular: coluna única, um problema por vez, teclado ancorado ao terço inferior. Tablet: duas áreas (problema + rascunho/grafico). Desktop: barra lateral persistente de árvore de habilidades que o celular omite — o sinal “não é app infantil” no desktop tende à densidade utilitária estilo Desmos/Khan-Academy sobre ilustração tipo jogo.
14. Tom da cópia: direto e competente, sem incentivo exagerado. “Correto.” ao invés de “Ótimo trabalho!!” — alinhado à aversão à condescendência documentada pela NN/g [1].

Anti-padrões a evitar

• Um placar global único ranqueando todos os usuários por pontuação bruta — garante que a maioria dos adolescentes fique permanentemente em posição baixa e gera o dano de status que a pesquisa psicológica alerta [6][8].
• Perfis públicos obrigatórios, contagem de seguidores ou compartilhamento social forçado — desgosto documentado pela NN/g, e o problema de conteúdo não moderado do Quizlet demonstra o custo em escala [1][11].
• Entrada de câmera/foto que devolve uma resposta final em vez de checar o trabalho do estudante — um clone interno do Photomath/Gauth dentro do produto destinado a impedir esse comportamento [9][10].
• Notificações push frequentes, especialmente durante o horário escolar — adolescentes já estão saturados (~240/dia); este é o caminho mais rápido para serem silenciados ou desinstalados [12].
• Linguagem visual liderada por mascote, cor primária, carregada de exclamações herdada de tema de série mais jovem — o gatilho mais confiável para desengajamento teen [1].
• Cobrança de conteúdo central de prática, não apenas cosméticos — frustração de usuário específica e nomeada no Quizlet [11].
• Tempos de carregamento lentos ou atrito antes de chegar ao problema real — um fator decisivo para esse grupo etário [1].
• Alvos de toque pequenos ou interações por gestos excessivos — adolescentes são mobile-first, não mais hábeis que adultos [1].

Perguntas abertas para o responsável pelo projeto

1. Modo escuro como padrão rígido (claro como opt-in manual), ou padrão para o tema do SO com suporte robusto ao escuro?
2. Tamanho/rotação da coorte para a mecânica de liga — copiar o ciclo semanal de ~30 pessoas do Duolingo, ou algo menor/mais longo adequado a uma árvore de habilidades de matemática?
3. Deve algum recurso de câmera/OCR “mostre seu trabalho” ser lançado na primeira versão, considerando seu custo e proximidade ao padrão Photomath/Gauth, ou a entrada deve ser apenas por teclado para TEEN no lançamento?
4. Orçamento de notificações e estado padrão (opt-in vs. opt-out) para esse público — mesma política dos temas mais jovens, ou mais restrita?
5. O sistema de avatar/cosmético TEEN deve ser totalmente conquistado por maestria sem caminho de compra, coerente com a postura anti-monetização manipulativa implícita na crítica ao Prodigy Math em pesquisas anteriores (tópico 14)?