Microinterações no mobile

O que são microinterações?

As microinterações transformam tarefas simples em experiências significativas, através de pequenas interações. Estamos falando sobre aqueles detalhes que fazem a diferença e que muitas vezes são passadas despercebidas, de tão simples, por quem as usam.

Segundo Dan Seffeck, autor do livro Microinteractions:

Microinteractions are the functional, interactive details of a product, and details, as Charles Eames famously said, aren’t just the details; they are the design. Details can make engaging with the product easier, more pleasurable — even if we don’t consciously remember them.

Você pode não perceber mas elas estão sempre presentes em nosso dia-a-dia e não é de hoje que as microinterações tem como objetivo tornar nossas vidas um pouco mais fáceis e agradáveis. Algumas são bem importantes, mas como estão tão presentes em nosso cotidiano, acabamos não dando conta dos benefícios que nos trazem. O som do “tic-tac” quando ligamos a seta do carro, o botão que pára o despertador, quando a torradeira faz o “tlin” e seu pão está no ponto, o interruptor que liga a lâmpada da sala, a luz vermelha piscando no semáforo para pedestres, todas elas também podem ser consideradas microinterações.

Microinterações ≠ Funcionalidades

Microinterações se diferem das funcionalidades basicamente por seu tamanho e escopo. Enquanto as funcionalidades tendem a ser mais complexas, durar mais tempo, ter múltiplos casos de uso e exigir uma certa carga cognitiva, as microinterações são simples, breves e quase não exige esforço. Podemos ter um player de música, por exemplo, como funcionalidade e o controle do volume seria uma microinteração.

Se as funcionalidades e recursos dão corpo a um produto, estão nas microinterações as oportunidades de moldar as nuances que podem torná-lo único e com uma assinatura própria, como o “like” do Facebook.

Porque os pequenos detalhes importam

Uma das coisas que mais admiro na web é como ela pode nos surpreender através de pequenos detalhes. Quando surge um novo tipo de microinteração e a experiência com ela é positiva, há grande chance de logo mais se tornar um padrão e exemplo de boa prática. Palavras de Don Norman:

The “micro” in “microinteractions” implies it is about the small things. Small? Yes. Unimportant? Absolutely not! Microinteractions is about those critical details that make the difference between a friendly experience and traumatic anxiety.

Quem se lembra da primeira vez quando entrou no Google e começou a digitar no campo de busca, e de repente, ele te dava sugestões para autocompletar o texto? Depois disso ele ainda previu o nosso erro de digitação e nos deparamos com a mensagem “Você quis dizer” no resultado de busca. Ou ainda, quando nós íamos mandar aquele email e o Gmail nos avisou que esquecemos de anexar algum arquivo. Parecia mágica!

Outra microinteração que me marcou bastante foi quando surgiu na web o drag and drop, primeira vez visto por mim no Dropbox. Muito mais fácil e rápido fazer uploads de arquivos. Hoje é utilizado por praticamente todos os serviços de ponta.

O Facebook popularizou o um estilo de microinteração que já se tornou padrão por muitos sites e aplicativos que exibem a quantidade de notificações por segmento/seção. Já o Chrome apresentou o ícone de áudio para identificar a aba em que o som estava sendo originado. Pequenos detalhes que fazem a diferença.

Microinterações no mobile

Uma das principais diferenças entre a experiência desktop e a mobile está na multiplicidade de contextos de uso: em casa, na rua, no transporte, no lazer, no esporte, em uma viagem, em praticamente em todos os lugares podemos acessar nossos smartphones. Essas máquinas que cabem na palma da mão e que, cada vez mais, vem sendo a primeira tela de muita gente, estão se tornando muito poderosas, agregando vários tipos de recursos e funcionalidades como acelerômetro, giroscópio, câmera, GPS, infravermelho, sensor biométrico etc.

O exemplo acima mostra o funcionamento de uma das primeiras microinterações nativas do mobile, trazida pela Apple, um gesture fácil de descobrir, intuitiva que provém um grande ganho de tempo e requer baixa cognição, além de prover feedback imediato o que torna o processo de atualização de uma página menos angustiante. Lembre-se que não existe tecla F5 no celular, a outra maneira convencional seria acessar o menu e pedir para atualizar, mas isso foi substituído por um simples deslizar de dedo na tela.

Junto com esta nova forma de interagir, logo vieram os novos padrões de interação para smartphones. Novamente, as mais simples, intuitivas e efetivas acabaram por ser adotados como padrão de microinteração para muitos sites e aplicativos.

Segundo Dan Saffer, a microinterações são boas para:

• Cumprir uma tarefa simples;
• Gerenciar uma tarefa em andamento;
• Conectar dispositivos;
• Interagir com pequenos pedaços de informação;
• Ajustar uma configuração;
• Visualizar ou criar pequenos conteúdos.
• Ligar/desligar uma função ou recurso;

Por isso tudo, acredito que ainda temos um grande campo a explorar e que nós designers devemos nos esforçar para desenhar produtos bem acabados, funcionais, polidos através de microinterações que sejam realmente úteis aos usuários.