{"id":13383,"date":"2018-06-27T09:21:41","date_gmt":"2018-06-27T12:21:41","guid":{"rendered":"http:\/\/www.impacta.com.br\/blog\/?p=13383"},"modified":"2018-06-27T09:21:41","modified_gmt":"2018-06-27T12:21:41","slug":"o-que-voce-precisa-saber-sobre-o-design-de-interacao","status":"publish","type":"post","link":"https:\/\/www.impacta.com.br\/blog\/o-que-voce-precisa-saber-sobre-o-design-de-interacao\/","title":{"rendered":"O que voc\u00ea precisa saber sobre o Design de Intera\u00e7\u00e3o?"},"content":{"rendered":"<p><span style=\"font-size: 14pt;\"><em>N\u00e3o pode ler esse artigo agora? Ou\u00e7a a mat\u00e9ria no Player abaixo:<\/em><\/span><br \/>\n<iframe loading=\"lazy\" width=\"100%\" height=\"83\" style=\"height: 83px !important;\" scrolling=\"no\" src=\"https:\/\/go.vooozer.com\/embed\/fc840a3e\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><br \/>\n<span style=\"font-size: 14pt;\">Voc\u00ea sabe exatamente o que \u00e9\u00a0Design de Intera\u00e7\u00e3o? Para visualizar melhor esse conceito, basta lembrar da forma como voc\u00ea navega em um site, das facilidades ou dificuldades para encontrar o que procura, da clareza das informa\u00e7\u00f5es e objetividade dos elementos dispostos para auxiliar a sua navega\u00e7\u00e3o.<\/span><br \/>\n<span style=\"font-size: 14pt;\">Uma vez que o foco deste estudo \u00e9 o usu\u00e1rio, leva-se em conta a legibilidade, a usabilidade, a funcionalidade e tamb\u00e9m a est\u00e9tica. E, para que tudo funcione corretamente, o profissional\u00a0precisa conhecer as principais caracter\u00edsticas da \u00e1rea, que ser\u00e3o melhor detalhadas a seguir. Confira!<\/span><\/p>\n<h2><strong><span style=\"font-size: 14pt;\">Legibilidade<\/span><\/strong><\/h2>\n<p><span style=\"font-size: 14pt;\">O\u00a0<a href=\"https:\/\/www.impacta.com.br\/online\/Canvas-Design-de-Interacao-online.php?utm_source=blog&amp;utm_medium=link&amp;utm_campaign=curso_canvas\" target=\"_blank\" rel=\"noopener noreferrer\">Design\u00a0de Intera\u00e7\u00e3o <\/a>organiza tudo\u00a0\u2014\u00a0ele estuda a rela\u00e7\u00e3o entre um sistema e o usu\u00e1rio por meio de uma interface e\u00a0trabalha a maneira como um site, um aplicativo ou jogo ser\u00e1 manuseado pelas pessoas.\u00a0Portanto, seu principal objetivo \u00e9 garantir o melhor desempenho durante a conex\u00e3o dos internautas com as plataformas virtuais.<\/span><br \/>\n<span style=\"font-size: 14pt;\">O ponto de partida consiste em testes feitos com as pessoas para entender o comportamento delas durante a navega\u00e7\u00e3o para, depois, otimizar as fun\u00e7\u00f5es dos sistemas, executando-as da maneira mais objetiva e simplificada\u00a0poss\u00edvel.<\/span><br \/>\n<span style=\"font-size: 14pt;\">O processo todo\u00a0envolve a assimila\u00e7\u00e3o pura e simples dos\u00a0<a href=\"https:\/\/www.impacta.com.br\/blog\/2015\/04\/13\/aprenda-7-elementos-que-devem-ser-observados-para-criar-um-design-responsivo\/\" target=\"_blank\" rel=\"noopener noreferrer\">elementos<\/a>\u00a0existentes em uma tela toda vez que o usu\u00e1rio abre um dispositivo ou site. Isso engloba a compreens\u00e3o do texto em conjunto com os \u00edcones, as imagens, os sons e outros itens. A legibilidade \u00e9 o conceito que permite a compreens\u00e3o do texto em fun\u00e7\u00e3o de todos os outros elementos envolvidos. A apreens\u00e3o do significado deve ser poss\u00edvel dentro de um contexto, e n\u00e3o isoladamente.<\/span><br \/>\n<span style=\"font-size: 14pt;\">Sua import\u00e2ncia est\u00e1 nos detalhes!\u00a0Eles v\u00e3o desde a escolha das palavras certas, da iconografia adequada at\u00e9 a fonte com suas nuances, espessuras e cores. At\u00e9 mesmo os espa\u00e7amentos dos textos s\u00e3o importantes para cada conceito usado.<\/span><br \/>\n<span style=\"font-size: 14pt;\">\u00c9 nessa etapa do projeto que os contrastes tamb\u00e9m s\u00e3o aplicados. Entenda que n\u00e3o se trata apenas de\u00a0diferen\u00e7a entre cores opostas, mas tamb\u00e9m, de redu\u00e7\u00f5es e amplia\u00e7\u00f5es para facilitar a percep\u00e7\u00e3o das informa\u00e7\u00f5es.<\/span><\/p>\n<h2><strong><span style=\"font-size: 14pt;\">Usabilidade<\/span><\/strong><\/h2>\n<p><span style=\"font-size: 14pt;\">Uma das maiores preocupa\u00e7\u00f5es de um designer de intera\u00e7\u00e3o \u00e9 garantir que o usu\u00e1rio de um sistema chegue facilmente ao seu objetivo. Nesse sentido, a\u00a0<a href=\"https:\/\/www.impacta.edu.br\/pos\/arquitetura-da-informacao-e-ux-modulo-avancado-em-usabilidade?utm_source=blog&amp;utm_medium=link&amp;utm_campaign=pos_ux\" target=\"_blank\" rel=\"noopener noreferrer\">usabilidade<\/a>\u00a0est\u00e1 associada \u00e0 legibilidade, mas deve ir al\u00e9m.<\/span><\/p>\n<p style=\"text-align: left;\"><span style=\"font-size: 14pt;\">Isso significa que o projetista precisa determinar exatamente quais elementos poder\u00e3o direcionar a aten\u00e7\u00e3o das pessoas, simplificando a localiza\u00e7\u00e3o dos itens interativos de forma\u00a0<a href=\"https:\/\/www.impacta.com.br\/blog\/2015\/03\/20\/como-porque-melhorar-design-tela-de-login\/\">intuitiva<\/a>. Pensando na usabilidade, o designer ter\u00e1 que diagramar a interface e preparar os prot\u00f3tipos de comportamento. E quais s\u00e3o as\u00a0<a href=\"https:\/\/www.impacta.com.br\/blog\/2018\/04\/13\/descubra-8-ferramentas-para-criar-prototipos-e-wireframes\/\" target=\"_blank\" rel=\"noopener noreferrer\">ferramentas necess\u00e1rias<\/a>?<\/span><\/p>\n<p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-13384\" title=\"O que voc\u00ea precisa saber sobre design de interacao\" src=\"https:\/\/www.impacta.com.br\/blog\/wp-content\/uploads\/2018\/06\/201637-o-que-voce-precisa-saber-sobre-o-design-de-interacao.jpg\" alt=\"O que voc\u00ea precisa saber sobre design de interacao\" width=\"475\" height=\"300\" \/><\/p>\n<h3 style=\"text-align: left;\"><strong><span style=\"font-size: 14pt;\">Wireframe<\/span><\/strong><\/h3>\n<p><span style=\"font-size: 14pt;\">\u00c9 um rascunho feito para definir as funcionalidades do sistema. Ele pode ser desenhado \u00e0\u00a0m\u00e3o ou em algum software de computador, mas n\u00e3o tem fidelidade ao resultado. Sua relev\u00e2ncia \u00e9 para estabelecer conceitos b\u00e1sicos, enquanto o design final da interface ainda est\u00e1 em desenvolvimento.<\/span><\/p>\n<h3><strong><span style=\"font-size: 14pt;\">Mockup<\/span><\/strong><\/h3>\n<p><span style=\"font-size: 14pt;\">\u00c9 um esbo\u00e7o feito por meio de imagens est\u00e1ticas representando a apar\u00eancia final da maneira mais pr\u00f3xima poss\u00edvel. Seu objetivo \u00e9 ilustrar para o investidor e a equipe envolvida como ficar\u00e1 o projeto no final. \u00c9 \u00fatil tamb\u00e9m como ponto de partida para a cria\u00e7\u00e3o do c\u00f3digo relativo \u00e0 interface gr\u00e1fica do sistema.<\/span><\/p>\n<h3><strong><span style=\"font-size: 14pt;\">Prot\u00f3tipo<\/span><\/strong><\/h3>\n<p><span style=\"font-size: 14pt;\">Nessa fase, \u00e9 feita uma simula\u00e7\u00e3o das intera\u00e7\u00f5es com a\u00e7\u00f5es de movimentos e cliques, por\u00e9m, os dados s\u00e3o sempre fict\u00edcios e funcionam em ambiente controlado. A finalidade \u00e9 promover um planejamento melhor da intera\u00e7\u00e3o, al\u00e9m de mostrar exemplos aos usu\u00e1rios-teste e investidores.<\/span><br \/>\n<span style=\"font-size: 14pt;\">Com os experimentos de usabilidade, o profissional de intera\u00e7\u00e3o poder\u00e1 definir variados fatores, como: tamanhos de \u00edcones, acessibilidade, espa\u00e7amentos e outros. \u00c9 nesse ponto do projeto que se deve sair da zona de conforto para provar o layout em contextos diversos.<\/span><\/p>\n<h2><strong><span style=\"font-size: 14pt;\">Funcionalidade<\/span><\/strong><\/h2>\n<p><span style=\"font-size: 14pt;\">Sabemos que a raz\u00e3o de todo design \u00e9 dar fun\u00e7\u00e3o \u00e0 forma, sem isso, deixa de ser design para se tornar arte!\u00a0Nessa \u00e1rea, \u00e9 essencial ter consci\u00eancia de que tudo, at\u00e9 mesmo a est\u00e9tica, precisa ser\u00a0<a href=\"https:\/\/www.impacta.com.br\/blog\/2018\/05\/09\/guia-melhores-recursos-para-web-design\/\" target=\"_blank\" rel=\"noopener noreferrer\">funcional<\/a>.<\/span><br \/>\n<span style=\"font-size: 14pt;\">\u00c9 por isso que o Designer de Intera\u00e7\u00e3o deve conhecer n\u00e3o apenas a parte est\u00e9tica e gr\u00e1fica, mas tamb\u00e9m como \u00e9 constitu\u00eddo o desenvolvimento;\u00a0e\u00a0qual \u00e9 a tecnologia necess\u00e1ria para que os sistemas e aplicativos operem corretamente. Nesse momento, entra em cena a programa\u00e7\u00e3o.<\/span><\/p>\n<h2><strong><span style=\"font-size: 14pt;\">Programa\u00e7\u00e3o<\/span><\/strong><\/h2>\n<p><span style=\"font-size: 14pt;\">Da mesma forma que um engenheiro entende de constru\u00e7\u00e3o e um chef sabe como funciona uma cozinha, o Designer de Intera\u00e7\u00e3o precisa saber programar e como implementar o seu projeto.<\/span><br \/>\n<span style=\"font-size: 14pt;\">Supondo que ele n\u00e3o seja o respons\u00e1vel direto pela aplica\u00e7\u00e3o do c\u00f3digo, ainda \u00e9 preciso que ele tenha conhecimento sobre <a title=\"Desenvolvedor: Front-End, Back-End ou Full Stack?\" href=\"https:\/\/www.impacta.com.br\/blog\/2017\/10\/25\/desenvolvedor-front-end-back-end-ou-full-stack\/\" target=\"_blank\" rel=\"noopener noreferrer\">front-end, back-end<\/a> e <a title=\"Conhe\u00e7a alguns diferentes tipos de bancos de dados\" href=\"https:\/\/www.impacta.com.br\/blog\/2017\/08\/07\/conheca-alguns-diferentes-tipos-de-bancos-de-dados\/\" target=\"_blank\" rel=\"noopener noreferrer\">banco de dados<\/a>, j\u00e1 que, para criar\u00a0componentes de interatividade, a responsabilidade ser\u00e1 desse profissional.<\/span><br \/>\n<span style=\"font-size: 14pt;\">Essa no\u00e7\u00e3o \u00e9 importante porque a experi\u00eancia do usu\u00e1rio depende de toda a bagagem tecnol\u00f3gica que est\u00e1 presente no desenvolvimento de um sistema, antes mesmo que o usu\u00e1rio tenha acesso a ele.<\/span><br \/>\n<span style=\"font-size: 14pt;\">Ainda como parte do processo,\u00a0o designer dever\u00e1 testar a confiabilidade dos dados, a praticidade da atualiza\u00e7\u00e3o, o tempo de resposta e\u00a0de reparo de eventuais problemas, a seguran\u00e7a do c\u00f3digo, enfim, tudo que refletir\u00e1 na qualidade do projeto.<\/span><br \/>\n<span style=\"font-size: 14pt;\">Com base nisso, para compreender, sugerir e efetuar o profissional deve ter conhecimentos espec\u00edficos sobre diferentes\u00a0<a href=\"https:\/\/www.impacta.com.br\/blog\/2017\/09\/25\/linguagens-programacao-web-conhecer\/\" target=\"_blank\" rel=\"noopener noreferrer\">linguagens de programa\u00e7\u00e3o<\/a>\u00a0e suas tecnologias adicionais, com foco no front-end.<\/span><br \/>\n<span style=\"font-size: 14pt;\">Essas linguagens s\u00e3o:<\/span><\/p>\n<ul>\n<li><strong><span style=\"font-size: 14pt;\"><a title=\"5 motivos para voc\u00ea aprender HTML5\" href=\"https:\/\/www.impacta.com.br\/blog\/2016\/04\/25\/5-motivos-para-aprender-html5\/\" target=\"_blank\" rel=\"noopener noreferrer\">HTML<\/a>;<\/span><\/strong><\/li>\n<li><strong><span style=\"font-size: 14pt;\">CSS;<\/span><\/strong><\/li>\n<li><strong><span style=\"font-size: 14pt;\"><a title=\"Saiba o que \u00e9 JavaScript e por que voc\u00ea deve conhec\u00ea-la!\" href=\"https:\/\/www.impacta.com.br\/blog\/2017\/12\/26\/saiba-o-que-e-javascript-e-por-que-voce-deve-conhece-la\/\" target=\"_blank\" rel=\"noopener noreferrer\">javascript<\/a>;<\/span><\/strong><\/li>\n<li><strong><span style=\"font-size: 14pt;\">kits de plataformas (<a title=\"Mobile: Android Developer ou iOS Swift?\" href=\"https:\/\/www.impacta.com.br\/blog\/2017\/09\/13\/mobile-android-developer-ou-ios-swift\/\" target=\"_blank\" rel=\"noopener noreferrer\">Android kit, iOS<\/a>, UWP);<\/span><\/strong><\/li>\n<li><strong><span style=\"font-size: 14pt;\"><a title=\"Entenda o que \u00e9 l\u00f3gica de programa\u00e7\u00e3o\" href=\"https:\/\/www.impacta.com.br\/blog\/2017\/03\/24\/entenda-o-que-e-logica-de-programacao\/\" target=\"_blank\" rel=\"noopener noreferrer\">l\u00f3gica de programa\u00e7\u00e3o<\/a>;<\/span><\/strong><\/li>\n<li><strong><span style=\"font-size: 14pt;\">documentos DOM espec\u00edficos de algumas plataformas;<\/span><\/strong><\/li>\n<li><span style=\"font-size: 14pt;\"><strong>linguagens back-end \u2014 <a title=\"Por que voc\u00ea deveria aprender a linguagem PHP?\" href=\"https:\/\/www.impacta.com.br\/blog\/2017\/12\/01\/por-que-aprender-linguagem-php\/\" target=\"_blank\" rel=\"noopener noreferrer\">PHP <\/a>\u2014 <a title=\"Entenda a import\u00e2ncia de se aprender Java\" href=\"https:\/\/www.impacta.com.br\/blog\/2017\/04\/03\/entenda-a-importancia-de-se-aprender-java\/\" target=\"_blank\" rel=\"noopener noreferrer\">java<\/a>, ASP, python e outras que se mostrarem necess\u00e1rias, conforme a necessidade<\/strong>.<\/span><\/li>\n<\/ul>\n<h2><strong><span style=\"font-size: 14pt;\">Est\u00e9tica<\/span><\/strong><\/h2>\n<p><span style=\"font-size: 14pt;\">Por fim, a caracter\u00edstica mais evidente e lembrada pela maioria dos usu\u00e1rios: a est\u00e9tica. Confundida por muitos como sin\u00f4nimo de beleza, ela \u00e9, na verdade, um conjunto de atributos relativos \u00e0 filosofia e \u00e0 arte.<\/span><br \/>\n<span style=\"font-size: 14pt;\">Em um projeto de design, a est\u00e9tica tem a fun\u00e7\u00e3o de adaptar a apar\u00eancia ao conceito desenvolvido. Na maioria das vezes, \u00e9 uma consequ\u00eancia de um trabalho bem feito e acaba sendo elaborada por \u00faltimo.<\/span><br \/>\n<span style=\"font-size: 14pt;\">Na \u00e1rea de TI, o termo usado para est\u00e9tica de um aplicativo ou sistema \u00e9 Look &amp; Feel\u00a0(apar\u00eancia e sensa\u00e7\u00e3o), que resume a impress\u00e3o sentida pelo usu\u00e1rio ao interagir com uma interface gr\u00e1fica, por exemplo: o Windows, o Mac iOS ou o\u00a0<a href=\"https:\/\/www.impacta.com.br\/blog\/2018\/01\/17\/por-que-se-especializar-no-sistema-operacional-linux\/\" target=\"_blank\" rel=\"noopener noreferrer\">Linux<\/a>, que se diferenciam em um mesmo aplicativo.<\/span><br \/>\n<span style=\"font-size: 14pt;\">Conforme se p\u00f4de observar, \u00e9 n\u00edtida a import\u00e2ncia dessa disciplina. Gra\u00e7as a essa compet\u00eancia, \u00e9 poss\u00edvel diferenciar o que \u00e9 essencial do que pode ser secund\u00e1rio. A navega\u00e7\u00e3o pode ser simplificada diminuindo a necessidade de cliques e o tempo de espera.<\/span><br \/>\n<span style=\"font-size: 14pt;\">Al\u00e9m disso, o Design de Intera\u00e7\u00e3o funciona como um ponto de equil\u00edbrio entre a funcionalidade do sistema e a capacidade de intera\u00e7\u00e3o, evitando que o usu\u00e1rio se decepcione com o produto. Esse \u00e9, portanto, um ramo do\u00a0design que tende a se aperfei\u00e7oar e a se tornar\u00a0cada dia mais indispens\u00e1vel para a intera\u00e7\u00e3o com as diversas plataformas digitais.<\/span><br \/>\n<span style=\"font-size: 14pt;\">\u00c9 prov\u00e1vel que essas descri\u00e7\u00f5es sobre as principais compet\u00eancias relativas ao Design de Intera\u00e7\u00e3o possam informar o b\u00e1sico sobre o assunto. Mas, para esclarecer qualquer d\u00favida que voc\u00ea ainda tenha, entre em\u00a0<a href=\"https:\/\/www.impacta.com.br\/contato.php\" target=\"_blank\" rel=\"noopener noreferrer\">contato com a gente<\/a>!<\/span><\/p>\n<div class=\"sharing-default-minimal post-bottom\"><div class=\"nectar-social default\" data-position=\"\" data-rm-love=\"0\" data-color-override=\"override\"><div class=\"nectar-social-inner\"><a href=\"#\" class=\"nectar-love\" id=\"nectar-love-13383\" title=\"Love this\"> <i class=\"icon-salient-heart-2\"><\/i><span class=\"love-text\">Love<\/span><span class=\"total_loves\"><span class=\"nectar-love-count\">0<\/span><\/span><\/a><a class='facebook-share nectar-sharing' href='#' title='Share this'> <i class='fa fa-facebook'><\/i> <span class='social-text'>Share<\/span> <\/a><a class='twitter-share nectar-sharing' href='#' title='Share this'> <i class='fa icon-salient-x-twitter'><\/i> <span class='social-text'>Share<\/span> <\/a><a class='linkedin-share nectar-sharing' href='#' title='Share this'> <i class='fa fa-linkedin'><\/i> <span class='social-text'>Share<\/span> <\/a><a class='pinterest-share nectar-sharing' href='#' title='Pin this'> <i class='fa fa-pinterest'><\/i> <span class='social-text'>Pin<\/span> <\/a><\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>N\u00e3o pode ler esse artigo agora? Ou\u00e7a a mat\u00e9ria no Player abaixo: Voc\u00ea sabe exatamente o que \u00e9\u00a0Design de Intera\u00e7\u00e3o? Para visualizar melhor esse conceito, basta lembrar da forma como voc\u00ea navega em um site, das facilidades ou dificuldades para encontrar o que procura, da clareza das informa\u00e7\u00f5es e objetividade dos elementos dispostos para auxiliar [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":16958,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[26,10],"tags":[77,364,169],"class_list":["post-13383","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-arte-design","category-desenvolvimento","tag-design-2","tag-design-de-interacao","tag-usabilidade"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\r\n<title>O que voc\u00ea precisa saber sobre o Design de Intera\u00e7\u00e3o?<\/title>\r\n<meta name=\"description\" content=\"A experi\u00eancia do usu\u00e1rio e a facilidade de navega\u00e7\u00e3o s\u00e3o fundamentais no meio digital e, por isso, o Design de Intera\u00e7\u00e3o ganha ainda mais import\u00e2ncia. Veja!\" \/>\r\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\r\n<link rel=\"canonical\" href=\"https:\/\/www.impacta.com.br\/blog\/o-que-voce-precisa-saber-sobre-o-design-de-interacao\/\" \/>\r\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\r\n<meta property=\"og:type\" content=\"article\" \/>\r\n<meta property=\"og:title\" content=\"O que voc\u00ea precisa saber sobre o Design de Intera\u00e7\u00e3o?\" \/>\r\n<meta property=\"og:description\" content=\"A experi\u00eancia do usu\u00e1rio e a facilidade de navega\u00e7\u00e3o s\u00e3o fundamentais no meio digital e, por isso, o Design de Intera\u00e7\u00e3o ganha ainda mais import\u00e2ncia. Veja!\" \/>\r\n<meta property=\"og:url\" content=\"https:\/\/www.impacta.com.br\/blog\/o-que-voce-precisa-saber-sobre-o-design-de-interacao\/\" \/>\r\n<meta property=\"og:site_name\" content=\"Blog Impacta - Dicas e Not\u00edcias sobre Carreira\" \/>\r\n<meta property=\"article:published_time\" content=\"2018-06-27T12:21:41+00:00\" \/>\r\n<meta property=\"og:image\" content=\"https:\/\/www.impacta.com.br\/blog\/wp-content\/uploads\/2020\/04\/design_de_interacao.jpg\" \/>\r\n\t<meta property=\"og:image:width\" content=\"850\" \/>\r\n\t<meta property=\"og:image:height\" content=\"284\" \/>\r\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\r\n<meta name=\"author\" content=\"Reda\u00e7\u00e3o Impacta\" \/>\r\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\r\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Reda\u00e7\u00e3o Impacta\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutos\" \/>\r\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.impacta.com.br\/blog\/o-que-voce-precisa-saber-sobre-o-design-de-interacao\/\",\"url\":\"https:\/\/www.impacta.com.br\/blog\/o-que-voce-precisa-saber-sobre-o-design-de-interacao\/\",\"name\":\"O que voc\u00ea precisa saber sobre o Design de Intera\u00e7\u00e3o?\",\"isPartOf\":{\"@id\":\"https:\/\/www.impacta.com.br\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.impacta.com.br\/blog\/o-que-voce-precisa-saber-sobre-o-design-de-interacao\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.impacta.com.br\/blog\/o-que-voce-precisa-saber-sobre-o-design-de-interacao\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.impacta.com.br\/blog\/wp-content\/uploads\/2020\/04\/design_de_interacao.jpg\",\"datePublished\":\"2018-06-27T12:21:41+00:00\",\"author\":{\"@id\":\"https:\/\/www.impacta.com.br\/blog\/#\/schema\/person\/2e0896bac7656da15b68f5ad2ddd0d8c\"},\"description\":\"A experi\u00eancia do usu\u00e1rio e a facilidade de navega\u00e7\u00e3o s\u00e3o fundamentais no meio digital e, por isso, o Design de Intera\u00e7\u00e3o ganha ainda mais import\u00e2ncia. Veja!\",\"breadcrumb\":{\"@id\":\"https:\/\/www.impacta.com.br\/blog\/o-que-voce-precisa-saber-sobre-o-design-de-interacao\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.impacta.com.br\/blog\/o-que-voce-precisa-saber-sobre-o-design-de-interacao\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/www.impacta.com.br\/blog\/o-que-voce-precisa-saber-sobre-o-design-de-interacao\/#primaryimage\",\"url\":\"https:\/\/www.impacta.com.br\/blog\/wp-content\/uploads\/2020\/04\/design_de_interacao.jpg\",\"contentUrl\":\"https:\/\/www.impacta.com.br\/blog\/wp-content\/uploads\/2020\/04\/design_de_interacao.jpg\",\"width\":850,\"height\":284},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.impacta.com.br\/blog\/o-que-voce-precisa-saber-sobre-o-design-de-interacao\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"In\u00edcio\",\"item\":\"https:\/\/www.impacta.com.br\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"O que voc\u00ea precisa saber sobre o Design de Intera\u00e7\u00e3o?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.impacta.com.br\/blog\/#website\",\"url\":\"https:\/\/www.impacta.com.br\/blog\/\",\"name\":\"Blog Impacta - Dicas e Not\u00edcias sobre Carreira\",\"description\":\"Dicas, Not\u00edcias e Conte\u00fados sobre Carreira, Tecnologia, Design, Gest\u00e3o e Marketing. Conhe\u00e7a e Acompanhe o Blog Impacta\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.impacta.com.br\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.impacta.com.br\/blog\/#\/schema\/person\/2e0896bac7656da15b68f5ad2ddd0d8c\",\"name\":\"Reda\u00e7\u00e3o Impacta\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/www.impacta.com.br\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/7443a59e479c8f31067628e3a4bed9ad?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/7443a59e479c8f31067628e3a4bed9ad?s=96&d=mm&r=g\",\"caption\":\"Reda\u00e7\u00e3o Impacta\"},\"url\":\"https:\/\/www.impacta.com.br\/blog\/author\/redacao\/\"}]}<\/script>\r\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"O que voc\u00ea precisa saber sobre o Design de Intera\u00e7\u00e3o?","description":"A experi\u00eancia do usu\u00e1rio e a facilidade de navega\u00e7\u00e3o s\u00e3o fundamentais no meio digital e, por isso, o Design de Intera\u00e7\u00e3o ganha ainda mais import\u00e2ncia. Veja!","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:\/\/www.impacta.com.br\/blog\/o-que-voce-precisa-saber-sobre-o-design-de-interacao\/","og_locale":"pt_BR","og_type":"article","og_title":"O que voc\u00ea precisa saber sobre o Design de Intera\u00e7\u00e3o?","og_description":"A experi\u00eancia do usu\u00e1rio e a facilidade de navega\u00e7\u00e3o s\u00e3o fundamentais no meio digital e, por isso, o Design de Intera\u00e7\u00e3o ganha ainda mais import\u00e2ncia. Veja!","og_url":"https:\/\/www.impacta.com.br\/blog\/o-que-voce-precisa-saber-sobre-o-design-de-interacao\/","og_site_name":"Blog Impacta - Dicas e Not\u00edcias sobre Carreira","article_published_time":"2018-06-27T12:21:41+00:00","og_image":[{"width":850,"height":284,"url":"https:\/\/www.impacta.com.br\/blog\/wp-content\/uploads\/2020\/04\/design_de_interacao.jpg","type":"image\/jpeg"}],"author":"Reda\u00e7\u00e3o Impacta","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Reda\u00e7\u00e3o Impacta","Est. reading time":"6 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.impacta.com.br\/blog\/o-que-voce-precisa-saber-sobre-o-design-de-interacao\/","url":"https:\/\/www.impacta.com.br\/blog\/o-que-voce-precisa-saber-sobre-o-design-de-interacao\/","name":"O que voc\u00ea precisa saber sobre o Design de Intera\u00e7\u00e3o?","isPartOf":{"@id":"https:\/\/www.impacta.com.br\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.impacta.com.br\/blog\/o-que-voce-precisa-saber-sobre-o-design-de-interacao\/#primaryimage"},"image":{"@id":"https:\/\/www.impacta.com.br\/blog\/o-que-voce-precisa-saber-sobre-o-design-de-interacao\/#primaryimage"},"thumbnailUrl":"https:\/\/www.impacta.com.br\/blog\/wp-content\/uploads\/2020\/04\/design_de_interacao.jpg","datePublished":"2018-06-27T12:21:41+00:00","author":{"@id":"https:\/\/www.impacta.com.br\/blog\/#\/schema\/person\/2e0896bac7656da15b68f5ad2ddd0d8c"},"description":"A experi\u00eancia do usu\u00e1rio e a facilidade de navega\u00e7\u00e3o s\u00e3o fundamentais no meio digital e, por isso, o Design de Intera\u00e7\u00e3o ganha ainda mais import\u00e2ncia. Veja!","breadcrumb":{"@id":"https:\/\/www.impacta.com.br\/blog\/o-que-voce-precisa-saber-sobre-o-design-de-interacao\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.impacta.com.br\/blog\/o-que-voce-precisa-saber-sobre-o-design-de-interacao\/"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/www.impacta.com.br\/blog\/o-que-voce-precisa-saber-sobre-o-design-de-interacao\/#primaryimage","url":"https:\/\/www.impacta.com.br\/blog\/wp-content\/uploads\/2020\/04\/design_de_interacao.jpg","contentUrl":"https:\/\/www.impacta.com.br\/blog\/wp-content\/uploads\/2020\/04\/design_de_interacao.jpg","width":850,"height":284},{"@type":"BreadcrumbList","@id":"https:\/\/www.impacta.com.br\/blog\/o-que-voce-precisa-saber-sobre-o-design-de-interacao\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"In\u00edcio","item":"https:\/\/www.impacta.com.br\/blog\/"},{"@type":"ListItem","position":2,"name":"O que voc\u00ea precisa saber sobre o Design de Intera\u00e7\u00e3o?"}]},{"@type":"WebSite","@id":"https:\/\/www.impacta.com.br\/blog\/#website","url":"https:\/\/www.impacta.com.br\/blog\/","name":"Blog Impacta - Dicas e Not\u00edcias sobre Carreira","description":"Dicas, Not\u00edcias e Conte\u00fados sobre Carreira, Tecnologia, Design, Gest\u00e3o e Marketing. Conhe\u00e7a e Acompanhe o Blog Impacta","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.impacta.com.br\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"},{"@type":"Person","@id":"https:\/\/www.impacta.com.br\/blog\/#\/schema\/person\/2e0896bac7656da15b68f5ad2ddd0d8c","name":"Reda\u00e7\u00e3o Impacta","image":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/www.impacta.com.br\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/7443a59e479c8f31067628e3a4bed9ad?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/7443a59e479c8f31067628e3a4bed9ad?s=96&d=mm&r=g","caption":"Reda\u00e7\u00e3o Impacta"},"url":"https:\/\/www.impacta.com.br\/blog\/author\/redacao\/"}]}},"acf":{"post_description":null,"capa_mobile":null},"_links":{"self":[{"href":"https:\/\/www.impacta.com.br\/blog\/wp-json\/wp\/v2\/posts\/13383","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.impacta.com.br\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.impacta.com.br\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.impacta.com.br\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.impacta.com.br\/blog\/wp-json\/wp\/v2\/comments?post=13383"}],"version-history":[{"count":0,"href":"https:\/\/www.impacta.com.br\/blog\/wp-json\/wp\/v2\/posts\/13383\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.impacta.com.br\/blog\/wp-json\/wp\/v2\/media\/16958"}],"wp:attachment":[{"href":"https:\/\/www.impacta.com.br\/blog\/wp-json\/wp\/v2\/media?parent=13383"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.impacta.com.br\/blog\/wp-json\/wp\/v2\/categories?post=13383"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.impacta.com.br\/blog\/wp-json\/wp\/v2\/tags?post=13383"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}