Microinterações Animadas

Leo Oliveira
Tendências Digitais
2 min readSep 11, 2017

Cada vez que você clica em um botão, alterna aplicativos, dá zoom em uma foto você está realizando uma microinteração, muitos detalhes dessas interações passam despercebidos pelos usuários, mas são de fundamental importância para uma experiência mais agradável.

Microinterações fazem parte do nosso cotidiano, elas estão presentes nas mais diversas tarefas e no meio digital podem ser aprimoradas com técnicas de motion design.

Animar uma microinteração contribui para melhor experiência do usuário, pois além de enriquecer a interface é fundamental o feedback visual informando ao usuário o que está acontecendo ou irá acontecer a seguir.

Tapbar Interactions por Sergey Valiukh

Melhorar a experiência do usuário com animações está cada vez mais em evidência quando se fala no termo UX. Isso porque as animações elevam a experiência à um grau mais prazeroso e sofisticado.

Mas não é apenas inserir animações de qualquer forma, uma interface precisa ser dinâmica e rápida o suficiente para uma boa usabilidade, é necessário que as animações sejam pensadas de maneira que não atrase ou interfiram de modo negativo a experiência. Animações muito demoradas tendem a cansar o usuário, elas devem ser projetadas para que cada microinteração contribua no processo da interação e não o atrapalhe.

Além de aspectos de timing, o uso das animações deve ser moderado, não adianta encher uma interface de animações porque acha bonito, elas devem ser implementadas moderadamente com objetivo de comunicar algo e não apenas entreter o usuário.

Add Button por Sergey Valiukh

O motion design aplicado as microinterações não deve ser o centro do aplicativo, antes disso, deve-se pensar nas funcionalidades como elemento central. Não ha porque uma interface ser muito bem animada se ela não cumpre seus objetivos funcionais.

Use o motion design nas microinterações para elevar a experiência do usuário a um nível maior de satisfação e prazer e não apenas como enfeites.

--

--