{"id":21383,"date":"2021-12-13T14:57:43","date_gmt":"2021-12-13T17:57:43","guid":{"rendered":"https:\/\/www.mjvinnovation.com\/?p=21383"},"modified":"2021-12-13T14:57:58","modified_gmt":"2021-12-13T17:57:58","slug":"design-de-interface","status":"publish","type":"post","link":"https:\/\/www.mjvinnovation.com\/pt-br\/blog\/design-de-interface\/","title":{"rendered":"Design de interface: desenvolvimento de aplica\u00e7\u00f5es do come\u00e7o ao fim"},"content":{"rendered":"\n<p>Sabe aquele termo que todo mundo j\u00e1 ouviu, mas que pouca gente entende o verdadeiro significado? O design de interface se enquadra perfeitamente nessa descri\u00e7\u00e3o.&nbsp;<\/p>\n\n\n\n<p>Mas o que o diferencia de todos esses outros termos \u201cda moda\u201d \u00e9 o potencial gigantesco que essa ferramenta tem de influenciar o sucesso das suas pr\u00f3ximas decis\u00f5es empresariais.&nbsp;<\/p>\n\n\n\n<p>Hoje vamos explorar um pouco dessa metodologia e entender o motivo dela ter se tornado um fator crucial no crescimento de centenas de companhias ao redor do mundo.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>O que \u00e9 design de interface?&nbsp;<\/strong><\/h2>\n\n\n\n<p>Vamos come\u00e7ar pelo b\u00e1sico. Afinal de contas, o que \u00e9 o design de interface? Responderemos essa pergunta com uma reflex\u00e3o.&nbsp;<\/p>\n\n\n\n<p>Todos os dias, voc\u00ea acessa dezenas de sites e aplicativos dos mais diversos segmentos. Talvez hoje mesmo voc\u00ea j\u00e1 tenha feito compras de mercado de forma remota, tirado d\u00favidas sobre um novo tipo de investimento ou, quem sabe, at\u00e9 tenha se conectado com seus colegas de trabalho atrav\u00e9s de uma dessas plataformas.&nbsp;<\/p>\n\n\n\n<p>Por ser uma pr\u00e1tica frequente em nossas rotinas, muitas vezes n\u00e3o reparamos na complexidade por tr\u00e1s de cada uma dessas a\u00e7\u00f5es.&nbsp;<\/p>\n\n\n\n<p>Para que possamos realizar nossas tarefas com rapidez, clareza e praticidade, foi preciso que uma equipe de grandes especialistas se reunisse para entender padr\u00f5es de comportamento e t\u00e9cnicas que tornaram esses procedimentos mais acess\u00edveis.&nbsp;<\/p>\n\n\n\n<p>\u00c9 justamente a\u00ed que se encontra o design de interface. Esse termo se refere <strong>ao estudo e \u00e0 aplica\u00e7\u00e3o de solu\u00e7\u00f5es voltadas \u00e0 intera\u00e7\u00f5es de usu\u00e1rios com plataformas digitais<\/strong>.&nbsp;<\/p>\n\n\n\n<p>Ou seja, trata-se do cuidado com a experi\u00eancia de um consumidor, leitor ou colaborador ao utilizar determinado site e aplicativo.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>T\u00e1, mas para que serve o design de interface?&nbsp;<\/strong><\/h2>\n\n\n\n<p>J\u00e1 que estamos falando de praticidade em experi\u00eancias digitais, nada melhor do que explicar a fun\u00e7\u00e3o do design de interface da maneira mais simples poss\u00edvel. Ele serve para aprimorar e potencializar cada segundo que o usu\u00e1rio passa em contato com a tela.<\/p>\n\n\n\n<p>\u00c9 uma maneira de guiar os passos do p\u00fablico, criando caminhos e estrat\u00e9gias com foco no que mais importa: cumprir o objetivo inicial do cliente e proporcionar o que ele busca se que haja distra\u00e7\u00f5es, empecilhos ou dificuldades maiores.&nbsp;<\/p>\n\n\n<section class=\"form-materials section-materials\">\n  <a class=\"open-form hs-button\">\n  Acesse gr\u00e1tis<\/a>\n\t<div class=\"section-materials-header\">\n\t\t<h3 class=\"section-materials-title\">Design System: Criando padr\u00f5es de design para tomadas de decis\u00f5es mais alinhadas<\/h3>\n\t\t<p class=\"section-materials-text\"><\/p>\n\t<\/div>\n\t<div class=\"section-materials-content\">\n\t\t<div class=\"section-materials-form mjv-forms\"><!--[if lte IE 8]&gt;-->\r\n\r\n\r\n\r\n\r\n  hbspt.forms.create({\r\n\tregion: &#8220;na1&#8221;,\r\n\tportalId: &#8220;455690&#8221;,\r\n\tformId: &#8220;5bc0777e-e554-4f15-b82b-0f0e736fa764&#8221;\r\n});\r\n<\/div>\n\t<\/div>\n<\/section>\n\n<style>\n .section-materials {\n    background-color: #efefef;\n    max-width: 760px;\n    margin: 0 auto 3em;\n    padding: 0 1em 1.5em 1em;\n    position: relative;\n  }\n\n  .open-form {\n    position: absolute;\n    bottom: -37px;\n    left: 50%;\n    transform: translate(-50%, -50%);\n\n    margin: 0;\n    cursor: pointer;\n    display: inline-block;\n    font-weight: 700;\n    text-align: center;\n    color: #fff !important;\n    border-radius: 3px;\n    border-style: solid;\n    border-width: 1px;\n    padding: 12px 24px;\n\n    background: #60489d;\n    border-color: #60489d;\n    font-size: 12px;\n    line-height: 12px;\n  }\n\n  .open-form.hidden {\n    display: none;\n  }\n\n  .section-materials-header {\n    font-family: 'open_sansbold', sans-serif;\n    padding: 1em 0 0;\n    line-height: 1.5;\n  }\n\t.section-materials-title {\n    font-family: open_sansbold, sans-serif;\n    display: inline-block;\n    font-size: 1.5rem;\n    color: #46bb93;\n    position: relative;\n    background-color: transparent;\n    padding: 0;\n    border: none;\n    margin: 0 30px 0 0;\n\t}\n\n  .section-materials-content {\n    overflow: hidden;\n    height: 168px;\n    transition: all 1s ease;\n  }\n\n  .section-materials-content.open {\n    height: unset;\n  }\n  #hs-form-iframe-0 {\n    width: 100% !important;\n  }\n\n  .section-materials-form {\n    display: block !important;\n  }\n\n  @media (min-width:790px){\n    .section-materials-content {\n      display: flex;\n      justify-content: space-between;\n      align-items: flex-start;\n    }\n    .section-materials-form {\n      width: 100%;\n    }\n    .section-materials-featured {\n      width: 40%;\n      padding-left: 1em;\n    }\n  }\n<\/style>\n\n<script>\nvar openForm = document.querySelector('.open-form');\nvar content = document.querySelector('.section-materials-content');\nopenForm.addEventListener('click', ()=>{\n  content.classList.add(\"open\");\n  openForm.classList.add(\"hidden\");\n});\n<\/script>\n\n\n<h2 class=\"wp-block-heading\"><strong>Quais elementos comp\u00f5em o de design de interface?&nbsp;<\/strong><\/h2>\n\n\n\n<p>Quando tratamos de experi\u00eancia, cada elemento importa. Portanto, ao abordarmos os aspectos acolhidos pelo design de interface, precisamos ter em mente que o momento de acesso do usu\u00e1rio ao aplicativo \u00e9 mais do que s\u00f3 uma consulta ou pesquisa.&nbsp;<\/p>\n\n\n\n<p>Esses s\u00e3o os instantes em que o seu p\u00fablico cria uma conex\u00e3o genu\u00edna com a sua empresa, e garantir que ele saia com uma mem\u00f3ria positiva desta fase \u00e9 uma responsabilidade sua.&nbsp;<\/p>\n\n\n\n<p>Portanto, aqui vale a velha regra: quando se trata de experi\u00eancia do usu\u00e1rio, TUDO faz a diferen\u00e7a.&nbsp;<\/p>\n\n\n\n<p>Um bom profissional do design de interface possui uma vis\u00e3o ampla do segmento e enxerga muito al\u00e9m de um mero caminho proposto ao usu\u00e1rio.&nbsp;<\/p>\n\n\n\n<p>Para que a viv\u00eancia seja verdadeiramente positiva, \u00e9 preciso estar pronto para atender elementos como a dire\u00e7\u00e3o art\u00edstica da plataforma, as escolhas de reda\u00e7\u00e3o, as caixas de confirma\u00e7\u00e3o, os trajetos indicados ao consumidor e muitos outros.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>5 regras infal\u00edveis&nbsp;<\/strong><\/h3>\n\n\n\n<p>O design de interface demanda uma grande quantidade de criatividade, mas isso n\u00e3o significa que n\u00e3o existam algumas regras que, apesar de simples, s\u00e3o indispens\u00e1veis para alcan\u00e7ar bons resultados.&nbsp;<\/p>\n\n\n\n<p>Separamos cinco dessas regras que nunca te deixar\u00e3o na m\u00e3o quando o assunto \u00e9 design de interface. Confira:&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>1. Uso inteligente de cores.&nbsp;<\/strong><\/h3>\n\n\n\n<p>Imagine que voc\u00ea precisa passar um bom tempo em um aplicativo para resolver neg\u00f3cios ou tratar de temas s\u00e9rios.&nbsp;<\/p>\n\n\n\n<p>Voc\u00ea abre essa plataforma, com tudo pronto para passar algumas horas se concentrando e de repente\u2026&nbsp;<\/p>\n\n\n\n<p>Uma cor muito vibrante atinge seus olhos. Muito provavelmente, depois de alguns minutos a sua vista j\u00e1 estaria cansada, n\u00e3o \u00e9 mesmo?&nbsp;<\/p>\n\n\n\n<p>Esse \u00e9 um exemplo de como as cores s\u00e3o importantes no processo de design de interface. O cuidado com tons e com a mensagem que as cores querem passar \u00e9 uma forma de acolher o usu\u00e1rio e potencializar sua experi\u00eancia.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>2. Reda\u00e7\u00e3o simples, objetiva, criativa e impec\u00e1vel.&nbsp;<\/strong><\/h3>\n\n\n\n<p>Alguma vez voc\u00ea j\u00e1 se confundiu com uma mensagem passada por uma empresa? Isso \u00e9 muito mais comum do que imaginamos.&nbsp;<\/p>\n\n\n\n<p>Nos dias atuais em que os consumidores precisam de agilidade em cada aspecto de suas vidas, simplesmente n\u00e3o d\u00e1 mais para oferecer textos confusos, complexos e repetitivos.&nbsp;<\/p>\n\n\n\n<p>Por isso, a reda\u00e7\u00e3o exerce um papel crucial no design de interface. Sem um trabalho aprimorado de escrita, \u00e9 poss\u00edvel que seu usu\u00e1rio perca o interesse pelo uso do aplicativo em pouqu\u00edssimo tempo.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>3. Uso de componentes visuais claros e funcionais.&nbsp;<\/strong><\/h3>\n\n\n\n<p>Sabe aquela ideia de que \u201cmenos \u00e9 mais\u201d? No design de interface, essa \u00e9 uma regra valiosa.&nbsp;<\/p>\n\n\n\n<p>Um bom profissional dessa \u00e1rea tem a capacidade de aplicar componentes visuais que condizem com a identidade da marca, mas que ainda assim, s\u00e3o leves, limpos e funcionais.<\/p>\n\n\n\n<p>Mais do que isso, \u00e9 importante ter uma boa no\u00e7\u00e3o espacial para saber onde encaix\u00e1-los, com qual tamanho e com que intensidade.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>4. Respeito ao manual de marca e suas caracter\u00edsticas originais.&nbsp;<\/strong><\/h3>\n\n\n\n<p>O manual de identidade visual de uma marca \u00e9 um item que deve estar dispon\u00edvel, acess\u00edvel e sempre pr\u00f3ximo da rotina de todos os envolvidos.&nbsp;<\/p>\n\n\n\n<p>No design de interface, essa ferramenta ganha um n\u00edvel totalmente novo de relev\u00e2ncia. \u00c9 que sem ele, uma plataforma pode perder sua personalidade e fugir da ideia original de sua cria\u00e7\u00e3o, ou at\u00e9 mesmo ficar desagrad\u00e1vel visualmente.&nbsp;&nbsp;<\/p>\n\n\n\n<p>Por isso, estar em constante contato com essa base da marca \u00e9 uma regra de ouro.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>5. Cuidado com acessibilidade.&nbsp;<\/strong><\/h3>\n\n\n\n<p>Cada vez mais, os conceitos de <a href=\"https:\/\/www.mjvinnovation.com\/pt-br\/blog\/acessibilidade-digital\/\" target=\"_blank\" rel=\"noreferrer noopener\">acessibilidade <\/a>passam a fazer parte da ess\u00eancia do mercado empresarial.<\/p>\n\n\n\n<p>Al\u00e9m de t\u00e9cnicas b\u00e1sicas para pessoas com defici\u00eancia, como op\u00e7\u00f5es de \u00e1udio e de libras, tamb\u00e9m \u00e9 preciso ter aten\u00e7\u00e3o ao seu p\u00fablico-alvo.&nbsp;<\/p>\n\n\n\n<p>Mais do que uma quest\u00e3o de cidadania, a acessibilidade digital \u00e9 uma forma de fazer com que as empresas abram as portas para todos, sem distin\u00e7\u00e3o.<\/p>\n\n\n\n<p>Nesse sentido, a criatividade e o conhecimento devem se unir para gerar solu\u00e7\u00f5es pr\u00e1ticas, eficientes e que contemplem os diferentes perfis de usu\u00e1rios da sua plataforma.\u00a0<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/www.mjvinnovation.com\/wp-content\/uploads\/2021\/12\/BP_design_de_interface_ii_Prancheta_1-1024x576.png\" alt=\"\" class=\"wp-image-21401\" srcset=\"https:\/\/www.mjvinnovation.com\/wp-content\/uploads\/2021\/12\/BP_design_de_interface_ii_Prancheta_1-1024x576.png 1024w, https:\/\/www.mjvinnovation.com\/wp-content\/uploads\/2021\/12\/BP_design_de_interface_ii_Prancheta_1-720x405.png 720w, https:\/\/www.mjvinnovation.com\/wp-content\/uploads\/2021\/12\/BP_design_de_interface_ii_Prancheta_1-285x160.png 285w, https:\/\/www.mjvinnovation.com\/wp-content\/uploads\/2021\/12\/BP_design_de_interface_ii_Prancheta_1-768x432.png 768w, https:\/\/www.mjvinnovation.com\/wp-content\/uploads\/2021\/12\/BP_design_de_interface_ii_Prancheta_1-1536x864.png 1536w, https:\/\/www.mjvinnovation.com\/wp-content\/uploads\/2021\/12\/BP_design_de_interface_ii_Prancheta_1.png 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>5 erros que voc\u00ea deve evitar ao criar o design de interface do usu\u00e1rio&nbsp;<\/strong><\/h2>\n\n\n\n<p>Voc\u00ea j\u00e1 sabe quais s\u00e3o as regras infal\u00edveis para ter um design de interface funcional. Mas quais s\u00e3o os cinco maiores erros que as pessoas cometem ao serem introduzidas \u00e0 essa \u00e1rea?&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>1. Conhecimento sobre o p\u00fablico nunca \u00e9 demais<\/strong><\/h3>\n\n\n\n<p>Voc\u00ea pode achar que <a href=\"https:\/\/www.mjvinnovation.com\/pt-br\/blog\/personas-como-essa-ferramenta-pode-ajudar-na-analise-do-consumidor\/\" target=\"_blank\" rel=\"noreferrer noopener\">conhece seu p\u00fablico<\/a>, mas acredite: ele est\u00e1 sempre mudando. Mantenha-se de olhos abertos para mudan\u00e7as de comportamento que podem afetar seu usu\u00e1rio.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>2. N\u00e3o deixe a criatividade de lado<\/strong><\/h3>\n\n\n\n<p>No design de interface, a objetividade \u00e9 crucial. Mas isso n\u00e3o significa que a criatividade e a humaniza\u00e7\u00e3o devam ser ignoradas.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>3. Tenha aten\u00e7\u00e3o com os contrastes&nbsp;<\/strong><\/h3>\n\n\n\n<p>O brilho e o contraste s\u00e3o pontos que podem ser complicados at\u00e9 mesmo para designers com muita experi\u00eancia. Fazer testes pode ser uma boa maneira de se manter longe desse erro.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>4. N\u00e3o misture estilos<\/strong><\/h3>\n\n\n\n<p>\u00c9 claro que toda interface deve ter personalidade e excentricidade. Mas \u00e9 preciso ter cuidado para evitar misturas que podem confundir seus usu\u00e1rios.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>5. Respeite a hierarquia de informa\u00e7\u00f5es<\/strong><\/h3>\n\n\n\n<p>Muitas vezes, precisamos transmitir uma quantidade grande de informa\u00e7\u00f5es em um espa\u00e7o muito compacto. No design de interface, a hierarquia de destaques \u00e9 uma ferramenta essencial. Saiba o que deve ser dito com mais intensidade e construa seu projeto com base nisso.&nbsp;<\/p>\n\n\n\n<p>Quer saber como produzir padr\u00f5es visuais e guias de estilo para o seu design de interface? Baixe o ebook <strong>Design System: Criando padr\u00f5es de design para tomadas de decis\u00f5es mais estrat\u00e9gicas<\/strong> e conhe\u00e7a os passos iniciais para acelerar o processo de User Experience da sua empresa.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/conteudo.mjv.com.br\/pt-br\/ebook\/design-system\" target=\"_blank\"><img decoding=\"async\" width=\"789\" height=\"410\" data-src=\"https:\/\/www.mjvinnovation.com\/wp-content\/uploads\/2021\/12\/mjv_DesignSystem_box_email_cta.jpg\" alt=\"\" class=\"wp-image-21387 lazyload\" data-srcset=\"https:\/\/www.mjvinnovation.com\/wp-content\/uploads\/2021\/12\/mjv_DesignSystem_box_email_cta.jpg 789w, https:\/\/www.mjvinnovation.com\/wp-content\/uploads\/2021\/12\/mjv_DesignSystem_box_email_cta-720x374.jpg 720w, https:\/\/www.mjvinnovation.com\/wp-content\/uploads\/2021\/12\/mjv_DesignSystem_box_email_cta-285x148.jpg 285w, https:\/\/www.mjvinnovation.com\/wp-content\/uploads\/2021\/12\/mjv_DesignSystem_box_email_cta-768x399.jpg 768w\" data-sizes=\"(max-width: 789px) 100vw, 789px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 789px; --smush-placeholder-aspect-ratio: 789\/410;\" \/><\/a><\/figure>\n","protected":false},"excerpt":{"rendered":"Guie os passos do p\u00fablico e tenha foco no que mais importa: proporcionar o que o usu\u00e1rio busca sem distra\u00e7\u00f5es, empecilhos ou dificuldade.","protected":false},"author":6,"featured_media":21395,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[245],"tags":[],"class_list":["post-21383","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-user-experience-2"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.0 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Design de interface: desenvolvimento de aplica\u00e7\u00f5es do come\u00e7o ao fim - MJV Technology &amp; Innovation<\/title>\n<meta name=\"description\" content=\"\u00c9 o design de interface que oferece solu\u00e7\u00f5es amig\u00e1veis e intuitivas para o usu\u00e1rio final. Conhe\u00e7a os principais elementos e erros a evitar.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.mjvinnovation.com\/pt-br\/blog\/design-de-interface\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Design de interface: desenvolvimento de aplica\u00e7\u00f5es do come\u00e7o ao fim - MJV Technology &amp; Innovation\" \/>\n<meta property=\"og:description\" content=\"\u00c9 o design de interface que oferece solu\u00e7\u00f5es amig\u00e1veis e intuitivas para o usu\u00e1rio final. Conhe\u00e7a os principais elementos e erros a evitar.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.mjvinnovation.com\/pt-br\/blog\/design-de-interface\/\" \/>\n<meta property=\"og:site_name\" content=\"MJV Technology &amp; Innovation\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/mjvinnovation\/\" \/>\n<meta property=\"article:published_time\" content=\"2021-12-13T17:57:43+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-12-13T17:57:58+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.mjvinnovation.com\/wp-content\/uploads\/2021\/12\/BP_design_de_interface_Prancheta_1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"1080\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"MJV Team\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@MJVinnovation\" \/>\n<meta name=\"twitter:site\" content=\"@MJVinnovation\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"MJV Team\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. tempo de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.mjvinnovation.com\/pt-br\/blog\/design-de-interface\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.mjvinnovation.com\/pt-br\/blog\/design-de-interface\/\"},\"author\":{\"name\":\"MJV Team\",\"@id\":\"https:\/\/www.mjvinnovation.com\/pt-br\/#\/schema\/person\/5080b5d5134aa2a636596e1c04c0fc99\"},\"headline\":\"Design de interface: desenvolvimento de aplica\u00e7\u00f5es do come\u00e7o ao fim\",\"datePublished\":\"2021-12-13T17:57:43+00:00\",\"dateModified\":\"2021-12-13T17:57:58+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.mjvinnovation.com\/pt-br\/blog\/design-de-interface\/\"},\"wordCount\":1461,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.mjvinnovation.com\/pt-br\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.mjvinnovation.com\/pt-br\/blog\/design-de-interface\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.mjvinnovation.com\/wp-content\/uploads\/2021\/12\/BP_design_de_interface_Prancheta_1.png\",\"articleSection\":[\"User Experience\"],\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.mjvinnovation.com\/pt-br\/blog\/design-de-interface\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.mjvinnovation.com\/pt-br\/blog\/design-de-interface\/\",\"url\":\"https:\/\/www.mjvinnovation.com\/pt-br\/blog\/design-de-interface\/\",\"name\":\"Design de interface: desenvolvimento de aplica\u00e7\u00f5es do come\u00e7o ao fim - MJV Technology &amp; Innovation\",\"isPartOf\":{\"@id\":\"https:\/\/www.mjvinnovation.com\/pt-br\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.mjvinnovation.com\/pt-br\/blog\/design-de-interface\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.mjvinnovation.com\/pt-br\/blog\/design-de-interface\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.mjvinnovation.com\/wp-content\/uploads\/2021\/12\/BP_design_de_interface_Prancheta_1.png\",\"datePublished\":\"2021-12-13T17:57:43+00:00\",\"dateModified\":\"2021-12-13T17:57:58+00:00\",\"description\":\"\u00c9 o design de interface que oferece solu\u00e7\u00f5es amig\u00e1veis e intuitivas para o usu\u00e1rio final. Conhe\u00e7a os principais elementos e erros a evitar.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.mjvinnovation.com\/pt-br\/blog\/design-de-interface\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.mjvinnovation.com\/pt-br\/blog\/design-de-interface\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/www.mjvinnovation.com\/pt-br\/blog\/design-de-interface\/#primaryimage\",\"url\":\"https:\/\/www.mjvinnovation.com\/wp-content\/uploads\/2021\/12\/BP_design_de_interface_Prancheta_1.png\",\"contentUrl\":\"https:\/\/www.mjvinnovation.com\/wp-content\/uploads\/2021\/12\/BP_design_de_interface_Prancheta_1.png\",\"width\":1920,\"height\":1080,\"caption\":\"Ilustra\u00e7\u00e3o de tr\u00eas pessoas uma em p\u00e9, outra sentada com um notebook no colo e outra apontando para um quadro fazendo refer\u00eancia a design de interface\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.mjvinnovation.com\/pt-br\/blog\/design-de-interface\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.mjvinnovation.com\/pt-br\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Design de interface: desenvolvimento de aplica\u00e7\u00f5es do come\u00e7o ao fim\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.mjvinnovation.com\/pt-br\/#website\",\"url\":\"https:\/\/www.mjvinnovation.com\/pt-br\/\",\"name\":\"MJV Technology &amp; Innovation\",\"description\":\"We are people transforming business\",\"publisher\":{\"@id\":\"https:\/\/www.mjvinnovation.com\/pt-br\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.mjvinnovation.com\/pt-br\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.mjvinnovation.com\/pt-br\/#organization\",\"name\":\"MJV Technology and Innovation\",\"url\":\"https:\/\/www.mjvinnovation.com\/pt-br\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/www.mjvinnovation.com\/pt-br\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.mjvinnovation.com\/wp-content\/uploads\/2021\/07\/logo_mjv_favicon.png\",\"contentUrl\":\"https:\/\/www.mjvinnovation.com\/wp-content\/uploads\/2021\/07\/logo_mjv_favicon.png\",\"width\":128,\"height\":128,\"caption\":\"MJV Technology and Innovation\"},\"image\":{\"@id\":\"https:\/\/www.mjvinnovation.com\/pt-br\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/mjvinnovation\/\",\"https:\/\/x.com\/MJVinnovation\",\"https:\/\/www.instagram.com\/mjvinnovation\/\",\"https:\/\/www.linkedin.com\/company\/mjv-tech-and-innovation\",\"https:\/\/www.youtube.com\/channel\/UCUlTs06JlXwUd09Jzg9kqDA\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.mjvinnovation.com\/pt-br\/#\/schema\/person\/5080b5d5134aa2a636596e1c04c0fc99\",\"name\":\"MJV Team\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Design de interface: desenvolvimento de aplica\u00e7\u00f5es do come\u00e7o ao fim - MJV Technology &amp; Innovation","description":"\u00c9 o design de interface que oferece solu\u00e7\u00f5es amig\u00e1veis e intuitivas para o usu\u00e1rio final. Conhe\u00e7a os principais elementos e erros a evitar.","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.mjvinnovation.com\/pt-br\/blog\/design-de-interface\/","og_locale":"pt_BR","og_type":"article","og_title":"Design de interface: desenvolvimento de aplica\u00e7\u00f5es do come\u00e7o ao fim - MJV Technology &amp; Innovation","og_description":"\u00c9 o design de interface que oferece solu\u00e7\u00f5es amig\u00e1veis e intuitivas para o usu\u00e1rio final. Conhe\u00e7a os principais elementos e erros a evitar.","og_url":"https:\/\/www.mjvinnovation.com\/pt-br\/blog\/design-de-interface\/","og_site_name":"MJV Technology &amp; Innovation","article_publisher":"https:\/\/www.facebook.com\/mjvinnovation\/","article_published_time":"2021-12-13T17:57:43+00:00","article_modified_time":"2021-12-13T17:57:58+00:00","og_image":[{"width":1920,"height":1080,"url":"https:\/\/www.mjvinnovation.com\/wp-content\/uploads\/2021\/12\/BP_design_de_interface_Prancheta_1.png","type":"image\/png"}],"author":"MJV Team","twitter_card":"summary_large_image","twitter_creator":"@MJVinnovation","twitter_site":"@MJVinnovation","twitter_misc":{"Escrito por":"MJV Team","Est. tempo de leitura":"7 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.mjvinnovation.com\/pt-br\/blog\/design-de-interface\/#article","isPartOf":{"@id":"https:\/\/www.mjvinnovation.com\/pt-br\/blog\/design-de-interface\/"},"author":{"name":"MJV Team","@id":"https:\/\/www.mjvinnovation.com\/pt-br\/#\/schema\/person\/5080b5d5134aa2a636596e1c04c0fc99"},"headline":"Design de interface: desenvolvimento de aplica\u00e7\u00f5es do come\u00e7o ao fim","datePublished":"2021-12-13T17:57:43+00:00","dateModified":"2021-12-13T17:57:58+00:00","mainEntityOfPage":{"@id":"https:\/\/www.mjvinnovation.com\/pt-br\/blog\/design-de-interface\/"},"wordCount":1461,"commentCount":0,"publisher":{"@id":"https:\/\/www.mjvinnovation.com\/pt-br\/#organization"},"image":{"@id":"https:\/\/www.mjvinnovation.com\/pt-br\/blog\/design-de-interface\/#primaryimage"},"thumbnailUrl":"https:\/\/www.mjvinnovation.com\/wp-content\/uploads\/2021\/12\/BP_design_de_interface_Prancheta_1.png","articleSection":["User Experience"],"inLanguage":"pt-BR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.mjvinnovation.com\/pt-br\/blog\/design-de-interface\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.mjvinnovation.com\/pt-br\/blog\/design-de-interface\/","url":"https:\/\/www.mjvinnovation.com\/pt-br\/blog\/design-de-interface\/","name":"Design de interface: desenvolvimento de aplica\u00e7\u00f5es do come\u00e7o ao fim - MJV Technology &amp; Innovation","isPartOf":{"@id":"https:\/\/www.mjvinnovation.com\/pt-br\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.mjvinnovation.com\/pt-br\/blog\/design-de-interface\/#primaryimage"},"image":{"@id":"https:\/\/www.mjvinnovation.com\/pt-br\/blog\/design-de-interface\/#primaryimage"},"thumbnailUrl":"https:\/\/www.mjvinnovation.com\/wp-content\/uploads\/2021\/12\/BP_design_de_interface_Prancheta_1.png","datePublished":"2021-12-13T17:57:43+00:00","dateModified":"2021-12-13T17:57:58+00:00","description":"\u00c9 o design de interface que oferece solu\u00e7\u00f5es amig\u00e1veis e intuitivas para o usu\u00e1rio final. Conhe\u00e7a os principais elementos e erros a evitar.","breadcrumb":{"@id":"https:\/\/www.mjvinnovation.com\/pt-br\/blog\/design-de-interface\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.mjvinnovation.com\/pt-br\/blog\/design-de-interface\/"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/www.mjvinnovation.com\/pt-br\/blog\/design-de-interface\/#primaryimage","url":"https:\/\/www.mjvinnovation.com\/wp-content\/uploads\/2021\/12\/BP_design_de_interface_Prancheta_1.png","contentUrl":"https:\/\/www.mjvinnovation.com\/wp-content\/uploads\/2021\/12\/BP_design_de_interface_Prancheta_1.png","width":1920,"height":1080,"caption":"Ilustra\u00e7\u00e3o de tr\u00eas pessoas uma em p\u00e9, outra sentada com um notebook no colo e outra apontando para um quadro fazendo refer\u00eancia a design de interface"},{"@type":"BreadcrumbList","@id":"https:\/\/www.mjvinnovation.com\/pt-br\/blog\/design-de-interface\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.mjvinnovation.com\/pt-br\/"},{"@type":"ListItem","position":2,"name":"Design de interface: desenvolvimento de aplica\u00e7\u00f5es do come\u00e7o ao fim"}]},{"@type":"WebSite","@id":"https:\/\/www.mjvinnovation.com\/pt-br\/#website","url":"https:\/\/www.mjvinnovation.com\/pt-br\/","name":"MJV Technology &amp; Innovation","description":"We are people transforming business","publisher":{"@id":"https:\/\/www.mjvinnovation.com\/pt-br\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.mjvinnovation.com\/pt-br\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"},{"@type":"Organization","@id":"https:\/\/www.mjvinnovation.com\/pt-br\/#organization","name":"MJV Technology and Innovation","url":"https:\/\/www.mjvinnovation.com\/pt-br\/","logo":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/www.mjvinnovation.com\/pt-br\/#\/schema\/logo\/image\/","url":"https:\/\/www.mjvinnovation.com\/wp-content\/uploads\/2021\/07\/logo_mjv_favicon.png","contentUrl":"https:\/\/www.mjvinnovation.com\/wp-content\/uploads\/2021\/07\/logo_mjv_favicon.png","width":128,"height":128,"caption":"MJV Technology and Innovation"},"image":{"@id":"https:\/\/www.mjvinnovation.com\/pt-br\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/mjvinnovation\/","https:\/\/x.com\/MJVinnovation","https:\/\/www.instagram.com\/mjvinnovation\/","https:\/\/www.linkedin.com\/company\/mjv-tech-and-innovation","https:\/\/www.youtube.com\/channel\/UCUlTs06JlXwUd09Jzg9kqDA"]},{"@type":"Person","@id":"https:\/\/www.mjvinnovation.com\/pt-br\/#\/schema\/person\/5080b5d5134aa2a636596e1c04c0fc99","name":"MJV Team"}]}},"_links":{"self":[{"href":"https:\/\/www.mjvinnovation.com\/pt-br\/wp-json\/wp\/v2\/posts\/21383","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.mjvinnovation.com\/pt-br\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.mjvinnovation.com\/pt-br\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.mjvinnovation.com\/pt-br\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/www.mjvinnovation.com\/pt-br\/wp-json\/wp\/v2\/comments?post=21383"}],"version-history":[{"count":6,"href":"https:\/\/www.mjvinnovation.com\/pt-br\/wp-json\/wp\/v2\/posts\/21383\/revisions"}],"predecessor-version":[{"id":21406,"href":"https:\/\/www.mjvinnovation.com\/pt-br\/wp-json\/wp\/v2\/posts\/21383\/revisions\/21406"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.mjvinnovation.com\/pt-br\/wp-json\/wp\/v2\/media\/21395"}],"wp:attachment":[{"href":"https:\/\/www.mjvinnovation.com\/pt-br\/wp-json\/wp\/v2\/media?parent=21383"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.mjvinnovation.com\/pt-br\/wp-json\/wp\/v2\/categories?post=21383"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.mjvinnovation.com\/pt-br\/wp-json\/wp\/v2\/tags?post=21383"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}