{"id":118031,"date":"2022-12-20T08:00:00","date_gmt":"2022-12-20T11:00:00","guid":{"rendered":"https:\/\/fluency.io\/br\/blog\/?p=14495"},"modified":"2023-07-27T12:51:31","modified_gmt":"2023-07-27T15:51:31","slug":"o-que-e-microinteracao","status":"publish","type":"post","link":"https:\/\/homolog.fluency.io\/br\/blog\/o-que-e-microinteracao\/","title":{"rendered":"Microintera\u00e7\u00e3o: Entenda tudo sobre seu impacto no UX Design"},"content":{"rendered":"\n<p>Seja nos dispositivos que usamos, nos eletrodom\u00e9sticos que temos em casa, nos aplicativos em nossos smartphones, e at\u00e9 mesmo nos ambientes em que vivemos e trabalhamos, as <strong>microintera\u00e7\u00f5es<\/strong> est\u00e3o por toda parte.&nbsp;<\/p>\n\n\n\n<p>No contexto de <a href=\"https:\/\/fluency.io\/br\/blog\/ux-ui-vs-product-design\/?utm_source=blog\" target=\"_blank\" rel=\"noreferrer noopener\">UX Design<\/a>, uma <strong>microintera\u00e7\u00e3o<\/strong> \u00e9 capaz de fornecer <strong>feedback ao usu\u00e1rio<\/strong> e geralmente transmite o status de um sistema ou interface, o que ajuda a evitar erros. Al\u00e9m disso, ela serve, dentre muitas coisas, para melhorar a <a href=\"https:\/\/fluency.io\/br\/blog\/o-que-ux\/?utm_source=blog\" target=\"_blank\" rel=\"noreferrer noopener\">experi\u00eancia do usu\u00e1rio<\/a> depois que uma estrutura de alto n\u00edvel \u00e9 definida, sendo parte fundamental do <a href=\"https:\/\/fluency.io\/br\/blog\/design-de-interacao\/?utm_source=blog\" target=\"_blank\" rel=\"noreferrer noopener\">Design de Intera\u00e7\u00e3o<\/a>.<\/p>\n\n\n\n<p>Explicamos neste artigo tudo o que voc\u00ea precisa saber sobre <strong>Microintera\u00e7\u00f5es <\/strong>e seu impacto no trabalho de <a href=\"http:\/\/awari.com.br\/curso\/desenvolvimento-web\/?utm_source=blog&amp;utm_medium=post\" target=\"_blank\" rel=\"noreferrer noopener\">Desenvolvedores<\/a> e <a href=\"https:\/\/fluency.io\/br\/blog\/o-que-e-ux-design\/?utm_source=blog&amp;utm_medium=post\" target=\"_blank\" rel=\"noreferrer noopener\">UX Designers<\/a> ao projetar produtos e interfaces.\u00a0<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>O que \u00e9 Microintera\u00e7\u00e3o?<\/strong><\/h2>\n\n\n\n<p><strong>Microintera\u00e7\u00e3o<\/strong> \u00e9 um momento interativo \u00fanico em um produto ou interface que aprimora o <strong>fluxo de trabalho<\/strong> e torna a <strong>experi\u00eancia do usu\u00e1rio <\/strong>mais agrad\u00e1vel. Ela pode surgir na forma de anima\u00e7\u00f5es simples, texto ou som, sendo sua tarefa principal<strong> fornecer feedback<\/strong> e\/ou exibir altera\u00e7\u00f5es, assim como informa\u00e7\u00f5es de sistema.<\/p>\n\n\n\n<p>No caso de <a href=\"https:\/\/fluency.io\/br\/blog\/user-experience\/?utm_source=blog&amp;utm_medium=post\">UX<\/a>, seu objetivo \u00e9 encantar o usu\u00e1rio e criar um momento envolvente, acolhedor \u2014 e mais humano. Por exemplo, toda vez que voc\u00ea <strong>altera uma configura\u00e7\u00e3o<\/strong>, sincroniza seus dados ou dispositivos, define um alarme, escolhe uma senha, faz login, define uma <strong>mensagem de status<\/strong> ou favorita ou \u201ccurte\u201d algo, voc\u00ea est\u00e1 se envolvendo com uma <strong>microintera\u00e7\u00e3o<\/strong>.<\/p>\n\n\n\n<p>Tal recurso pode servir para fins como:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Conectar dispositivos;<\/li>\n\n\n\n<li>Interagir com um \u00fanico dado;<\/li>\n\n\n\n<li>Controlar um processo cont\u00ednuo (ex: ajustar o volume de uma m\u00fasica);<\/li>\n\n\n\n<li>Ajustar uma configura\u00e7\u00e3o;<\/li>\n\n\n\n<li>Ativar ou desativar um recurso ou fun\u00e7\u00e3o de um dispositivo (ex: alarme do celular).<\/li>\n<\/ul>\n\n\n\n<p>As <strong>microintera\u00e7\u00f5es<\/strong> abrangem os mais diversos elementos digitais, mas nem todos eles fazem parte de uma microintera\u00e7\u00e3o. Elas possuem quatro componentes principais ao todo. S\u00e3o eles:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Gatilhos: <\/strong>os gatilhos iniciam uma microintera\u00e7\u00e3o, podendo ser iniciados pelo usu\u00e1rio ou pelo sistema. Depois disso, o usu\u00e1rio deve iniciar uma a\u00e7\u00e3o;<\/li>\n\n\n\n<li><strong>Regras: <\/strong>as regras definem o que pode e o que n\u00e3o pode ser conclu\u00eddo com a microintera\u00e7\u00e3o. S\u00e3o elas que determinam qual a\u00e7\u00e3o acontece e em qual ordem \u2014 quando o usu\u00e1rio pressiona aquele bot\u00e3o ou quando uma mensagem chega;<\/li>\n\n\n\n<li><strong>Feedback:<\/strong> o feedback permite que os usu\u00e1rios saibam o que est\u00e1 acontecendo. Qualquer coisa que um usu\u00e1rio veja, ou\u00e7a ou sinta enquanto uma microintera\u00e7\u00e3o est\u00e1 acontecendo \u00e9 um feedback;<\/li>\n\n\n\n<li><strong>Loops e Modes:<\/strong> os modes geralmente devem ser evitados em microintera\u00e7\u00f5es, a menos que haja uma a\u00e7\u00e3o rara, mas essencial, que de outra forma interromperia seu fluxo. J\u00e1 os loops determinam quanto tempo dura a microintera\u00e7\u00e3o (se ela termina imediatamente ou se repete o tempo todo).<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Qual o impacto das microintera\u00e7\u00f5es na experi\u00eancia do usu\u00e1rio?<\/strong><\/h3>\n\n\n\n<p>Ao desenvolver um site ou aplicativo, cuidar das <strong>microintera\u00e7\u00f5es<\/strong> \u00e9 algo vital para proporcionar aos usu\u00e1rios uma <strong>experi\u00eancia de navega\u00e7\u00e3o <\/strong>agrad\u00e1vel e memor\u00e1vel.&nbsp;<\/p>\n\n\n\n<p>Uma experi\u00eancia agrad\u00e1vel significa mais do que apenas<strong> usabilidade<\/strong> \u2014 ela precisa ser envolvente. E \u00e9 a\u00ed que as microintera\u00e7\u00f5es podem desempenhar um papel macro, contribuindo positivamente para a apar\u00eancia de um produto ou servi\u00e7o.<\/p>\n\n\n\n<p>Algumas das raz\u00f5es que justificam o impacto das microintera\u00e7\u00f5es e porque elas s\u00e3o t\u00e3o <strong>fundamentais em UX<\/strong> incluem:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/fluency.io\/br\/blog\/design-responsivo\/?utm_source=blog\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Interface User Friendly<\/strong><\/a><strong>:<\/strong> as microintera\u00e7\u00f5es podem tornar a interface mais amig\u00e1vel com feedback visual ou de \u00e1udio para cada a\u00e7\u00e3o realizada. Elas tamb\u00e9m podem orientar os usu\u00e1rios a dar o pr\u00f3ximo passo sem se confundirem facilmente;<\/li>\n\n\n\n<li><strong>Tornam a experi\u00eancia mais agrad\u00e1vel: <\/strong>como as microintera\u00e7\u00f5es acompanham os usu\u00e1rios durante o tempo de interface, eles ter\u00e3o uma experi\u00eancia de navega\u00e7\u00e3o mais tranquila e fluida. Como resultado, esse processo se torna mais agrad\u00e1vel, o que pode aumentar o engajamento com o produto ou p\u00e1ginas da web, al\u00e9m de atrair visitantes e criar usu\u00e1rios fi\u00e9is;<\/li>\n\n\n\n<li><strong>User Interface mais humana:<\/strong> as microintera\u00e7\u00f5es tamb\u00e9m pretendem tornar a intera\u00e7\u00e3o bidirecional para que os usu\u00e1rios n\u00e3o se sintam completamente se comunicando com \u201cm\u00e1quinas\u201d. Dessa forma, eles n\u00e3o se sentir\u00e3o sozinhos ao utilizar interagir com uma interface, inclusive durante o carregamento, preenchimento de formul\u00e1rios ou espera pelo progresso;<\/li>\n\n\n\n<li><strong>Impedem que os usu\u00e1rios cometam erros: <\/strong>uma das vantagens mais valiosas das microintera\u00e7\u00f5es \u00e9 evitar que os usu\u00e1rios cometam erros. Como ao confirmar uma nova senha ou preencher um formul\u00e1rio tang\u00edvel. Quando os usu\u00e1rios cometem um erro ou erro, as microintera\u00e7\u00f5es fornecem feedback para que os usu\u00e1rios possam corrigi-lo imediatamente. Ao transmitir o status do sistema, elas oferecem suporte \u00e0 preven\u00e7\u00e3o de erros e comunicam a marca.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Exemplos de microintera\u00e7\u00e3o<\/strong><\/h3>\n\n\n\n<p>S\u00e3o muitos os tipos de microintera\u00e7\u00e3o usados em <strong>UX<\/strong>. Seu uso, no entanto, pode variar de acordo com cada caso ou prop\u00f3sito. Reunimos a seguir alguns exemplos:<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>1. Toque ou clique&nbsp;<\/strong><\/h4>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"512\" src=\"https:\/\/fluency.io\/br\/blog\/wp-content\/uploads\/2022\/12\/Exemplos-de-microinteracao-toque-ou-clique-1024x512.png\" alt=\"ilustra\u00e7\u00e3o simbolizando microintera\u00e7\u00e3o de toque ou clique em app\" class=\"wp-image-14499\" srcset=\"https:\/\/homolog.fluency.io\/br\/wp-content\/uploads\/sites\/3\/2022\/12\/Exemplos-de-microinteracao-toque-ou-clique-1024x512.png 1024w, https:\/\/homolog.fluency.io\/br\/wp-content\/uploads\/sites\/3\/2022\/12\/Exemplos-de-microinteracao-toque-ou-clique-949x475.png 949w, https:\/\/homolog.fluency.io\/br\/wp-content\/uploads\/sites\/3\/2022\/12\/Exemplos-de-microinteracao-toque-ou-clique-768x384.png 768w, https:\/\/homolog.fluency.io\/br\/wp-content\/uploads\/sites\/3\/2022\/12\/Exemplos-de-microinteracao-toque-ou-clique-840x420.png 840w, https:\/\/homolog.fluency.io\/br\/wp-content\/uploads\/sites\/3\/2022\/12\/Exemplos-de-microinteracao-toque-ou-clique-515x258.png 515w, https:\/\/homolog.fluency.io\/br\/wp-content\/uploads\/sites\/3\/2022\/12\/Exemplos-de-microinteracao-toque-ou-clique-150x75.png 150w, https:\/\/homolog.fluency.io\/br\/wp-content\/uploads\/sites\/3\/2022\/12\/Exemplos-de-microinteracao-toque-ou-clique.png 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Imagem: uxpin.com <\/figcaption><\/figure>\n\n\n\n<p>Esse exemplo de microintera\u00e7\u00e3o visa dizer aos visitantes que um <strong>bot\u00e3o \u00e9 clic\u00e1vel<\/strong>. Em muitos casos, toque ou clique em microintera\u00e7\u00f5es com o objetivo de gerar a\u00e7\u00e3o e convers\u00e3o. Algo comum nesse caso s\u00e3o bot\u00f5es que podem se mover quando voc\u00ea passa o mouse sobre ele em um site.&nbsp;<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>2. Efeito deslizar&nbsp;<\/strong><\/h4>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"650\" src=\"https:\/\/fluency.io\/br\/blog\/wp-content\/uploads\/2022\/12\/Exemplos-de-microinteracao-efeito-deslizar-1024x650.png\" alt=\"ilustra\u00e7\u00e3o simbolizando microintera\u00e7\u00e3o de efeito deslizar\" class=\"wp-image-14500\" srcset=\"https:\/\/homolog.fluency.io\/br\/wp-content\/uploads\/sites\/3\/2022\/12\/Exemplos-de-microinteracao-efeito-deslizar-1024x650.png 1024w, https:\/\/homolog.fluency.io\/br\/wp-content\/uploads\/sites\/3\/2022\/12\/Exemplos-de-microinteracao-efeito-deslizar-949x603.png 949w, https:\/\/homolog.fluency.io\/br\/wp-content\/uploads\/sites\/3\/2022\/12\/Exemplos-de-microinteracao-efeito-deslizar-768x488.png 768w, https:\/\/homolog.fluency.io\/br\/wp-content\/uploads\/sites\/3\/2022\/12\/Exemplos-de-microinteracao-efeito-deslizar-661x420.png 661w, https:\/\/homolog.fluency.io\/br\/wp-content\/uploads\/sites\/3\/2022\/12\/Exemplos-de-microinteracao-efeito-deslizar-515x327.png 515w, https:\/\/homolog.fluency.io\/br\/wp-content\/uploads\/sites\/3\/2022\/12\/Exemplos-de-microinteracao-efeito-deslizar-150x95.png 150w, https:\/\/homolog.fluency.io\/br\/wp-content\/uploads\/sites\/3\/2022\/12\/Exemplos-de-microinteracao-efeito-deslizar.png 1400w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Imagem: <a href=\"https:\/\/uxdesign.cc\/micro-interactions-why-when-and-how-to-use-them-to-boost-the-ux-17094b3baaa0\" target=\"_blank\" rel=\"noreferrer noopener\">uxdesign.cc<\/a><\/figcaption><\/figure>\n\n\n\n<p>Consiste em uma anima\u00e7\u00e3o simples de deslizar, o que ajuda a identificar navega\u00e7\u00e3o ou movimento. Um exemplo popular s\u00e3o as microintera\u00e7\u00f5es de slides em aplicativos de namoro como o <strong>Tinder<\/strong>.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>3. Scroll-in-view<\/strong><\/h4>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"800\" height=\"600\" src=\"https:\/\/fluency.io\/br\/blog\/wp-content\/uploads\/2022\/12\/Exemplos-de-microinteracao-scoll-in-view.png\" alt=\"ilustra\u00e7\u00e3o simbolizando microintera\u00e7\u00e3o de efeito scroll in view\" class=\"wp-image-14501\" srcset=\"https:\/\/homolog.fluency.io\/br\/wp-content\/uploads\/sites\/3\/2022\/12\/Exemplos-de-microinteracao-scoll-in-view.png 800w, https:\/\/homolog.fluency.io\/br\/wp-content\/uploads\/sites\/3\/2022\/12\/Exemplos-de-microinteracao-scoll-in-view-768x576.png 768w, https:\/\/homolog.fluency.io\/br\/wp-content\/uploads\/sites\/3\/2022\/12\/Exemplos-de-microinteracao-scoll-in-view-560x420.png 560w, https:\/\/homolog.fluency.io\/br\/wp-content\/uploads\/sites\/3\/2022\/12\/Exemplos-de-microinteracao-scoll-in-view-515x386.png 515w, https:\/\/homolog.fluency.io\/br\/wp-content\/uploads\/sites\/3\/2022\/12\/Exemplos-de-microinteracao-scoll-in-view-150x113.png 150w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><figcaption class=\"wp-element-caption\">Imagem: <a href=\"https:\/\/uxplanet.org\/creating-meaningful-micro-interactions-99cbde1fbee7\" target=\"_blank\" rel=\"noreferrer noopener\">uxplanet.org<\/a><\/figcaption><\/figure>\n\n\n\n<p>As <strong>microintera\u00e7\u00f5es scroll-in-view<\/strong> pretendem dar mais explica\u00e7\u00f5es, informa\u00e7\u00f5es ou op\u00e7\u00f5es sobre um t\u00f3pico, sendo mais comum em aplicativos e <strong>interfaces m\u00f3veis<\/strong>.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>4. Puxar para atualizar (Pull-to-refresh)<\/strong><\/h4>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh6.googleusercontent.com\/nEIVwadWmIGh1Y8HfeTyicTMezYtgaH8GcPXq3EeiFSaNU4x5KCxRfOQGUuKRRgSsgwWRbF0SqE0Z5h7BVUbBL-j5npei4SAmTJXmFbC3TAXO1ZmU-Cj6mCzy6MeDDDon4YQJeES-Oxljs9DlRx13aFg7lKhsbCYGxvGJ3j6XDRTt61gx4DO1IiNDSnqnEW_sQtS-Phn\" alt=\"ilustra\u00e7\u00e3o simbolizando microintera\u00e7\u00e3o de efeito pull to refresh\"\/><figcaption class=\"wp-element-caption\">Imagem: <a href=\"https:\/\/dribbble.com\/shots\/3824298-Pull-to-refresh-iPhone-X-edition\">dribbble.com<\/a><\/figcaption><\/figure>\n\n\n\n<p>Nada menos que o processo de \u201cpuxar\u201d a tela do smartphone para atualizar uma p\u00e1gina. Ao fazer isso, voc\u00ea pode adicionar microintera\u00e7\u00f5es, como anima\u00e7\u00f5es de carregamento, para tornar a espera do usu\u00e1rio menos entediante.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>6. Barras de Progresso<\/strong><\/h4>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh5.googleusercontent.com\/cILypkcMO9ibYKneucnIj5qS-W6mdH2imVpNHuBFOENqWyrKHnBprE5382oDVwD_Ed_lLHwrKvuaManXPVT2YIT2Rp2yTUaX4HUlkPXPonQnOrH5J5a0gMRGV3_BzC6zDTN6bHqgqaR26wBD-zuPB88AMFy0IiuaoFhX95Z0hQHcD5q-uDFE3wpklSKlouHQSDdkevTr\" alt=\"ilustra\u00e7\u00e3o simbolizando microintera\u00e7\u00e3o de efeito de barra de progresso\"\/><figcaption class=\"wp-element-caption\">Imagem: <a href=\"https:\/\/dribbble.com\/shots\/14071272-Loading-Animation-with-Adobe-XD\" target=\"_blank\" rel=\"noreferrer noopener\">dribbble.com<\/a><\/figcaption><\/figure>\n\n\n\n<p>Uma <strong>barra de progresso<\/strong> ou <strong>loading<\/strong> geralmente vem para mostrar o progresso de algo. \u00c9 poss\u00edvel notar facilmente esse tipo de microintera\u00e7\u00f5es, por exemplo, ao fazer upload ou download de um arquivo e enviar um formul\u00e1rio em uma p\u00e1gina.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>7. Sons de erro e notifica\u00e7\u00f5es<\/strong><\/h4>\n\n\n\n<p>Os sons de erro ajudam principalmente os usu\u00e1rios a evitar erros ao executar uma a\u00e7\u00e3o em uma p\u00e1gina. \u00c0s vezes, esses sons tamb\u00e9m desempenham um papel de notifica\u00e7\u00e3o para os usu\u00e1rios. Isso fornece ao usu\u00e1rio feedback de que uma nova notifica\u00e7\u00e3o chegou (sistema acionado).<\/p>\n\n\n\n<p>Quando os usu\u00e1rios recebem notifica\u00e7\u00f5es, voc\u00ea mostra a eles que h\u00e1 algo importante para verificar. Como resultado, a<strong> microanima\u00e7\u00e3o<\/strong> permite que um usu\u00e1rio crie uma associa\u00e7\u00e3o com o produto.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Quando utilizar microintera\u00e7\u00f5es<\/strong><\/h3>\n\n\n\n<p>No <a href=\"https:\/\/fluency.io\/br\/blog\/guia-ui-designer\/?utm_source=blog\" target=\"_blank\" rel=\"noreferrer noopener\">universo de UX\/UI<\/a>, embora pequenas, as microintera\u00e7\u00f5es s\u00e3o apontadas como a pot\u00eancia quando se trata de <strong>comunica\u00e7\u00e3o com o usu\u00e1rio<\/strong>. Mas quando utiliz\u00e1-las? Confira abaixo algumas situa\u00e7\u00f5es:<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Ao criar anima\u00e7\u00f5es<\/strong><\/h4>\n\n\n\n<p>A anima\u00e7\u00e3o simplesmente permite e melhora as microintera\u00e7\u00f5es. Eles personificam um bom design. Embora sua presen\u00e7a n\u00e3o seja notada, a aus\u00eancia dela afeta a todos.&nbsp;<\/p>\n\n\n\n<p>Eles agem como uma cola que ajuda os <strong>designers<\/strong> a tornar os processos mais simples, interessantes e viciantes. Mas tenha muito cuidado, pois eles visam envolver os usu\u00e1rios e n\u00e3o distra\u00ed-los ou frustr\u00e1-los. Isso porque, o processamento atrasado ou introdu\u00e7\u00e3o de novo<strong> estilo de design<\/strong> pode causar confus\u00e3o.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Para demonstrar os status atual de um sistema&nbsp;<\/strong><\/h4>\n\n\n\n<p>\u00c9 essencial manter os<strong> usu\u00e1rios informados<\/strong> sobre o status atual que est\u00e1 acontecendo em um site ou aplicativo. Se eles n\u00e3o forem informados, \u00e9 prov\u00e1vel que eles fiquem irritados e fechem o site ou aplicativo.&nbsp;<\/p>\n\n\n\n<p>Nesse sentido, as <strong>microintera\u00e7\u00f5es<\/strong> permitem que o usu\u00e1rio saiba exatamente o que est\u00e1 acontecendo, quanto tempo levar\u00e1 para o processo ser conclu\u00eddo, etc. Mesmo as mensagens de falha podem ser bem-humoradas, mas eficazes para manter a confian\u00e7a do usu\u00e1rio.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Call to Action&nbsp;<\/strong><\/h4>\n\n\n\n<p>Uma microintera\u00e7\u00e3o tem o poder de essencialmente estimular o usu\u00e1rio a interagir com um aplicativo ou site.&nbsp;<\/p>\n\n\n\n<p>A<strong> chamada \u00e0 a\u00e7\u00e3o<\/strong> instiga um sentimento de conquista, al\u00e9m de ser um fator de empatia no comportamento do usu\u00e1rio e a melhor maneira de fazer seu usu\u00e1rio interagir com o <strong>CTA<\/strong> \u00e9 torn\u00e1-lo envolvente o suficiente para atrair seu interesse.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Ferramentas para crar microintera\u00e7\u00f5es<\/strong><\/h3>\n\n\n\n<p>Conhe\u00e7a algumas ferramentas que voc\u00ea pode usar para criar tarefas espec\u00edficas de microintera\u00e7\u00e3o:<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><a href=\"https:\/\/www.framer.com\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Framer<\/strong><\/a><\/h4>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"768\" src=\"https:\/\/fluency.io\/br\/blog\/wp-content\/uploads\/2022\/12\/microinteracao-framer-1024x768.png\" alt=\"imagem do software framer\" class=\"wp-image-14502\" srcset=\"https:\/\/homolog.fluency.io\/br\/wp-content\/uploads\/sites\/3\/2022\/12\/microinteracao-framer-1024x768.png 1024w, https:\/\/homolog.fluency.io\/br\/wp-content\/uploads\/sites\/3\/2022\/12\/microinteracao-framer-949x712.png 949w, https:\/\/homolog.fluency.io\/br\/wp-content\/uploads\/sites\/3\/2022\/12\/microinteracao-framer-768x576.png 768w, https:\/\/homolog.fluency.io\/br\/wp-content\/uploads\/sites\/3\/2022\/12\/microinteracao-framer-1536x1153.png 1536w, https:\/\/homolog.fluency.io\/br\/wp-content\/uploads\/sites\/3\/2022\/12\/microinteracao-framer-560x420.png 560w, https:\/\/homolog.fluency.io\/br\/wp-content\/uploads\/sites\/3\/2022\/12\/microinteracao-framer-515x386.png 515w, https:\/\/homolog.fluency.io\/br\/wp-content\/uploads\/sites\/3\/2022\/12\/microinteracao-framer-150x113.png 150w, https:\/\/homolog.fluency.io\/br\/wp-content\/uploads\/sites\/3\/2022\/12\/microinteracao-framer.png 1999w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Imagem: <a href=\"https:\/\/www.framer.com\/learn\/how-to-add-inputs-and-forms\/\">framer.com<\/a><\/figcaption><\/figure>\n\n\n\n<p>Ferramenta de UX voltada para o<strong> Design de Intera\u00e7\u00e3o<\/strong>. Trata-se de um plataforma gratuita que permite criar designs interativos de UI e UX para qualquer tipo de aplicativo ou site.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><a rel=\"noreferrer noopener\" href=\"https:\/\/origami.design\/\" target=\"_blank\"><strong>Origami Studio<\/strong><\/a><\/h4>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/fluency.io\/br\/blog\/wp-content\/uploads\/2022\/12\/microinteracao-origami-studio-1024x640.png\" alt=\"imagem do software origami studio\" class=\"wp-image-14503\" srcset=\"https:\/\/homolog.fluency.io\/br\/wp-content\/uploads\/sites\/3\/2022\/12\/microinteracao-origami-studio-1024x640.png 1024w, https:\/\/homolog.fluency.io\/br\/wp-content\/uploads\/sites\/3\/2022\/12\/microinteracao-origami-studio-949x593.png 949w, https:\/\/homolog.fluency.io\/br\/wp-content\/uploads\/sites\/3\/2022\/12\/microinteracao-origami-studio-768x480.png 768w, https:\/\/homolog.fluency.io\/br\/wp-content\/uploads\/sites\/3\/2022\/12\/microinteracao-origami-studio-672x420.png 672w, https:\/\/homolog.fluency.io\/br\/wp-content\/uploads\/sites\/3\/2022\/12\/microinteracao-origami-studio-515x322.png 515w, https:\/\/homolog.fluency.io\/br\/wp-content\/uploads\/sites\/3\/2022\/12\/microinteracao-origami-studio-150x94.png 150w, https:\/\/homolog.fluency.io\/br\/wp-content\/uploads\/sites\/3\/2022\/12\/microinteracao-origami-studio.png 1340w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Imagem: <a href=\"https:\/\/origami.design\/\">origami.design<\/a><\/figcaption><\/figure>\n\n\n\n<p>Ferramenta multifun\u00e7\u00f5es, a <a href=\"https:\/\/origami.design\/\" target=\"_blank\" rel=\"noreferrer noopener\">Origami Studio<\/a> conta com recursos de anima\u00e7\u00e3o e prototipagem. Essa solu\u00e7\u00e3o de design permite organizar componentes visualmente e combin\u00e1-los de forma interativa.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><a href=\"https:\/\/www.protopie.io\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>ProtoPie<\/strong><\/a><\/h4>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"583\" src=\"https:\/\/fluency.io\/br\/blog\/wp-content\/uploads\/2022\/12\/microinteracao-protopie-1024x583.png\" alt=\"imagem do software protopie\" class=\"wp-image-14504\" srcset=\"https:\/\/homolog.fluency.io\/br\/wp-content\/uploads\/sites\/3\/2022\/12\/microinteracao-protopie-1024x583.png 1024w, https:\/\/homolog.fluency.io\/br\/wp-content\/uploads\/sites\/3\/2022\/12\/microinteracao-protopie-949x541.png 949w, https:\/\/homolog.fluency.io\/br\/wp-content\/uploads\/sites\/3\/2022\/12\/microinteracao-protopie-768x437.png 768w, https:\/\/homolog.fluency.io\/br\/wp-content\/uploads\/sites\/3\/2022\/12\/microinteracao-protopie-737x420.png 737w, https:\/\/homolog.fluency.io\/br\/wp-content\/uploads\/sites\/3\/2022\/12\/microinteracao-protopie-515x293.png 515w, https:\/\/homolog.fluency.io\/br\/wp-content\/uploads\/sites\/3\/2022\/12\/microinteracao-protopie-150x85.png 150w, https:\/\/homolog.fluency.io\/br\/wp-content\/uploads\/sites\/3\/2022\/12\/microinteracao-protopie.png 1450w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Image: <a href=\"https:\/\/www.protopie.io\/blog\/highly-interactive-prototyping-for-everyone\" target=\"_blank\" rel=\"noreferrer noopener\">protopie.io<\/a><\/figcaption><\/figure>\n\n\n\n<p>O <a href=\"https:\/\/www.protopie.io\/\" target=\"_blank\" rel=\"noreferrer noopener\">ProtoPie <\/a>\u00e9 a ferramenta de prototipagem mais f\u00e1cil e totalmente livre de c\u00f3digo. Ela ajuda equipes de design e suas empresas a criar prot\u00f3tipos altamente interativos e realistas para dispositivos m\u00f3veis, desktop, web, IoT, entre outros.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><a href=\"https:\/\/principleformac.com\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Principle<\/strong><\/a><\/h4>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"604\" src=\"https:\/\/fluency.io\/br\/blog\/wp-content\/uploads\/2022\/12\/microinteracao-principle-1024x604.png\" alt=\"imagem do software principle\" class=\"wp-image-14505\" srcset=\"https:\/\/homolog.fluency.io\/br\/wp-content\/uploads\/sites\/3\/2022\/12\/microinteracao-principle-1024x604.png 1024w, https:\/\/homolog.fluency.io\/br\/wp-content\/uploads\/sites\/3\/2022\/12\/microinteracao-principle-949x560.png 949w, https:\/\/homolog.fluency.io\/br\/wp-content\/uploads\/sites\/3\/2022\/12\/microinteracao-principle-768x453.png 768w, https:\/\/homolog.fluency.io\/br\/wp-content\/uploads\/sites\/3\/2022\/12\/microinteracao-principle-1536x906.png 1536w, https:\/\/homolog.fluency.io\/br\/wp-content\/uploads\/sites\/3\/2022\/12\/microinteracao-principle-712x420.png 712w, https:\/\/homolog.fluency.io\/br\/wp-content\/uploads\/sites\/3\/2022\/12\/microinteracao-principle-515x304.png 515w, https:\/\/homolog.fluency.io\/br\/wp-content\/uploads\/sites\/3\/2022\/12\/microinteracao-principle-150x88.png 150w, https:\/\/homolog.fluency.io\/br\/wp-content\/uploads\/sites\/3\/2022\/12\/microinteracao-principle.png 1872w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Imagem: <a href=\"https:\/\/principleformac.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">principleformac.com<\/a><\/figcaption><\/figure>\n\n\n\n<p>O <a href=\"https:\/\/principleformac.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Principle para Mac <\/a>\u00e9 uma ferramenta de <strong>prototipagem UX<\/strong> que ajuda designers a criar interfaces de usu\u00e1rio animadas e interativas para web, dispositivos m\u00f3veis e desktop.\u00a0<\/p>\n\n\n\n<p>Como o nome sugere, o <strong>Principle<\/strong> foi projetado sob medida para o sistema operacional Mac e \u00e9 alimentado por <strong>Core Animation<\/strong>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Estude UX Design na Awari. Conhe\u00e7a nossos cursos!<\/strong><\/h2>\n\n\n\n<p>A Awari \u00e9 uma plataforma de ensino completa que conta com <strong>mentorias individuais<\/strong>, cursos com aulas ao vivo e suporte de carreira para voc\u00ea dar seu pr\u00f3ximo passo <strong>profissional<\/strong>.<\/p>\n\n\n\n<p>Conhe\u00e7a nossa <a href=\"https:\/\/fluency.io\/br\/blog\/trilha-de-design\/?utm_source=blog&amp;utm_medium=post\" target=\"_blank\" rel=\"noreferrer noopener\">Trilha de Design<\/a> e confira os nossos cursos de <a href=\"https:\/\/fluency.io\/br\/blog\/curso\/ux-design\/?utm_source=blog&amp;utm_medium=post\" target=\"_blank\" rel=\"noreferrer noopener\">UX<strong> <\/strong><\/a>e<strong> <\/strong><a href=\"https:\/\/fluency.io\/br\/blog\/curso\/ui-design\/?utm_source=blog&amp;utm_medium=post\" target=\"_blank\" rel=\"noreferrer noopener\">UI<\/a> com jornada <strong>personalizada<\/strong> e materiais complementares desenvolvidos por especialistas no mercado.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Seja nos dispositivos que usamos, nos eletrodom\u00e9sticos que temos em casa, nos aplicativos em nossos smartphones, e at\u00e9 mesmo nos ambientes em que vivemos e trabalhamos, as microintera\u00e7\u00f5es est\u00e3o por toda parte.&nbsp; No contexto de UX Design, uma microintera\u00e7\u00e3o \u00e9 capaz de fornecer feedback ao usu\u00e1rio e geralmente transmite o status de um sistema ou [&hellip;]<\/p>\n","protected":false},"author":9,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":[186],"meta":{"inline_featured_image":false,"footnotes":""},"categories":[229],"tags":[],"trilha":[],"class_list":["post-118031","post","type-post","status-publish","format-standard","hentry","category-skills","format-artigos"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Microintera\u00e7\u00e3o: Entenda tudo sobre seu impacto no UX Design - Fluency.io Brasil<\/title>\n<meta name=\"description\" content=\"Seja nos dispositivos que usamos, nos eletrodom\u00e9sticos que temos em casa, nos aplicativos em nossos smartphones, e at\u00e9 mesmo nos ambientes em que vivemos e...\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/homolog.fluency.io\/br\/blog\/o-que-e-microinteracao\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Microintera\u00e7\u00e3o: Entenda tudo sobre seu impacto no UX Design - Fluency.io Brasil\" \/>\n<meta property=\"og:description\" content=\"Seja nos dispositivos que usamos, nos eletrodom\u00e9sticos que temos em casa, nos aplicativos em nossos smartphones, e at\u00e9 mesmo nos ambientes em que vivemos e...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/homolog.fluency.io\/br\/blog\/o-que-e-microinteracao\/\" \/>\n<meta property=\"og:site_name\" content=\"Fluency.io Brasil\" \/>\n<meta property=\"article:published_time\" content=\"2022-12-20T11:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-07-27T15:51:31+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"kaue\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. tempo de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"9 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/homolog.fluency.io\/br\/blog\/o-que-e-microinteracao\/\",\"url\":\"https:\/\/homolog.fluency.io\/br\/blog\/o-que-e-microinteracao\/\",\"name\":\"Microintera\u00e7\u00e3o: Entenda tudo sobre seu impacto no UX Design - Fluency.io Brasil\",\"isPartOf\":{\"@id\":\"https:\/\/fluency.io\/br\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/homolog.fluency.io\/br\/blog\/o-que-e-microinteracao\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/homolog.fluency.io\/br\/blog\/o-que-e-microinteracao\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/fluency.io\/br\/blog\/wp-content\/uploads\/2022\/12\/Exemplos-de-microinteracao-toque-ou-clique-1024x512.png\",\"datePublished\":\"2022-12-20T11:00:00+00:00\",\"dateModified\":\"2023-07-27T15:51:31+00:00\",\"author\":{\"@id\":\"https:\/\/fluency.io\/br\/#\/schema\/person\/7b3b2b50ba17b7f2ad0cce0a40bfa00a\"},\"description\":\"Seja nos dispositivos que usamos, nos eletrodom\u00e9sticos que temos em casa, nos aplicativos em nossos smartphones, e at\u00e9 mesmo nos ambientes em que vivemos e...\",\"breadcrumb\":{\"@id\":\"https:\/\/homolog.fluency.io\/br\/blog\/o-que-e-microinteracao\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/homolog.fluency.io\/br\/blog\/o-que-e-microinteracao\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/homolog.fluency.io\/br\/blog\/o-que-e-microinteracao\/#primaryimage\",\"url\":\"https:\/\/fluency.io\/br\/blog\/wp-content\/uploads\/2022\/12\/Exemplos-de-microinteracao-toque-ou-clique-1024x512.png\",\"contentUrl\":\"https:\/\/fluency.io\/br\/blog\/wp-content\/uploads\/2022\/12\/Exemplos-de-microinteracao-toque-ou-clique-1024x512.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/homolog.fluency.io\/br\/blog\/o-que-e-microinteracao\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"In\u00edcio\",\"item\":\"https:\/\/homolog.fluency.io\/br\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Microintera\u00e7\u00e3o: Entenda tudo sobre seu impacto no UX Design\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/fluency.io\/br\/#website\",\"url\":\"https:\/\/fluency.io\/br\/\",\"name\":\"Fluency.io Brasil\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/fluency.io\/br\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/fluency.io\/br\/#\/schema\/person\/7b3b2b50ba17b7f2ad0cce0a40bfa00a\",\"name\":\"kaue\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/fluency.io\/br\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/bdd3958fa53019cfd8f789c0a49a730e7ba40a1d20cb42c9ced7646285842479?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/bdd3958fa53019cfd8f789c0a49a730e7ba40a1d20cb42c9ced7646285842479?s=96&d=mm&r=g\",\"caption\":\"kaue\"},\"url\":\"https:\/\/homolog.fluency.io\/br\/author\/kaue\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Microintera\u00e7\u00e3o: Entenda tudo sobre seu impacto no UX Design - Fluency.io Brasil","description":"Seja nos dispositivos que usamos, nos eletrodom\u00e9sticos que temos em casa, nos aplicativos em nossos smartphones, e at\u00e9 mesmo nos ambientes em que vivemos e...","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/homolog.fluency.io\/br\/blog\/o-que-e-microinteracao\/","og_locale":"pt_BR","og_type":"article","og_title":"Microintera\u00e7\u00e3o: Entenda tudo sobre seu impacto no UX Design - Fluency.io Brasil","og_description":"Seja nos dispositivos que usamos, nos eletrodom\u00e9sticos que temos em casa, nos aplicativos em nossos smartphones, e at\u00e9 mesmo nos ambientes em que vivemos e...","og_url":"https:\/\/homolog.fluency.io\/br\/blog\/o-que-e-microinteracao\/","og_site_name":"Fluency.io Brasil","article_published_time":"2022-12-20T11:00:00+00:00","article_modified_time":"2023-07-27T15:51:31+00:00","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"kaue","Est. tempo de leitura":"9 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/homolog.fluency.io\/br\/blog\/o-que-e-microinteracao\/","url":"https:\/\/homolog.fluency.io\/br\/blog\/o-que-e-microinteracao\/","name":"Microintera\u00e7\u00e3o: Entenda tudo sobre seu impacto no UX Design - Fluency.io Brasil","isPartOf":{"@id":"https:\/\/fluency.io\/br\/#website"},"primaryImageOfPage":{"@id":"https:\/\/homolog.fluency.io\/br\/blog\/o-que-e-microinteracao\/#primaryimage"},"image":{"@id":"https:\/\/homolog.fluency.io\/br\/blog\/o-que-e-microinteracao\/#primaryimage"},"thumbnailUrl":"https:\/\/fluency.io\/br\/blog\/wp-content\/uploads\/2022\/12\/Exemplos-de-microinteracao-toque-ou-clique-1024x512.png","datePublished":"2022-12-20T11:00:00+00:00","dateModified":"2023-07-27T15:51:31+00:00","author":{"@id":"https:\/\/fluency.io\/br\/#\/schema\/person\/7b3b2b50ba17b7f2ad0cce0a40bfa00a"},"description":"Seja nos dispositivos que usamos, nos eletrodom\u00e9sticos que temos em casa, nos aplicativos em nossos smartphones, e at\u00e9 mesmo nos ambientes em que vivemos e...","breadcrumb":{"@id":"https:\/\/homolog.fluency.io\/br\/blog\/o-que-e-microinteracao\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/homolog.fluency.io\/br\/blog\/o-que-e-microinteracao\/"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/homolog.fluency.io\/br\/blog\/o-que-e-microinteracao\/#primaryimage","url":"https:\/\/fluency.io\/br\/blog\/wp-content\/uploads\/2022\/12\/Exemplos-de-microinteracao-toque-ou-clique-1024x512.png","contentUrl":"https:\/\/fluency.io\/br\/blog\/wp-content\/uploads\/2022\/12\/Exemplos-de-microinteracao-toque-ou-clique-1024x512.png"},{"@type":"BreadcrumbList","@id":"https:\/\/homolog.fluency.io\/br\/blog\/o-que-e-microinteracao\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"In\u00edcio","item":"https:\/\/homolog.fluency.io\/br\/"},{"@type":"ListItem","position":2,"name":"Microintera\u00e7\u00e3o: Entenda tudo sobre seu impacto no UX Design"}]},{"@type":"WebSite","@id":"https:\/\/fluency.io\/br\/#website","url":"https:\/\/fluency.io\/br\/","name":"Fluency.io Brasil","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/fluency.io\/br\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"},{"@type":"Person","@id":"https:\/\/fluency.io\/br\/#\/schema\/person\/7b3b2b50ba17b7f2ad0cce0a40bfa00a","name":"kaue","image":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/fluency.io\/br\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/bdd3958fa53019cfd8f789c0a49a730e7ba40a1d20cb42c9ced7646285842479?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/bdd3958fa53019cfd8f789c0a49a730e7ba40a1d20cb42c9ced7646285842479?s=96&d=mm&r=g","caption":"kaue"},"url":"https:\/\/homolog.fluency.io\/br\/author\/kaue\/"}]}},"_links":{"self":[{"href":"https:\/\/homolog.fluency.io\/br\/wp-json\/wp\/v2\/posts\/118031","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/homolog.fluency.io\/br\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/homolog.fluency.io\/br\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/homolog.fluency.io\/br\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/homolog.fluency.io\/br\/wp-json\/wp\/v2\/comments?post=118031"}],"version-history":[{"count":0,"href":"https:\/\/homolog.fluency.io\/br\/wp-json\/wp\/v2\/posts\/118031\/revisions"}],"wp:attachment":[{"href":"https:\/\/homolog.fluency.io\/br\/wp-json\/wp\/v2\/media?parent=118031"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/homolog.fluency.io\/br\/wp-json\/wp\/v2\/categories?post=118031"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/homolog.fluency.io\/br\/wp-json\/wp\/v2\/tags?post=118031"},{"taxonomy":"format","embeddable":true,"href":"https:\/\/homolog.fluency.io\/br\/wp-json\/wp\/v2\/format?post=118031"},{"taxonomy":"trilha","embeddable":true,"href":"https:\/\/homolog.fluency.io\/br\/wp-json\/wp\/v2\/trilha?post=118031"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}