-
Quer criar interfaces digitais
que impressionam
-
e engajam os usuários?
-
Descubra como o planejamento
de animação faz toda a diferença.
-
Primeiro, defina os objetivos do design.
Quem é o seu usuário?
-
Quais são as suas expectativas
e necessidades?
-
Quando você busca compreender
e entender profundamente seu público,
-
você acaba desenvolvendo animações
muito mais eficientes e efetivas.
-
Fique atento à hierarquia visual.
-
Nem todos os elementos na interface
digital têm a mesma importância.
-
A partir do momento que você
define esse grau de importância,
-
você consegue guiar o olhar do usuário
pela interface.
-
A animação também deve refletir
a identidade visual da marca.
-
Ela deve estar alinhada
com os princípios e valores
-
que fortalecem a personalidade
da empresa.
-
Além disso,
essa dinâmica exige feedbacks visuais.
-
E esse feedback é fundamental
na relação
-
entre usuário e interface digital.
-
Quando você passa o seu cursor,
por exemplo,
-
lá na curtida do Instagram,
que sobe aquele coração,
-
aquilo é um feedback
para mostrar
-
que você realmente clicou
naquele pequeno ícone.
-
Isso serve para um botão.
-
Isso serve para a página
de carregamento.
-
E tudo isso é fundamental
para transformar a sua navegação
-
numa navegação mais segura,
mais intuitiva e mais fluida.
-
Agora que temos os objetivos
já definidos,
-
vamos para o próximo passo,
-
a criação do Storybird.
-
O Storybird desenha cada
quadro da animação
-
para ter uma visão mais clara
do fluxo de movimento.
-
E também,
quais são os triggers?
-
Ou melhor,
-
quais são os gatilhos que vão
desencadear a animação?
-
Um hover, um scroll,
um mero clique?
-
Tudo isso é fundamental
você ter em mente.
-
Além disso,
existem diversos estilos de animação,
-
física, keyframe, procedural,
motion design.
-
Qual você escolheu para o seu projeto?
-
Finalizando o Storybird,
chegou a hora de ir para a prática.
-
Então, você já resolveu
quais ferramentas você vai utilizar?
-
Quais são as bibliotecas que você
vai usufruir?
-
Já tem em mente os princípios
do UX em movimento?
-
Você já fez os testes de usabilidade
em cada dispositivo,
-
em cada navegador,
-
para garantir que o seu projeto
esteja em plena condição?
-
Por fim, garanta a plena integração
entre código e animação.
-
Não esqueça, em hipótese alguma,
de otimizar a sua peça
-
para que ela fique mais fluida
e mais leve.
-
E também, obviamente, acessibilidade.
-
Você tem que garantir que a sua peça,
a sua animação,
-
seja acessível a todos os usuários.
-
Um bom planejamento
vai te garantir ótimos resultados.
-
Aproveite e aprecie o processo.
