{"id":10995,"date":"2026-03-06T06:59:37","date_gmt":"2026-03-05T22:59:37","guid":{"rendered":"https:\/\/www.archimetric.com\/pt\/what-is-wireframe\/"},"modified":"2026-03-06T06:59:37","modified_gmt":"2026-03-05T22:59:37","slug":"what-is-wireframe","status":"publish","type":"post","link":"https:\/\/www.archimetric.com\/pt\/what-is-wireframe\/","title":{"rendered":"O que \u00e9 Wireframe"},"content":{"rendered":"<p class=\"content-tutorial tutorial-summary\">Os clientes precisam reconhecer como um recurso proposto funcionar\u00e1. Mas simplesmente descrev\u00ea-lo verbalmente ou textualmente para que o recurso alvo seja constru\u00eddo pode ser bastante desafiador para sua imagina\u00e7\u00e3o. O wireframing pode ser extremamente \u00fatil para resolver esse desafio, pois pode servir como uma ferramenta visual de prot\u00f3tipo \u201cmostre, n\u00e3o diga\u201d para confirmar ideias de design do sistema com os clientes.<\/p>\n<div class=\"tutorial-comment-header\"><\/div>\n<div class=\"content-tutorial\">\n<hr\/>\n<h2 class=\"h2\">O que \u00e9 um Wireframe?<\/h2>\n<p>Wireframes s\u00e3o esbo\u00e7os de telas de um sistema, \u00e0s vezes referidos como planta baixa ou esqueleto. S\u00e3o criados com o objetivo de apresentar e explicar ideias de design do sistema aos clientes, o que leva finalmente a um consenso sobre as ideias propostas.<\/p>\n<p>Os wireframes mostram \u201capenas o suficiente\u201d de informa\u00e7\u00f5es associadas ao recurso proposto. Cada wireframe comp\u00f5e elementos gr\u00e1ficos b\u00e1sicos que representam os componentes da tela, ou os espa\u00e7os reservados para esses componentes. Um wireframe representa o layout da tela e como o conte\u00fado da tela \u00e9 organizado. Foca no que uma tela faz e como os usu\u00e1rios interagir\u00e3o com o sistema para atender suas necessidades, em vez de como a tela final realmente ser\u00e1.<\/p>\n<p>Antes de prosseguirmos, vamos dar uma olhada em um wireframe criado com base no youtube.com<\/p>\n<p><img alt=\"YouTube wireframe example\" decoding=\"async\" height=\"528\" loading=\"lazy\" src=\"https:\/\/www.archimetric.com\/wp-content\/uploads\/2022\/02\/01-youtube-wireframe-example.png\" width=\"800\"\/><\/p>\n<p>Como voc\u00ea pode ver, um wireframe \u00e9 apenas assim simples e direto. Todos podem entend\u00ea-lo sem dificuldades. Ajuda a equipe de desenvolvimento a explicar facilmente como os usu\u00e1rios interagir\u00e3o com o site.<\/p>\n<h2 class=\"h2\">O wireframe \u00e9 apenas uma planta baixa<\/h2>\n<p>Um wireframe \u00e9 apenas uma vers\u00e3o de baixa fidelidade da interface do usu\u00e1rio e n\u00e3o tem como objetivo representar uma tela real. Os wireframes s\u00e3o destinados a demonstrar funcionalidades, intera\u00e7\u00f5es do usu\u00e1rio e fluxos de tela, sem especificar explicitamente como os componentes da tela devem se apresentar e como eles devem se comportar para alcan\u00e7ar a maior usabilidade.<\/p>\n<h2 class=\"h2\">Exemplos de wireframe<\/h2>\n<p>Aqui est\u00e1 um exemplo de wireframe para uma p\u00e1gina inicial:<\/p>\n<p><img alt=\"Newspaper site wireframe example\" decoding=\"async\" height=\"601\" loading=\"lazy\" src=\"https:\/\/www.archimetric.com\/wp-content\/uploads\/2022\/02\/02-newspaper-site-wireframe-example.png\" width=\"800\"\/>Aqui est\u00e3o alguns exemplos de wireframe para aplicativos Android:<\/p>\n<table>\n<tbody>\n<tr>\n<td><img alt=\"Dropbox wireframe example\" decoding=\"async\" height=\"479\" loading=\"lazy\" src=\"https:\/\/www.archimetric.com\/wp-content\/uploads\/2022\/02\/03-dropbox-wireframe-example.png\" width=\"250\"\/><\/td>\n<td><img alt=\"Sports tracking app wireframe example\" decoding=\"async\" height=\"479\" loading=\"lazy\" src=\"https:\/\/www.archimetric.com\/wp-content\/uploads\/2022\/02\/04-sports-tracking-app-wireframe-example.png\" width=\"250\"\/><\/td>\n<td><img alt=\"Facebook wireframe example\" decoding=\"async\" height=\"479\" loading=\"lazy\" src=\"https:\/\/www.archimetric.com\/wp-content\/uploads\/2022\/02\/05-facebook-wireframe-example.png\" width=\"250\"\/><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>Aqui est\u00e1 um exemplo de wireframe para um aplicativo do iPad:<\/p>\n<p><img alt=\"Online shop wireframe example\" decoding=\"async\" height=\"618\" loading=\"lazy\" src=\"https:\/\/www.archimetric.com\/wp-content\/uploads\/2022\/02\/06-online-shop-wireframe-example.png\" width=\"800\"\/>Aqui est\u00e1 um exemplo de wireframe para um aplicativo do iPhone:<\/p>\n<p><img alt=\"iPhone wireframe example\" decoding=\"async\" height=\"515\" loading=\"lazy\" src=\"https:\/\/www.archimetric.com\/wp-content\/uploads\/2022\/02\/07-iphone-wireframe-example.png\" width=\"250\"\/><\/p>\n<p>Por fim, aqui est\u00e1 um exemplo de wireframe para um aplicativo de desktop:<\/p>\n<p><img alt=\"Desktop application example\" decoding=\"async\" height=\"576\" loading=\"lazy\" src=\"https:\/\/www.archimetric.com\/wp-content\/uploads\/2022\/02\/08-desktop-application-wireframe-example.png\" width=\"800\"\/><\/p>\n<h2 class=\"h2\">Benef\u00edcios do uso de wireframe<\/h2>\n<h3 class=\"h3\">Clarear a interface do usu\u00e1rio<\/h3>\n<p>Os clientes podem n\u00e3o entender jarg\u00f5es t\u00e9cnicos de design de tela como slider, caixa girat\u00f3ria, bootstrap, etc. O wireframe comp\u00f5e elementos gr\u00e1ficos b\u00e1sicos que todos podem entender, ajudando os clientes a saberem como os recursos funcionar\u00e3o e como poder\u00e3o interagir com o sistema para alcan\u00e7ar o que desejam.<\/p>\n<h3 class=\"h3\">Considera\u00e7\u00e3o precoce da usabilidade<\/h3>\n<p>A experi\u00eancia do usu\u00e1rio (UX) \u00e9 uma considera\u00e7\u00e3o importante em todos os softwares atualmente. O uso de wireframes na captura de requisitos traz a considera\u00e7\u00e3o da experi\u00eancia do usu\u00e1rio para o in\u00edcio do projeto. Sem desenvolver prot\u00f3tipos ou desenhar qualquer design real de tela, os usu\u00e1rios ainda podem experimentar como o sistema funcionar\u00e1.<\/p>\n<h3 class=\"h3\">Custo eficiente<\/h3>\n<p>Leva tempo e expertise para criar designs de tela completos e de alta fidelidade, o que acaba gerando um custo elevado. O wireframing \u00e9 uma forma r\u00e1pida e econ\u00f4mica de criar esbo\u00e7os b\u00e1sicos de tela. Tamb\u00e9m torna simples e econ\u00f4micos os ajustes ou at\u00e9 mesmo a reestrutura\u00e7\u00e3o dos esbo\u00e7os.<\/p>\n<h3 class=\"h3\">Mais disposto a fazer mudan\u00e7as<\/h3>\n<p>Mudan\u00e7as no design s\u00e3o inevit\u00e1veis. O problema com confirmar ideias de design usando mockups ou prot\u00f3tipos completos do sistema \u00e9 que uma quantidade consider\u00e1vel de trabalho j\u00e1 foi feita, e envolver\u00e1 uma quantidade consider\u00e1vel de retrabalho, o que significa tempo, esfor\u00e7o e custo extras. Nessa situa\u00e7\u00e3o, clientes e equipe de desenvolvimento s\u00e3o mais relutantes em expressar preocupa\u00e7\u00f5es ou solicitar mudan\u00e7as. Pelo contr\u00e1rio, produzir e revisar wireframes leva muito menos tempo. Todos estar\u00e3o mais dispostos a solicitar e fazer mudan\u00e7as.<\/p>\n<h3 class=\"h3\">Clientes engajados<\/h3>\n<p>Como os wireframes s\u00e3o grosseiros e soltos, eles d\u00e3o aos clientes espa\u00e7o para brainstorming e para expressar suas sugest\u00f5es. E, como o tempo de retorno para aprimorar o wireframe \u00e9 curto, os clientes est\u00e3o ativamente envolvidos na entrega de feedback, o que os torna mais propensos a aprovar o design final.<\/p>\n<h2 class=\"h2\">Como usar o wireframe de forma eficaz?<\/h2>\n<p>O uso de wireframe pode trazer muitos benef\u00edcios tanto para a equipe de desenvolvimento quanto para os clientes, mas isso s\u00f3 acontece quando voc\u00ea o utiliza com sabedoria e corretamente. Um uso t\u00edpico incorreto de wireframe \u00e9 trat\u00e1-lo como substituto do design de tela. Isso torna a produ\u00e7\u00e3o e a refinamento dif\u00edcil e custoso, reduzindo a utilidade do wireframing. Nesta se\u00e7\u00e3o, passaremos por algumas dicas eficazes de wireframing.<\/p>\n<ol class=\"contentPoint\">\n<li>Um wireframe \u00e9 destinado a ser simples e suficiente. \u00c9 simples para que possa ser produzido rapidamente e facilmente, e n\u00e3o hesite em ser descartado ou refeito. A apresenta\u00e7\u00e3o de baixa fidelidade tamb\u00e9m o torna mais abrangente e comunicativa. Portanto, n\u00e3o \u00e9 necess\u00e1rio gastar muito tempo em aprimorar o desenho, alinhar elementos ou usar tipologias bonitas, entre outros.<\/li>\n<li>Em um wireframe, em vez de mostrar qualquer conte\u00fado real, podemos substituir um grande trecho de texto (o contexto real) por um espa\u00e7o reservado de texto. Isso evita que tempo seja gasto desnecessariamente na prepara\u00e7\u00e3o do conte\u00fado e impede que os leitores sejam distra\u00eddos pelo conte\u00fado textual. Mas se for necess\u00e1rio exibir texto, voc\u00ea pode considerar colocar algum texto fict\u00edcio no lugar. Voc\u00ea pode facilmente encontrar um gerador de texto fict\u00edcio na internet.<\/li>\n<li>O uso de anota\u00e7\u00f5es ajuda voc\u00ea a descrever um elemento (por exemplo, \u201clogotipo da empresa\u201d) ou a explicar algo relacionado ao seu comportamento (por exemplo, \u201cocultar em 5 segundos\u201d). Use-o se necess\u00e1rio. Mas novamente, n\u00e3o tente documentar cada um dos elementos do wireframe. Voc\u00ea deve usar anota\u00e7\u00f5es apenas quando necess\u00e1rio.<br \/>\n<img alt=\"Using annotations\" decoding=\"async\" height=\"247\" loading=\"lazy\" src=\"https:\/\/www.archimetric.com\/wp-content\/uploads\/2022\/02\/09-using-annotations.png\" width=\"309\"\/><\/li>\n<li>Wireframes podem ser desenhados \u00e0 m\u00e3o, mas geralmente criamos wireframes com software para tornar nosso trabalho mais eficiente e mais f\u00e1cil de gerenciar. Al\u00e9m disso, alguns softwares de wireframe oferecem recursos que o papel e o l\u00e1pis n\u00e3o conseguem realizar. Aqui est\u00e3o tr\u00eas deles:\n<ol class=\"contentPoint\">\n<li>Estado \u2013 A ferramenta de wireframing do Visual Paradigm suporta o conceito de estado, que permite criar um wireframe filho com base em um existente. N\u00e3o apenas economiza tempo ao criar um fluxo de telas com uma sequ\u00eancia de wireframes filhos semelhantes, mas tamb\u00e9m torna os ajustes nos wireframes relacionados muito mais f\u00e1ceis (pois, ao fazer altera\u00e7\u00f5es no estado inicial de um wireframe, essas altera\u00e7\u00f5es tamb\u00e9m ser\u00e3o refletidas em todos os seus wireframes filhos)<\/li>\n<li>Storyboard \u2013 Um storyboard apresenta o fluxo de telas de um cen\u00e1rio espec\u00edfico. Torna os wireframes mais gerenci\u00e1veis e a apresenta\u00e7\u00e3o muito mais f\u00e1cil.<br \/>\n<img alt=\"Wireframes in storyboard\" decoding=\"async\" height=\"605\" loading=\"lazy\" src=\"https:\/\/www.archimetric.com\/wp-content\/uploads\/2022\/02\/10-wireframes-in-storybaord.png\" width=\"800\"\/><\/li>\n<li>Gerenciamento de wireframes por meio de User Story \u2013 User Story \u00e9 uma ferramenta \u00e1gil para registrar preocupa\u00e7\u00f5es e requisitos do usu\u00e1rio. Incluir wireframes como parte do cen\u00e1rio de uma User Story mostra como o usu\u00e1rio ir\u00e1 utilizar o recurso na parte de seu trabalho descrita naquela User Story. Al\u00e9m disso, quando o desenvolvedor come\u00e7ar a implementar a User Story, ele pode consultar o wireframe para ter ideias sobre as expectativas do usu\u00e1rio.<br \/>\n<img alt=\"Wireframes in user story\" decoding=\"async\" height=\"422\" loading=\"lazy\" src=\"https:\/\/www.archimetric.com\/wp-content\/uploads\/2022\/02\/11-wireframes-in-user-story.png\" width=\"800\"\/><\/li>\n<\/ol>\n<\/li>\n<\/ol>\n<\/div>\n<div class=\"content-tutorial\">O Visual Paradigm fornece todas as ferramentas e elementos de wireframe de que voc\u00ea precisa para desenhar wireframes para web, wireframes para aplicativos de desktop, wireframes para aplicativos Android e wireframes para aplicativos iOS (iPhone e iPad). Ele tamb\u00e9m suporta <b>desenvolvimento \u00e1gil de software<\/b> e <b>ferramentas de design de UX<\/b>, que inclui <b>ferramenta de User Story<\/b>, <b>desenvolvimento de sprint<\/b>, <b>storyboard<\/b>, entre outros.<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Os clientes precisam reconhecer como um recurso proposto funcionar\u00e1. Mas simplesmente descrev\u00ea-lo verbalmente ou textualmente para que o recurso alvo<\/p>\n","protected":false},"author":3479,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_yoast_wpseo_title":"","_yoast_wpseo_metadesc":"","fifu_image_url":"","fifu_image_alt":"","footnotes":""},"categories":[123],"tags":[],"class_list":["post-10995","post","type-post","status-publish","format-standard","hentry","category-software-engineering"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.0 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>O que \u00e9 Wireframe - ArchiMetric Portuguese<\/title>\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.archimetric.com\/pt\/what-is-wireframe\/\" \/>\n<meta property=\"og:locale\" content=\"pt_PT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"O que \u00e9 Wireframe - ArchiMetric Portuguese\" \/>\n<meta property=\"og:description\" content=\"Os clientes precisam reconhecer como um recurso proposto funcionar\u00e1. Mas simplesmente descrev\u00ea-lo verbalmente ou textualmente para que o recurso alvo\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.archimetric.com\/pt\/what-is-wireframe\/\" \/>\n<meta property=\"og:site_name\" content=\"ArchiMetric Portuguese\" \/>\n<meta property=\"article:published_time\" content=\"2026-03-05T22:59:37+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.archimetric.com\/wp-content\/uploads\/2022\/02\/01-youtube-wireframe-example.png\" \/>\n<meta name=\"author\" content=\"archimetric@visual-paradigm.com\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"archimetric@visual-paradigm.com\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo estimado 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.archimetric.com\/pt\/what-is-wireframe\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.archimetric.com\/pt\/what-is-wireframe\/\"},\"author\":{\"name\":\"archimetric@visual-paradigm.com\",\"@id\":\"https:\/\/www.archimetric.com\/pt\/#\/schema\/person\/e4027c9f5b602fc705716009e5671d28\"},\"headline\":\"O que \u00e9 Wireframe\",\"datePublished\":\"2026-03-05T22:59:37+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.archimetric.com\/pt\/what-is-wireframe\/\"},\"wordCount\":1303,\"commentCount\":0,\"image\":{\"@id\":\"https:\/\/www.archimetric.com\/pt\/what-is-wireframe\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.archimetric.com\/wp-content\/uploads\/2022\/02\/01-youtube-wireframe-example.png\",\"articleSection\":[\"Software Engineering\"],\"inLanguage\":\"pt-PT\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.archimetric.com\/pt\/what-is-wireframe\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.archimetric.com\/pt\/what-is-wireframe\/\",\"url\":\"https:\/\/www.archimetric.com\/pt\/what-is-wireframe\/\",\"name\":\"O que \u00e9 Wireframe - ArchiMetric Portuguese\",\"isPartOf\":{\"@id\":\"https:\/\/www.archimetric.com\/pt\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.archimetric.com\/pt\/what-is-wireframe\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.archimetric.com\/pt\/what-is-wireframe\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.archimetric.com\/wp-content\/uploads\/2022\/02\/01-youtube-wireframe-example.png\",\"datePublished\":\"2026-03-05T22:59:37+00:00\",\"author\":{\"@id\":\"https:\/\/www.archimetric.com\/pt\/#\/schema\/person\/e4027c9f5b602fc705716009e5671d28\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.archimetric.com\/pt\/what-is-wireframe\/#breadcrumb\"},\"inLanguage\":\"pt-PT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.archimetric.com\/pt\/what-is-wireframe\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/www.archimetric.com\/pt\/what-is-wireframe\/#primaryimage\",\"url\":\"https:\/\/www.archimetric.com\/wp-content\/uploads\/2022\/02\/01-youtube-wireframe-example.png\",\"contentUrl\":\"https:\/\/www.archimetric.com\/wp-content\/uploads\/2022\/02\/01-youtube-wireframe-example.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.archimetric.com\/pt\/what-is-wireframe\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.archimetric.com\/pt\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"O que \u00e9 Wireframe\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.archimetric.com\/pt\/#website\",\"url\":\"https:\/\/www.archimetric.com\/pt\/\",\"name\":\"ArchiMetric Portuguese\",\"description\":\"EA, Dev Ops, Scrum, Agile and More\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.archimetric.com\/pt\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-PT\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.archimetric.com\/pt\/#\/schema\/person\/e4027c9f5b602fc705716009e5671d28\",\"name\":\"archimetric@visual-paradigm.com\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/www.archimetric.com\/pt\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/de58c1924d83d002dbce0b79f74ba4b70e2f85238332df6cabc0227effdf470d?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/de58c1924d83d002dbce0b79f74ba4b70e2f85238332df6cabc0227effdf470d?s=96&d=mm&r=g\",\"caption\":\"archimetric@visual-paradigm.com\"},\"url\":\"https:\/\/www.archimetric.com\/pt\/author\/archimetricvisual-paradigm-com\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"O que \u00e9 Wireframe - ArchiMetric Portuguese","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.archimetric.com\/pt\/what-is-wireframe\/","og_locale":"pt_PT","og_type":"article","og_title":"O que \u00e9 Wireframe - ArchiMetric Portuguese","og_description":"Os clientes precisam reconhecer como um recurso proposto funcionar\u00e1. Mas simplesmente descrev\u00ea-lo verbalmente ou textualmente para que o recurso alvo","og_url":"https:\/\/www.archimetric.com\/pt\/what-is-wireframe\/","og_site_name":"ArchiMetric Portuguese","article_published_time":"2026-03-05T22:59:37+00:00","og_image":[{"url":"https:\/\/www.archimetric.com\/wp-content\/uploads\/2022\/02\/01-youtube-wireframe-example.png","type":"","width":"","height":""}],"author":"archimetric@visual-paradigm.com","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"archimetric@visual-paradigm.com","Tempo estimado de leitura":"7 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.archimetric.com\/pt\/what-is-wireframe\/#article","isPartOf":{"@id":"https:\/\/www.archimetric.com\/pt\/what-is-wireframe\/"},"author":{"name":"archimetric@visual-paradigm.com","@id":"https:\/\/www.archimetric.com\/pt\/#\/schema\/person\/e4027c9f5b602fc705716009e5671d28"},"headline":"O que \u00e9 Wireframe","datePublished":"2026-03-05T22:59:37+00:00","mainEntityOfPage":{"@id":"https:\/\/www.archimetric.com\/pt\/what-is-wireframe\/"},"wordCount":1303,"commentCount":0,"image":{"@id":"https:\/\/www.archimetric.com\/pt\/what-is-wireframe\/#primaryimage"},"thumbnailUrl":"https:\/\/www.archimetric.com\/wp-content\/uploads\/2022\/02\/01-youtube-wireframe-example.png","articleSection":["Software Engineering"],"inLanguage":"pt-PT","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.archimetric.com\/pt\/what-is-wireframe\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.archimetric.com\/pt\/what-is-wireframe\/","url":"https:\/\/www.archimetric.com\/pt\/what-is-wireframe\/","name":"O que \u00e9 Wireframe - ArchiMetric Portuguese","isPartOf":{"@id":"https:\/\/www.archimetric.com\/pt\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.archimetric.com\/pt\/what-is-wireframe\/#primaryimage"},"image":{"@id":"https:\/\/www.archimetric.com\/pt\/what-is-wireframe\/#primaryimage"},"thumbnailUrl":"https:\/\/www.archimetric.com\/wp-content\/uploads\/2022\/02\/01-youtube-wireframe-example.png","datePublished":"2026-03-05T22:59:37+00:00","author":{"@id":"https:\/\/www.archimetric.com\/pt\/#\/schema\/person\/e4027c9f5b602fc705716009e5671d28"},"breadcrumb":{"@id":"https:\/\/www.archimetric.com\/pt\/what-is-wireframe\/#breadcrumb"},"inLanguage":"pt-PT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.archimetric.com\/pt\/what-is-wireframe\/"]}]},{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/www.archimetric.com\/pt\/what-is-wireframe\/#primaryimage","url":"https:\/\/www.archimetric.com\/wp-content\/uploads\/2022\/02\/01-youtube-wireframe-example.png","contentUrl":"https:\/\/www.archimetric.com\/wp-content\/uploads\/2022\/02\/01-youtube-wireframe-example.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.archimetric.com\/pt\/what-is-wireframe\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.archimetric.com\/pt\/"},{"@type":"ListItem","position":2,"name":"O que \u00e9 Wireframe"}]},{"@type":"WebSite","@id":"https:\/\/www.archimetric.com\/pt\/#website","url":"https:\/\/www.archimetric.com\/pt\/","name":"ArchiMetric Portuguese","description":"EA, Dev Ops, Scrum, Agile and More","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.archimetric.com\/pt\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-PT"},{"@type":"Person","@id":"https:\/\/www.archimetric.com\/pt\/#\/schema\/person\/e4027c9f5b602fc705716009e5671d28","name":"archimetric@visual-paradigm.com","image":{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/www.archimetric.com\/pt\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/de58c1924d83d002dbce0b79f74ba4b70e2f85238332df6cabc0227effdf470d?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/de58c1924d83d002dbce0b79f74ba4b70e2f85238332df6cabc0227effdf470d?s=96&d=mm&r=g","caption":"archimetric@visual-paradigm.com"},"url":"https:\/\/www.archimetric.com\/pt\/author\/archimetricvisual-paradigm-com\/"}]}},"_links":{"self":[{"href":"https:\/\/www.archimetric.com\/pt\/wp-json\/wp\/v2\/posts\/10995","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.archimetric.com\/pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.archimetric.com\/pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.archimetric.com\/pt\/wp-json\/wp\/v2\/users\/3479"}],"replies":[{"embeddable":true,"href":"https:\/\/www.archimetric.com\/pt\/wp-json\/wp\/v2\/comments?post=10995"}],"version-history":[{"count":0,"href":"https:\/\/www.archimetric.com\/pt\/wp-json\/wp\/v2\/posts\/10995\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.archimetric.com\/pt\/wp-json\/wp\/v2\/media?parent=10995"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.archimetric.com\/pt\/wp-json\/wp\/v2\/categories?post=10995"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.archimetric.com\/pt\/wp-json\/wp\/v2\/tags?post=10995"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}