Sites infantis: bastantes opções para usar o flash

Este é o primeiro artigo que escrevo para esta coluna de avaliação de layout de sites em flash, e comecei a fazer pesquisas no que iria escrever e coinscidentemente um colega me pediu para avaliar o site infantil que ele tinha acabado de fazer pela empresa em que ele trabalha e fiquei impressionada com o trabalho deles, eles foram certeiros em tudo, a única coisa que não gostei foi do fundo em preto, para ser um site infantil eles deveriam brincar com as cores, em cada seção utilizar uma surpreendendo o visitante.

   Mas agora irei comparar o site do meu colega com um dos melhores sites infantis em flash que já vi, o http://www.disney.com, o interessante de sites infantis com personagens é que você pode abusar no flash nele inteiro, na criação da animação das personagens, utilização de música, de efeitos sonoros, a fala das mesmas, jogos interativos, apresentação dos personagens, etc...

   Mas existe um problema muito sério: tudo isto sai muito caro para o cliente, pois vocês teriam que incluir no orçamento horas de estúdio de som e contratar um desenhista animador para desenhar as passagens da animação, etc. Mas o site http://www.betinhocarrero.com.br me supreendeu porque dá para fazer um site com personagens sem gastar muito, apenas com a imagem do personagem, utilizando ele em jogos e em várias composições de imagem com cenários.

A composição da home

No site da Disney, veja como as cores foram exploradas, um azul alegre, o menu é uma espécie de cidade que ao você passar o mouse ele abre opções em um submenu, e toda área clicável emite efeitos sonoros de desenho animado ao passar o mouse.

   No site do Betinho, achei que o preto apagou o cenário alegre, eu utilizaria um tom de verde escuro seria mais alegre e se encaixaria totalmente no contexto do cenário alegre. O cenário achei perfeito, o personagem em seu cavalo, os botões esculpidos em madeira e aplicados na árvore, toda a àrea foi muito bem aproveitada e de fácil navegação.

   Uma coisa que achei legal, nos dois exemplos, foi a centralização do filme na página, que fará com que ele se adapte a qualquer resolução de monitor. No do Betinho Carrero foi centralizado somente dos lados, mas para ficar melhor, seria legal que a centralização dele fosse forçada, isso não só nos lados, mas na altura também. Para fazer o mesmo, basta criar uma tabela com 100% de width e de height e inserir o filme na td desta tabela, a configuração da td deverá estar com "align="center"" e "valign="middle"". Isto forçará a centralização e ficará com estética em qualquer resolução de tela.

   Não gostei das barras de rolagem que o site da Dysney tem. Provocada pela área de publicidade, se você for utilizar publicidade em teu site sempre estude a área do site (780 x 435 px), para que não provoque barra de rolagem se for necessário, utilize layers e provoque rolagem somente na layer e não na página inteira.

O uso do flash nos dois sites:

   Bom, um site infantil como já havia falado, o uso do flash pode ser utilizado de várias formas, mas o mais usado são em jogos. Joguinhos que prendem a atenção do visitante fazendo com que ele se demore mais a sair do site.

   No site da Disney foi utilizado animação quadro a quadro de seus personagens nos jogos, também uso de falas e interatividade entre o visitante e o personagem, cores alegres, sons de desenho animado nos rolovers, pela quantidade de personagens existem inúmeros tipos de jogos.
Mas um erro de navegação me chamou a atenção, nesta página não tem uma barra de botões para voltar à pagina anterior ou até mesmo para a home, e a área de publicidade continua provocando rolagem.

   No Betinho Carrero, a barra de navegação está lá, cores alegres, menus que chamam atenção. Porém a cor preta do background da página, continua apagando o layout alegre, neste caso podeira ser utilizado um azul escuro ou um amarelo, deixaria mais alegre a página e estaria no espírito dos jogos. Uma coisa que não gostei na navegação, é da maneira de como se mostra o submenu, ao invés do mesmo aparecer com rolover, é necessário clicar para que apareça e ele se torna uma espécie de pop up, que só some ao clicar no fechar.

Os jogos:

Gostei muito da maneira que os jogos do Betinho foram inseridos em pop up, você joga e não sai da página se cansar deste jogo, pode voltar a página anterior, apenas fechando a pop up e jogar outro jogo. O layout das pop ups estão legais, os jogos também estão bem legais, muito bem feitos, sempre explorando os personagens, está de muito bom gosto.

   Os jogos da Disney são um show de animação, efeitos sonoros e visuais. Parece que você está participando da história na televisão, são interativos e tem muitas opções personagens e estilos de jogos. Para a navegação eu adotaria o sistema utilizado pelo Betinho, abriria uma pop up, pois o jogo também não tem barra de navegação como na página anterior, e abrindo na mesma janela dificulta mais ainda a mesma, pensando que o público alvo são crianças, quanto mais fácil e direta a navegação, melhor.

   Este estilo de site defendo que deve ser feito inteiro em flash, pois o tamanho fica menor. Se você for fazer um site deste tipo em HTML terá que utilizar muitos desenhos em imagens deixando seu site pesado, no flash elas podem ser todas vetoriais, fora interatividade, os sons, a alegria das cores e as imagens dos personagens.

   Muitos webdesigners se questionam o que devem utilizar para prender mais tempo um visitante em seu site. Este tipo de site prende o visitante, pois oferece um leque de opções interativas com o visitante deixando-o interessado em navegar em todas às áreas do site.

   Mesmo em um site com outro público alvo, sempre procure deixar o visitante interessado, procure fazer uma interatividade com o visitante, surpreenda ele com as cores e com animações, as vezes simples, que provocam um bom efeito visual.