O documento fornece diretrizes para o design de sites destinados a crianças e adolescentes, abordando melhores práticas de tipografia, cores, personagens e outros elementos visuais. Para crianças de 7-10 anos, recomenda-se usar cores vibrantes, animações, personagens animados e elementos interativos grandes. Para crianças de 11-13 anos, sugere menos texto e mais imagens, cores vibrantes, personagens realistas e links para redes sociais.

1. Plenarinho
Pesquisa de referência para reformulação
do site e mídias relacionadas

2. Considerações importantes para o site destinado a crianças de 7 a 10 anos

3. Melhores práticas convencionais
• Crie elementos grandes e visualmente memorizáveis
• Use cores vivas e vibrantes que estimulam os sentidos
• Incorpore elementos da natureza
• Crie profundidade no design
• Adicione elementos de navegação grandes e fáceis de encontrar
• Use vídeo
• Inclua elementos impressos
• Quebre o grid
• Faça adaptações baseadas em testes de usabilidade

4. Melhores práticas não convencionais
• Crie sensações felizes e divertidas
• Use personagens animados
• Use elementos graficamente pesados nas barras de navegação
• Use muitas animações em Flash
• Integrar movimentos e sons que provocam no carregamento da página
• Incluir seção de ‘games’
• Mudar o cursor para contribuir com o tema
• Adicionar vozes à navegação
• Ser responsável com as crianças e os pais

5. Tipografia
A maioria das crianças aprender a ler indo de letra por letra, até estarem
aptas a entender a palavra como um todo.Então,é importante escolher uma
tipografia com contornos bem definidos e entre-letra generosa.
Alguns sites e aplicações para crianças usam tipografias sem serifa, arredon-
das e simpáticas para manchetes e elementos interativos, enquanto usa
fontes mais tradicionais para os links adultos.

6. Algumas fonts que oferecem legibilidade otimizada porque foram desenhadas especial-
mente para crianças são: Sasoon e Gill Sans Schoolbook.

7. Tipografia
Gill Sans Schoolbook

8. Tipografia
Sasoon

9. Tipografia
A escolha da fonte depende também do tipo de informação disponibilizada,
no caso de textos mais longos e informações de fóruns, pode-se usar fontes
serifadas, mas com boa legibilidade.
É importante deixar bem claro quais elementos são interativos, por isso,
esses botões são estilizados e destacados.
Deixar clara a hierarquia da informação, com estilos bem definidos.
Tomar cuidado com a legibilidade e a relação da tipografia com o fundo.
Evitar fundos com muito ruído.
Site da Hot Wheels é um exemplo de site difícil de identificar os elementos
interativos, devido ao excesso de efeitos e padronização dos usos da tipo-
grafia.

10. As fontes serifadas desenvolvidas especialmente para fácil leitura e aprendizado de crian-
ças são a Bembo Schoolbook e a Plantin Schoolbook.

11. Tipografia
Bembo Schoolbook

12. Tipografia
Plantin Schoolbook

13. Tipografia - Outras considerações
Siga princípios básicos da tipografia, apesar de ser um site para crianças.
Não importa quão orgânica ou divertida seja a interface, o layout deve ter
uma estrutura (grid) e dispor as informações da melhor forma possível,
balanceando cuidadosamente os elementos gráficos.
Use layouts consistentes. Mantenha um bom balanço entre texto, cor e
gráficos em todas as seções das aplicações e use as mesmas fontes. Mesmo
se estiver trabalhando com um layout colorido e vibrante, é NECESSÁRIO
testar os espaços positivos e negativos, com o mesmo rigor que outros
projetos gráficos.

14. Paleta
Cores vibrantes captam e prendem a atenção das crianças por longos
períodos de tempo.A escolha das cores é o primeiro fator a ser pensado no
projeto do site. Combinações de cores que podem ser rejeitadas por
adultos, podem ser muito bem vindas em sites para crianças.

15. As cores vibrantes são importantes, mas é preciso montar uma paleta com semitons,
para que não se crie problemas da relação figura-fundo.

16. Paleta

17. Mais um exemplo de um bom exemplo na escolha das cores

18. Personagens
Sabe-se que as crianças entram em contato com as tecnologias cada vez
mais cedo, é importante observar os personagens que fazem sucesso nesse
meio.
Jogos destinados a mobiles, tablets e computadores são de boa repercussão
visual nessa faixa etária.
Evitar uma simplificação excessiva, acima de 7 anos, o público tem preferên-
cia por personagens mais elaborados.
Eles gostam de se identificar com os personagens que veem.
Crianças são estimuladas por elementos reconhecíveis que podem ser
associados às suas vivências. Mas gostam de poder deixar suas imaginações
correrem livremente em um mundo que parece real. É importante misturar
elementos da realidade com a fantasia.

19. Observar estilo de traço, cores e sombreamento

20. Contorno em evidëncia

21. Considerações importantes para o site destinado a crianças de 11 a 13 anos

22. Tipografia
Menos texto, mais interesse.
Garanta que os textos sejam grandes o suficiente para fácil leitura e os deixe
com um alto contraste em relação com o fundo. Dividir o conteúdo em
seções, o faz mais ‘digestivo’.
É importante ter uma relação imagem – texto. Com uma maior quantidade
de fotos e figuras do que as disponíveis para adultos.
Procurar manter uma linguagem simples e adaptada à utilizada pelo público
alvo.

23. Tipografia
Cabin Regular

24. Tipografia
PT Serif

25. Paleta
É necessário pensar num design que chame, prenda e mantenha a atenção.
Cores vibrantes como laranja,amarelo,azul e verde tendem a trabalhar bem,
não é recomendável o uso de cinza e preto. Uma interface simples, limpa e
intuitiva é o principal.
Usar luzes, ação, slideshows, vídeos, imagens. Como os adolescentes usam a
internet para tudo, eles não são fáceis de impressionar.

26. Personagens
Os adolescentes gostam de se identificar com os personagens.É importante
fazer com que eles pareçam ter mais ou menos a mesma faixa etária do
público alvo.
A preferência é por personagens mais elaborados e cômicos, com situações
mais realistas de relação de amizade, por exemplo, mas ainda com aspecto
infantil.

28. Outras considerações
Fazer link com as redes sociais,pois eles gostam de compartilhar e emitir in-
formações e opiniões.
Não tornar o site ‘adulto demais’, pois os adolescentes têm a maior tendên-
cia de migrarem para sites infantis do que para os sites adultos.
Não fazer sites pesados. É importante achar um equilíbrio entre tempo de
espera do carregamento do site e de seu conteúdo, os adolescentes não
têm paciência.
Para essa faixa etária, é importante projetar um bom grid para a página e
respeitá-lo, por motivos de organização da informação.

29. O site da NASA é um bom exemplo de como é feita a diferenciação entre as faixas
etárias.

30. Obrigada