Eu sempre aprecio as pequenas coisas da vida: um sorriso de saudação do meu vizinho, um pequeno cartão postal da minha mãe ou um cartão de fidelidade do meu café favorito. Quando se trata de design, eu sempre me empolgo com esses mesmos pequenos detalhes: transições significativas, animações fofas e microinterações.
Vamos direto ao ponto: o que são microinterações? Segundo Dan Saffer , “microinterações são contidas em momentos de produto que giram em torno de um único caso de uso – eles têm uma tarefa principal”. Por enquanto, tudo bem.
Mas agora imagine um mundo sem eles. E se o pequeno sino do seu aplicativo do Facebook não saltar ao abrir o aplicativo para indicar que você tem novas notificações? E se o símbolo de carregamento do seu site de comércio eletrônico favorito parasse de rodar?
É a atenção aos detalhes que difere um ótimo site de um comum e – sejamos honestos – um chato. Aqui estão 10 das nossas microinterações favoritas que a comunidade do Dribbble e do Studio está criando por aí, e você se balança e rola com inspiração para o seu próximo projeto:
Hambúrgueres em movimento
Fique de olho no eu… X… III…
Cara, cadê meu disco?
De Szilard Nagy
Janelas de carros, cartões micro-sim ou discos? De qualquer maneira – interação deliciosa, criada por Szilard Nagy.
Siga o sinal
Melhore a sua navegação com esta grande transformação de saída de 3 barras.
Mostre-nos como você salta
Por Oxygenna
As interações de foco podem ser uma ótima maneira de envolver os clientes com o produto. Coloração bonita não faz mal.
Arraste… e tire
De Yancy Min
Destaque a interatividade de um elemento com sua própria microinteração.
Envie-os, traga-os
Insira algum movimento e crie algumas emoções.
Desenhe
De Jake Deakin
Explore a animação de ícones como uma maneira de chamar atenção e agregar prazer.
O espaço é o lugar
Por Bojan MESAR
Poderia este astronauta para a animação surfista ser mais legal?
Bem vindo ao meu mundo
Este carregador de boas-vindas para o site pessoal de Althaf Roshan cria uma bela experiência para os visitantes.
Oops, deu 404 novamente
Quem disse que 404 páginas precisam ser chatas e estáticas?
Digite, digite-o
Por Julia Vedenyapina .