Um grande mito é supor que as animações e efeitos são puramente para um look and feel agradável. Frases como “coloque uns efeitos aí que vai ficar bacana!” são comuns, e sem demagogia, usuários realmente se encantam com um bom visual e animações, mas é possível oferecer mais do que isso com as mesmas animações, sabendo utilizá-las.

Um exemplo clássico de animação que informa, que o nosso colega Beck Novaes adora citar, é ao minimizar e maximizar uma janela no Windows (no Mac OS também ocorre). Pode parecer desnecessária de início, mas definitivamente informa para o usuário onde foi parar aquela janela que ele minimizou. Se a janela simplesmente desaparecesse, o senso de espaço (e localização) do usuário seria prejudicado. Mesmo que seja a primeira vez que o usuário utilize o minimizar no Windows, a própria animação ensina para o usuário o que aconteceu.

Veja abaixo um exemplo criado em Flex, que apresenta animações nas transições dos passos de uma aplicação.

As transições sempre podem ter uma animação que permita conectar os estágios, mas é interessante ter um bom entendimento destes:

• O quê: Quais são os estágios?
• Como: Como os estágios se conectam? Estão conectados linearmente ou há múltiplos caminhos?
• Quando: Quais ações do usuário disparam mudanças de estágio? Duplo clique? (Cuidado: O clique está sendo utilizado para outra ação?) Apenas clique? Seleção de um combo? Botão?
• Por quê: O que esse estágio contém para que o usuário queira estar nele? Se é o fechamento de um carrinho, ele pode querer voltar e comprar mais produtos? Se está buscando, ele pode querer ver mais detalhes do ítens que a busca retornou.

E por aí vai, sempre ligado ao entendimento do processo.

É importante ressaltar também alguns cuidados:

• Concentrar o foco no que está efetivamente mudando, o que importa para o usuário naquele momento: evitar animações desnecessárias em outras partes da tela;
• Manter as animações suaves, precisas e rápidas: entre 300ms e 1 segundo;
• Tomar cuidado com seqüências de ações dos usuários: podem disparar efeitos em seqüências fazendo com que o usuário tenha de esperar o fim dos efeitos para continuar a utilizar a aplicação.

É possível portanto, animar um ou um conjunto de objetos para que a transição entre os estágios de uma aplicação ocorra de maneira natural e o usuário perceba essa transição, informando-o sobre o que está acontecendo.