{"id":69308,"date":"2022-07-02T20:35:11","date_gmt":"2022-07-02T18:35:11","guid":{"rendered":"https:\/\/rmarketingdigital.com\/wiki\/wireframe-2\/"},"modified":"2024-10-28T22:50:03","modified_gmt":"2024-10-28T21:50:03","slug":"wireframe","status":"publish","type":"glossary","link":"https:\/\/rmarketingdigital.com\/en\/wiki\/wireframe\/","title":{"rendered":"Wireframe"},"content":{"rendered":"<p><\/p>\n<div>\n<p><h2 class=\"titulo-entrada-wiki\">Wireframe concept<\/h2>\n<\/p>\n<div class=\"section\">\n<h3>What is a Wireframe?<\/h3>\n<p>A Wireframe is the <strong>scheme with which an entire web page is represented<\/strong>. A system that is reduced to the essential, dispensing with all graphic material to focus on the rest of the content, as well as on the behavior of each of the pages that make up the site. A scheme that is used to fully understand the operation of a website or even test functions and alternatives.<\/p>\n<p>One of the leading resources for webmasters and designers today. It is the main medium with which the ideas from which you want to build a web page are structured and distributed, the concept that allows you to go from a blank canvas to the code with which to program everything.<\/p>\n<p>Given its straightforward nature, it allows for easy experimentation. As it is an easy and concise sketch, it is easier to detect all items and categories, as well as to propose changes based on a previous idea in order to improve the navigation or usability of a website. It is not something that is limited to the use in order to build a website from scratch, but it is also usually used when you have a remodel in mind.<\/p>\n<p>The basic plan of your website, the starting point to determine the pillars and start shaping everything. Without a Wireframe, the chances of building a page without crumbling are slim.<\/p>\n<\/div>\n<div class=\"section\">\n<h3>What is a wireframe for?<\/h3>\n<p>A Wireframe serves to outline the structure of a web page clearly and concisely. Being a schematic and simple representation, it allows constant and easy modification, without the need for too much knowledge. At the same time, for companies it is a very interesting resource when it comes to experimenting with new functions or structures and receiving them from visitors.<\/p>\n<p>This &quot;blueprint&quot; of the webs makes it much easier for companies when they need redesigns, as well as allowing web developers and designers to quickly know the base structure of a page to manipulate it at will if they deem it necessary.<\/p>\n<\/div>\n<div class=\"section\">\n<h3>Wireframe examples<\/h3>\n<p>If you draw up an outline of any web page you visit, you could have a perfect wireframe example of each of them. It is something laborious when it is done from the appearance and distribution of a website, due to the arrangement and division into categories, which can sometimes be quite complex and convoluted.<\/p>\n<p>To give you examples of Wireframe, we are going to provide you with a link with many cases that are quite interesting:<\/p>\n<p><u>40 examples of wireframe sketches and mockups<\/u>.<\/p>\n<\/div>\n<div class=\"section\">\n<h3>More information on Wireframes<\/h3>\n<p>Do you want more information about the Wireframe? In that case, take a look at the contents that we link below. In them you will find more details that may be interesting to expand or even make one.<\/p>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Concepto de Wireframe \u00bfQu\u00e9 es un Wireframe? Un Wireframe es el esquema con el que se representa a toda una p\u00e1gina web. Un sistema que se reduce a lo primordial,&#8230;<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"template":"","glossary-cat":[],"class_list":["post-69308","glossary","type-glossary","status-publish"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.0 (Yoast SEO v28.2) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Wireframe - R Marketing Digital<\/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:\/\/rmarketingdigital.com\/en\/wiki\/wireframe\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Wireframe\" \/>\n<meta property=\"og:description\" content=\"Concepto de Wireframe \u00bfQu\u00e9 es un Wireframe? Un Wireframe es el esquema con el que se representa a toda una p\u00e1gina web. Un sistema que se reduce a lo primordial,...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/rmarketingdigital.com\/en\/wiki\/wireframe\/\" \/>\n<meta property=\"og:site_name\" content=\"R Marketing Digital\" \/>\n<meta property=\"article:modified_time\" content=\"2024-10-28T21:50:03+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/wiki\\\/wireframe\\\/\",\"url\":\"https:\\\/\\\/rmarketingdigital.com\\\/wiki\\\/wireframe\\\/\",\"name\":\"Wireframe - R Marketing Digital\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#website\"},\"datePublished\":\"2022-07-02T18:35:11+00:00\",\"dateModified\":\"2024-10-28T21:50:03+00:00\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/rmarketingdigital.com\\\/wiki\\\/wireframe\\\/\"]}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#website\",\"url\":\"https:\\\/\\\/rmarketingdigital.com\\\/\",\"name\":\"R Marketing Digital\",\"description\":\"Agencia SEO | Publicidad redes sociales | Community Management\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/rmarketingdigital.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Wireframe - R Marketing Digital","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:\/\/rmarketingdigital.com\/en\/wiki\/wireframe\/","og_locale":"en_US","og_type":"article","og_title":"Wireframe","og_description":"Concepto de Wireframe \u00bfQu\u00e9 es un Wireframe? Un Wireframe es el esquema con el que se representa a toda una p\u00e1gina web. Un sistema que se reduce a lo primordial,...","og_url":"https:\/\/rmarketingdigital.com\/en\/wiki\/wireframe\/","og_site_name":"R Marketing Digital","article_modified_time":"2024-10-28T21:50:03+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/rmarketingdigital.com\/wiki\/wireframe\/","url":"https:\/\/rmarketingdigital.com\/wiki\/wireframe\/","name":"Wireframe - R Marketing Digital","isPartOf":{"@id":"https:\/\/rmarketingdigital.com\/#website"},"datePublished":"2022-07-02T18:35:11+00:00","dateModified":"2024-10-28T21:50:03+00:00","inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/rmarketingdigital.com\/wiki\/wireframe\/"]}]},{"@type":"WebSite","@id":"https:\/\/rmarketingdigital.com\/#website","url":"https:\/\/rmarketingdigital.com\/","name":"R Digital Marketing","description":"SEO Agency | Advertising social networks | Community Management","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/rmarketingdigital.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/rmarketingdigital.com\/en\/wp-json\/wp\/v2\/glossary\/69308","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rmarketingdigital.com\/en\/wp-json\/wp\/v2\/glossary"}],"about":[{"href":"https:\/\/rmarketingdigital.com\/en\/wp-json\/wp\/v2\/types\/glossary"}],"author":[{"embeddable":true,"href":"https:\/\/rmarketingdigital.com\/en\/wp-json\/wp\/v2\/users\/1"}],"version-history":[{"count":0,"href":"https:\/\/rmarketingdigital.com\/en\/wp-json\/wp\/v2\/glossary\/69308\/revisions"}],"wp:attachment":[{"href":"https:\/\/rmarketingdigital.com\/en\/wp-json\/wp\/v2\/media?parent=69308"}],"wp:term":[{"taxonomy":"glossary-cat","embeddable":true,"href":"https:\/\/rmarketingdigital.com\/en\/wp-json\/wp\/v2\/glossary-cat?post=69308"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}