apresentação plenarinho

PlenarinhoPesquisa de referência para reformulação

do site e mídias relacionadas

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

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

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

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.

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

Tipografia

Gill Sans Schoolbook

Tipografia

Sasoon

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.

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

Tipografia

Bembo Schoolbook

Tipografia

Plantin Schoolbook

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.

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.

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.

Paleta

Mais um exemplo de um bom exemplo na escolha das cores

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.

Observar estilo de traço, cores e sombreamento

Contorno em evidëncia

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

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.

Tipografia

Cabin Regular

Tipografia

PT Serif

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.

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.

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.

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

Obrigada