Design de UI/UX para crianças de 7 a 11 anos (faixa PRIMARY / ELEMENTARY)

Resultados

1. Desenvolvimento cognitivo: o que 7-11 realmente pode fazer

A fase operatória concreta de Piaget cobre essa faixa: conservação, raciocínio indutivo e “descentralização” — acompanhar mais de uma variável na tela ao invés de fixar em uma — mas ainda apresenta raciocínio abstrato/hipotético fraco, o que argumenta contra interfaces que exigem manter uma regra em mente sem um apoio concreto (linha numérica, agrupamento, passo trabalhado) [1]. As categorias da NN/g dividem “faixa média” 6-8 (ainda com apoio) de “mais velha” 9-12 (navegação independente, leitura mais avançada) [2], portanto PRIMARY não é internamente uniforme — uma criança de 7 anos está mais próxima de KINDER, uma de 11 anos mais próxima de TEEN.

2. “Legal” versus “infantil”: o mecanismo de rejeição

A evidência citável mais clara sobre o limite superior vem do corpus de adolescentes da NN/g: adolescentes (13-17) rejeitam explicitamente a palavra “Kids”, não gostam de visuais desordenados ou chamativos e querem interatividade limpa e intencional, com seções rotuladas separadamente “Kids” e “Teens” quando ambas existem [3]. O mecanismo é a rejeição de uma autoimagem obsoleta, não uma preferência por detalhe — uma criança que atravessa 7-11 está renegociando “não sou mais uma criança pequena” bem antes de se tornar adolescente, de modo que PRIMARY deve sinalizar mais capacidade do que uma skin de mascote e bolhas, sem adotar o visual mais plano e denso que os adolescentes preferem [3].

3. Avatares e personalização como trabalho de identidade

Um estudo de 2026 com 48 crianças de 8-13 anos construindo avatares em jogos sociais encontrou quatro motivações: autorrepresentação, experimentação com identidades alternativas, necessidades sociais e desempenho no jogo; o design de monetização molda mensuravelmente o que as crianças criam [4]. Seu principal achado é o “efeito guarda-roupa” — crianças criam vários avatares, mas convergem para usar apenas um, de modo que o processo de personalização é onde o valor reside, ainda que o produto final seja estreito [4]. A síntese do Digital Wellness Lab acrescenta que avatares funcionam melhor ao expressar um eu atual ou aspiracional, e que a inclusão importa concretamente: 42,1% das meninas e 38,6% dos meninos na pesquisa citada evitam jogos que retratam personagens femininas de forma hipersexualizada [5]. Um estudo relacionado da Frontiers (82 participantes, estratificado por etnia) constatou que a personalização versus avatares pré-atribuídos mal alterou o humor imediato, mas a satisfação acompanhou o quão bem as opções representavam a própria identidade da criança — a sub-representação funciona como uma “microagressão sutil” [6]. Compras aleatórias no estilo loot-box são sinalizadas como um risco de monetização distinto, com meninos engajando mais que meninas [5].

4. Colecionáveis, progressão e motivação

A teoria da autodeterminação enquadra as alavancas: autonomia (escolha de como progredir), competência (desafio calibrado com feedback claro) e relação (dimensão social); recompensas extrínsecas sustentam a motivação apenas quando são percebidas como feedback sobre competência, e não como incentivo controlador [10]. Colecionáveis são mais duráveis quando a coleta está vinculada a algo que a criança já valoriza (domínio, história, meta auto-escolhida) em vez de serem perseguidos apenas pelo prêmio externo [10].

5. Recursos sociais e suas implicações de segurança

A COPPA exige consentimento parental verificável antes de coletar informações pessoais de uma criança menor de 13 anos, define informação pessoal de forma ampla (identificadores persistentes, geolocalização, imagens/áudio) e proíbe condicionar a participação à coleta excessiva de dados [9]. Por isso, a maioria dos recursos de chat ao consumidor e perfis públicos exclui menores de 13 anos ou fica atrás de consentimento dos pais [9] — uma restrição real para placares, listas de amigos ou texto livre em um grupo predominantemente menor de 13.

6. NN/g sobre as faixas imediatamente acima e abaixo de PRIMARY

A NN/g alerta contra tratar “crianças” como um grupo indiferenciado de 3-12 anos, dividindo faixas jovem/média/mais velha com diferentes necessidades de tamanho de fonte e apoio [2]. O relatório de adolescentes (100 usuários, três rodadas de pesquisa, EUA/UK/Austrália) é o ponto de dado mais nítido sobre o teto: adolescentes são superconfiantes, porém apresentam desempenho pior que adultos devido à leitura fraca, habilidades de consulta pobres e baixa paciência — “eles não se culpam, culpam você” — abandonando um fluxo confuso ao invés de solucioná-lo [3]. A visão geral da NN/g sobre usuários jovens quantifica a divisão: um relatório de 156 recomendações para idades 3-12 versus um relatório separado de 124 dicas para 13-17 [7] — dois manuais, evidência de que PRIMARY precisa de seu próprio tema ao invés de uma skin escalada de kinder ou teen.

7. Tolerância a erros e frustração

Nenhuma fonte encontrou medida de tolerância a erros especificamente para 7-11. A evidência mais próxima: a descentração de Piaget indica que essa idade pode manter “Errei” e “Posso corrigir” como fatos separados, ao contrário de uma criança de 4-6 anos que os confunde [1]; e o corpus de adolescentes mostra impaciência com interfaces confusas, culpando o produto, já presente aos 13-17 anos [3]. Pesquisas sobre discalcúlia acrescentam um ponto concreto: pressão de tempo piora o desempenho em manipulação numérica para crianças com senso numérico fraco, e ritmo flexível reduz quedas ligadas ao estresse [11] — argumento contra timers de contagem regressiva estritos para essa faixa em geral.

8. Nível de leitura, comprimento de texto, iconografia e rótulos

A segmentação da NN/g se aplica diretamente: crianças de 6-8 anos precisam de texto maior e apoiado, crianças de 9-12 anos lidam com leitura mais avançada e navegação independente, mas conteúdo deslocado ainda que um grau fora é rejeitado — ao contrário de adultos, que toleram um padrão de 8ª-10ª série [2]. O corpus de adolescentes, um passo acima, recomenda nível de leitura de 6ª série ou inferior mesmo para um público nominalmente mais forte, porque velocidade e atenção — não decodificação — são o gargalo [3]. Essa lógica se aplica com mais força aqui: rótulos curtos, uma ideia por tela, ícones literais ao invés de metafóricos.

9. Integração sem tutoriais longos

Nenhum estudo abordou o comprimento de tutoriais de integração para 7-11 especificamente — uma lacuna de evidência. Evidência transferível: a baixa paciência do corpus de adolescentes para qualquer coisa que atrase a tarefa orientada a objetivo [3], e o achado da fase operatória concreta de que instrução abstrata sem um exemplo concreto inicial é pouco retida [1] — juntos defendem “aprender fazendo o primeiro problema real, com dicas apoiadas”, não um explicador de múltiplas telas.

10. Contexto de dispositivo

Nenhuma fonte mediu uso de tablet compartilhado ou Chromebook escolar para essa faixa exata — uma segunda lacuna, sinalizada ao invés de encoberta. Ainda assim, trata-se de uma restrição quase certa — troca rápida de perfil, limites de sessão limpos, sem pressuposição de login pessoal persistente — que as implicações de design abaixo tratam como requisito mesmo sem citação de apoio.

11. Acessibilidade: tipografia para dislexia e discalcúlia

A tipografia amigável à dislexia converge para parâmetros verificáveis: fontes sans-serif abertas (Arial, Verdana, Open Sans ou Atkinson Hyperlegible/OpenDyslexic criadas para esse fim), texto corporal mínimo de 16 px, 1,5× altura de linha, 0,12 em espaçamento entre letras, 0,16 em espaçamento entre palavras, comprimento de linha de 45-100 caracteres, contraste WCAG 4.5:1 (3:1 para texto grande/negrito), alinhamento à esquerda, sem caixa-alta ou itálico pesado [8]. Discalcúlia (5-10% de prevalência) é uma dificuldade neurobiológica com senso de quantidade, mapeamento numeral-para-quantidade, memorização de fatos e manutenção de números em mente durante cálculo, em todos os níveis de dificuldade [11]. A resposta de design: parear numerais com uma quantidade visual (pontos, blocos, linha numérica) ao invés de dígitos nus, minimizar desordem, oferecer mais de uma modalidade de entrada, evitar ou tornar opcional qualquer pressão de tempo [11].

12. Entrada numérica na tela

Nenhum estudo dedicado a teclado numérico para 7-11 foi encontrado — uma terceira lacuna. Dois achados adjacentes delimitam o design: o HIG da Apple define 44×44 pt como o piso geral de alvo tocável [12], e a diferença de precisão motora em telas sensíveis ao toque versus adultos — grande na faixa 3-6 — se fecha aproximadamente ao primeiro ano escolar [relatório acompanhante, tópico 20]. A literatura sobre discalcúlia que clama por múltiplas modalidades de entrada [11] argumenta por um teclado que não seja o único caminho de resposta — toques de múltipla escolha, uma linha numérica tocável/arrastável ou um teclado, escolhido conforme o tipo de problema.

Implicações de design para Math Challenge

1. Alvos de toque: mínimo de 48×48 px CSS em telefone/tablet, 44×44 px em desktop com mouse — ligeiramente acima do limite de 44×44 pt da Apple [12], não o mínimo muito maior (~88-96 px) do KINDER, já que a diferença de precisão motora em relação a adultos está praticamente fechada aos 7-10 anos [relatório acompanhante, tópico 20]. Essa é a diferença mecânica mais clara em relação ao KINDER: sem zonas “seguras para bebês” superdimensionadas.
2. Tipografia: sem serifa arredondada, mas não exagerada, base de 18-20 px para o texto dos problemas, rótulo secundário mínimo de 16 px — menor e menos “estridente” que os numerais de 24-32 px do KINDER. Ofereça um alternador interno amigável à dislexia (Atkinson Hyperlegible/OpenDyslexic, 1,5× altura de linha, espaçamento de 0,12 em, alinhamento à esquerda) conforme os parâmetros documentados [8].
3. Paleta: saturada, mas não pastel, não neon. Uma paleta confiante, próxima ao estilo gamer, em tons de joia (verde-azulado, índigo, âmbar, coral) usada com moderação — a cor indica estado/categoria, não todas as superfícies. Sem chegar ao visual mais plano e monocromático do TEEN, sugerido pela aversão dos adolescentes a elementos “cintilantes” [3]: o PRIMARY mantém notavelmente mais cor e calor.
4. Densidade: uma tarefa por tela com contexto visível (faixa de progresso, pequeno indicador de sequência/avatar) — o KINDER omite isso, o TEEN renderizaria como estatísticas densas. A descentração permite que esta faixa contenha “onde estou nesta sessão” ao lado do problema atual [1].
5. Movimento: intencional e ágil, não saltitante. Reduza a mascote de animação constante do KINDER para um padrão mais calmo (presente, estático exceto em mudanças de estado) mantendo animações rápidas de confirmação — entre a preferência por animação do KINDER e a tolerância presumida menor do TEEN para decoração, derivada da aversão dos adolescentes a “multimídia sem sentido” [3].
6. Avatares: construir para o efeito guarda-roupa, não contra ele. Criação de avatar barata e de baixa fricção, esperando que as crianças escolham um; invista profundidade em atributos que demonstram importância (cabelo, vestuário, acessórios, opções inclusivas de tom de pele/corpo/gênero) em vez de variedade de opções descartáveis [4][5]. Desbloqueie itens por meio de progresso, nunca caixas de loot com dinheiro real [5].
7. Progressão: vincular desbloqueios à competência, não ao tempo gasto. Emblemas, sequências e colecionáveis são percebidos como feedback de domínio (um tópico aprendido, uma sequência de respostas genuínas), com alguma escolha do jogador sobre o que buscar a seguir, atendendo ao gatilho de autonomia [10].
8. Social: sem chat aberto, sem perfil público, sem ranking visível fora de um grupo gerenciado por professor/pais, apenas nome ou apelido — consequência direta da COPPA para um público majoritariamente abaixo de 13 anos [9].
9. Respostas erradas: corretivas, não punitivas, mais diretas que o KINDER. Mostrar o caminho correto (etapa trabalhada, auxílio visual de quantidade), não apenas um som de incentivo — esta faixa pode conter “eu errei” e “aqui está a correção” separadamente [1]; um simples X vermelho sem caminho a seguir violaria a cautela baseada em discalculia contra pressão sem apoio [11].
10. Sem temporizadores de contagem regressiva rígidos por padrão; torne o tempo opcional por conjunto. A pressão de tempo degrada o desempenho de crianças com senso numérico fraco, e a prevalência de 5-10% é alta o suficiente para desvantajar uma parcela real de qualquer base de usuários em tamanho de sala de aula [11].
11. Entrada numérica: combinar a modalidade ao tipo de problema, não um teclado universal — toques de múltipla escolha para verificação de conceito, toque/arraste em linha numérica para magnitude, teclado de 48 px para entrada de numeral aberto — conforme a cautela da literatura sobre discalculia contra um único caminho de entrada forçado [11].
12. Duração da sessão: rodadas curtas com ponto de parada visível a cada alguns problemas (um conjunto temático de problemas, não uma única questão) — nenhum benchmark exato de minutos por idade foi encontrado nesta análise; trate qualquer número como decisão de produto informada, não ditada, pelo padrão de paciência documentado em uma faixa acima [3].
13. Padrões de dispositivo: troca rápida de perfil sem digitação, sem pressupor login pessoal persistente, para tablets familiares compartilhados ou Chromebooks escolares — um requisito inferido, não citado, dado o gap observado na §10.
14. Integração: pular a sequência de tutorial; ensinar através do primeiro problema real com apoio embutido (primeira etapa trabalhada, botão de dica), correspondendo à baixa paciência desta faixa para atrasos [3] e à fraca retenção de instrução abstrata sem âncora concreta [1].

Anti-padrões a evitar

• Alvos superdimensionados do KINDER e animação constante da mascote como está — soa infantil para um jovem de 9-11 anos; não é suportado pelas evidências motoras desta idade [relatório acompanhante, tópico 20].
• A palavra “Kids” em qualquer texto voltado ao PRIMARY — um repelente documentado para adolescentes, e a renegociação “não é uma criança pequena” começa mais cedo [3].
• Chat, perfis públicos ou rankings sem escopo sem um grupo gerenciado por pais/professor — exposição direta à COPPA para um público majoritariamente abaixo de 13 anos [9].
• Compras cosméticas aleatórias estilo loot box — risco de monetização adjacente ao jogo, com maior engajamento de meninos [5].
• Um único teclado digitado obrigatório para cada problema — contradiz a recomendação de múltiplas modalidades de entrada da pesquisa sobre discalculia [11].
• Temporizadores de contagem regressiva ativados por padrão — piora mensuravelmente o desempenho de um grupo de alta prevalência (5-10%) [11].
• Um tutorial longo tela a tela antes do primeiro problema real — combate a impaciência com atraso e fraca retenção de instrução abstrata [1][3].
• Feedback punitivo de resposta errada (X vermelho, sem caminho a seguir) — deixa a criança presa exatamente onde apoio, não pressão, é necessário [11].
• Presumir um login pessoal persistente como único caminho de autenticação — ignora a realidade de dispositivos compartilhados como tablets familiares e Chromebooks escolares, embora este relatório não tenha encontrado citação direta quantificando essa realidade para esta faixa exata.

Perguntas abertas para o dono do projeto

1. O PRIMARY deve suportar um ranking com escopo de professor/sala de aula além de um familiar, considerando que o requisito de consentimento da COPPA se aplica de forma diferente quando uma escola matricula a criança ao invés de um pai diretamente [9]?
2. Qual é a posição do Math Challenge sobre qualquer superfície de compra com dinheiro real acessível a partir da experiência voltada ao CHILD do PRIMARY — ausente totalmente, ou presente atrás de um bloqueio parental sem mecânica aleatória?
3. Os avatares devem ser compartilhados/portáteis entre KINDER, PRIMARY e TEEN à medida que a criança envelhece, ou cada faixa deve ter um sistema separado que corresponda à sua própria linguagem visual?
4. Dado o efeito guarda-roupa [4], vale a pena armazenar múltiplos avatares ou o PRIMARY deve oferecer um único slot editável para corresponder ao uso real?
5. O alternador de tipografia amigável à dislexia deve ser exposto diretamente à criança, ou configurado apenas por um pai/professor?
6. O Math Challenge já possui um benchmark interno ou licenciado de duração de sessão por idade que deveria substituir o gap “nenhum dado encontrado” sinalizado aqui, ao invés de deixá-lo como decisão puramente de produto?