Animações

Atualizado em 21.4.2009

Animações podem orientar a navegação pelo site e tornar o deslocamento mais agradável enriquecendo a experiência do usuário, mas aumentam muito o tempo de carregação da tela. ► Exemplo Mas devem estar diretamente relacionadas à conceituação do site. Exemplo

Atividades relacionadas

Evitar o excesso de animações e efeitos sonoros numa página, que pode cansar e distrair demais os usuários. A adequação ao conceito e ao público-alvo deve indicar o grau de tolerância do público a estes recursos.

Evitar, no conteúdo do site, inserir animações semelhantes a anúncios - o público não costuma prestar atenção em anúncios. Exemplo

Sinalizar ao leitor quando a animação exigir longos tempos de download. Exemplo

Uma barra que indique quanto tempo falta para o arquivo carregar ou um texto introdutório que distraia o usuário enquanto o arquivo está carregando são opções para atenuar o efeito da espera pelo download de arquivos muito grandes.

Localizar animações de maior tamanho em níveis mais profundos do site Exemplo

Publicar arquivos de programas como o Flash em versões atrasadas em relação à última, para garantir o acesso de usuários com plug-ins desatualizadas.

Evitar repetir as animações infinitamente, ainda mais em páginas com texto para leitura, para não distrair os leitores. Deve-se repetir algumas vezes, que sejam suficientes para transmitir a ideia.

No caso de animações longas, deve-se evitar a repetição.

Não animar elementos críticos da página, como logotipo, slogan ou o título principal.

Quando as animações aparecem em splash pages ou páginas iniciais do site, dar a opção ao usuário para que decidam se deseja vê-las ou não.


Assuntos relacionados
Gifs
Plug-ins: animações, sons

Mais informação sobre o assunto
Livro: Animação e interatividade na web, de Christine Saucier. Market Books