apresentação plenarinho

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

Upload: adriana-magalhaes

Post on 25-Jun-2015

57 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Apresentação plenarinho

PlenarinhoPesquisa de referência para reformulação

do site e mídias relacionadas

Page 2: Apresentação plenarinho

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

Page 3: Apresentação plenarinho

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

Page 4: Apresentação plenarinho

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

Page 5: Apresentação plenarinho

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.

Page 6: Apresentação plenarinho

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

Page 7: Apresentação plenarinho

Tipografia

Gill Sans Schoolbook

Page 8: Apresentação plenarinho

Tipografia

Sasoon

Page 9: Apresentação plenarinho

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.

Page 10: Apresentação plenarinho

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

Page 11: Apresentação plenarinho

Tipografia

Bembo Schoolbook

Page 12: Apresentação plenarinho

Tipografia

Plantin Schoolbook

Page 13: Apresentação plenarinho

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.

Page 14: Apresentação plenarinho

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.

Page 15: Apresentação plenarinho

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.

Page 16: Apresentação plenarinho

Paleta

Page 17: Apresentação plenarinho

Mais um exemplo de um bom exemplo na escolha das cores

Page 18: Apresentação plenarinho

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.

Page 19: Apresentação plenarinho

Observar estilo de traço, cores e sombreamento

Page 20: Apresentação plenarinho

Contorno em evidëncia

Page 21: Apresentação plenarinho

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

Page 22: Apresentação plenarinho

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.

Page 23: Apresentação plenarinho

Tipografia

Cabin Regular

Page 24: Apresentação plenarinho

Tipografia

PT Serif

Page 25: Apresentação plenarinho

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.

Page 26: Apresentação plenarinho

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.

Page 27: Apresentação plenarinho
Page 28: Apresentação plenarinho

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.

Page 29: Apresentação plenarinho

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

Page 30: Apresentação plenarinho

Obrigada