{"id":4046,"date":"2024-03-27T16:24:37","date_gmt":"2024-03-27T15:24:37","guid":{"rendered":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/?p=4046"},"modified":"2024-03-27T16:27:11","modified_gmt":"2024-03-27T15:27:11","slug":"que-es-wireframe","status":"publish","type":"post","link":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/que-es-wireframe","title":{"rendered":"Qu\u00e9 es un wireframe: tipos, para qu\u00e9 se usan&#8230;"},"content":{"rendered":"\n<p>En el mundo del dise\u00f1o y desarrollo de sitios web y aplicaciones, existe una herramienta crucial conocida como wireframe. Los <strong>wireframes<\/strong> son una representaci\u00f3n visual de la estructura de una p\u00e1gina\u00a0 o <a href=\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/estandares-web\/\" target=\"_blank\" rel=\"noopener\">est\u00e1ndar web<\/a> o una aplicaci\u00f3n, que ayuda a dise\u00f1adores, desarrolladores, y otros profesionales del sector a planificar la estructura y el contenido de su trabajo antes de iniciar el proceso de dise\u00f1o y desarrollo. En este art\u00edculo, exploraremos la definici\u00f3n, la importancia y los aspectos a tener en cuenta a la hora de crear wireframes.<\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_72 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/que-es-wireframe\/#%C2%BFQue_es_un_wireframe\" title=\"\u00bfQu\u00e9 es un wireframe?\">\u00bfQu\u00e9 es un wireframe?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/que-es-wireframe\/#Por_que_necesitas_crear_wireframes\" title=\"Por qu\u00e9 necesitas crear wireframes\">Por qu\u00e9 necesitas crear wireframes<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/que-es-wireframe\/#Aspectos_a_tener_en_cuenta_a_la_hora_de_crear_un_wireframe\" title=\"Aspectos a tener en cuenta a la hora de crear un wireframe\">Aspectos a tener en cuenta a la hora de crear un wireframe<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/que-es-wireframe\/#Tipos_de_wireframes\" title=\"Tipos de wireframes\">Tipos de wireframes<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/que-es-wireframe\/#Wireframes_de_baja_fidelidad\" title=\"Wireframes de baja fidelidad\">Wireframes de baja fidelidad<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/que-es-wireframe\/#Wireframes_de_alta_fidelidad\" title=\"Wireframes de alta fidelidad\">Wireframes de alta fidelidad<\/a><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"%C2%BFQue_es_un_wireframe\"><\/span><strong>\u00bfQu\u00e9 es un wireframe?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Un <strong>wireframe<\/strong> es una representaci\u00f3n esquem\u00e1tica de una p\u00e1gina web o una aplicaci\u00f3n que muestra la estructura b\u00e1sica de la interfaz de usuario (UI), incluyendo la disposici\u00f3n de los elementos, la jerarqu\u00eda de informaci\u00f3n y el flujo de usuarios. Los wireframes no incluyen detalles est\u00e9ticos como colores, tipograf\u00edas o estilos visuales. En cambio, se centran en la funcionalidad y la experiencia de usuario (UX).<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Por_que_necesitas_crear_wireframes\"><\/span>Por qu\u00e9 necesitas crear wireframes<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Los wireframes son una herramienta importante en el proceso de dise\u00f1o y desarrollo web y de aplicaciones por varias razones:<\/p>\n<ul>\n<li><strong>Planificaci\u00f3n<\/strong>: Ayudan a planificar la estructura y el contenido de la p\u00e1gina o aplicaci\u00f3n antes de iniciar el proceso de dise\u00f1o.<\/li>\n<li><strong>Comunicaci\u00f3n<\/strong>: Facilitan la comunicaci\u00f3n entre los dise\u00f1adores, desarrolladores, y otros miembros del equipo de dise\u00f1o al proporcionar una representaci\u00f3n visual clara de la interfaz de usuario y la experiencia de usuario.<\/li>\n<li><strong>Pruebas<\/strong>: Permiten realizar pruebas y cambios en la estructura y el contenido antes de invertir tiempo y recursos en la fase de dise\u00f1o y desarrollo.<\/li>\n<\/ul>\n<h2><span class=\"ez-toc-section\" id=\"Aspectos_a_tener_en_cuenta_a_la_hora_de_crear_un_wireframe\"><\/span>Aspectos a tener en cuenta a la hora de crear un wireframe<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Al crear wireframes, es importante tener en cuenta los siguientes aspectos:<\/p>\n<ul>\n<li><strong>Fidelidad<\/strong>: Los wireframes pueden tener diferentes niveles de fidelidad, desde bocetos simples hasta dise\u00f1os detallados de alta fidelidad. La elecci\u00f3n de la fidelidad depender\u00e1 del prop\u00f3sito del wireframe y la etapa del proceso de dise\u00f1o.<\/li>\n<li><strong>Clasificaci\u00f3n y jerarqu\u00eda de informaci\u00f3n<\/strong>: Aseg\u00farate de que la informaci\u00f3n est\u00e9 organizada l\u00f3gicamente y que la jerarqu\u00eda de la informaci\u00f3n sea clara.<\/li>\n<li><strong>Flujo de usuarios<\/strong>: El wireframe debe reflejar el flujo de usuarios y la experiencia de usuario deseados.<\/li>\n<li><strong>Elementos de la interfaz de usuario<\/strong>: Incluye los elementos de la interfaz de usuario esenciales, como botones, men\u00fas, campos de texto, y formularios.<\/li>\n<li>Puedes ayudarte del uso de <a href=\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/aplicaciones-de-inteligencia-artificial-para-diseno-grafico\/\" target=\"_blank\" rel=\"noopener\">IA para el dise\u00f1o grafico<\/a><\/li>\n<\/ul>\n<h2><span class=\"ez-toc-section\" id=\"Tipos_de_wireframes\"><\/span>Tipos de wireframes<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Existen diferentes tipos de wireframes, incluyendo:<\/p>\n<ul>\n<li><strong>Wireframes de baja fidelidad:<\/strong> Son bocetos simples que representan la estructura b\u00e1sica de la p\u00e1gina o aplicaci\u00f3n.<\/li>\n<li><strong>Wireframes de alta fidelidad<\/strong>: Son dise\u00f1os detallados que incluyen m\u00e1s informaci\u00f3n sobre la interfaz de usuario y la experiencia de usuario.<\/li>\n<\/ul>\n<h2 class=\"whitespace-pre-wrap mb-4 last:mb-0\"><span class=\"ez-toc-section\" id=\"Wireframes_de_baja_fidelidad\"><\/span><span class=\"font-bold\">Wireframes <\/span><span class=\"font-bold\">de <\/span><span class=\"font-bold\">baja <\/span><span class=\"font-bold\">fidelidad<\/span><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p class=\"whitespace-pre-wrap mb-4 last:mb-0\">Los <strong>wireframes<\/strong> de baja fidelidad, tambi\u00e9n conocidos como wireframes b\u00e1sicos o wireframes de concepto, son representaciones esquem\u00e1ticas simples y r\u00e1pidas de la estructura b\u00e1sica de una p\u00e1gina web o una aplicaci\u00f3n. A menudo se crean durante las primeras etapas del proceso de dise\u00f1o y sirven como una herramienta para explorar y validar ideas b\u00e1sicas de dise\u00f1o y estructura de informaci\u00f3n.<\/p>\n<p class=\"whitespace-pre-wrap mb-4 last:mb-0\">Algunas caracter\u00edsticas clave de los wireframes de bajo fidelidad son:<\/p>\n<ul class=\"[&amp;_li]:mb-2 leading-7 pl-6 mb-4 last:mb-0 list-decimal\">\n<li class=\"pl-1 marker:text-neutral-700\" data-projection-id=\"56\">\n<div class=\"w-full\">\n<div class=\"whitespace-pre-wrap mb-4 last:mb-0\"><strong><span class=\"font-bold\">Simpleza<\/span><\/strong>: Se centran en la estructura b\u00e1sica y la organizaci\u00f3n del contenido, utilizando formas geom\u00e9tricas simples para representar elementos como encabezados, texto, im\u00e1genes, y botones.<\/div>\n<\/div>\n<\/li>\n<li class=\"pl-1 marker:text-neutral-700\" data-projection-id=\"58\">\n<div class=\"w-full\">\n<div class=\"whitespace-pre-wrap mb-4 last:mb-0\"><strong><span class=\"font-bold\">F\u00e1ciles <\/span><span class=\"font-bold\">de <\/span><span class=\"font-bold\">modificar<\/span>:<\/strong> Debido a su naturaleza b\u00e1sica, los wireframes de bajo fidelidad pueden modificarse f\u00e1cilmente para explorar diferentes opciones de dise\u00f1o y estructura.<\/div>\n<\/div>\n<\/li>\n<li class=\"pl-1 marker:text-neutral-700\" data-projection-id=\"59\">\n<div class=\"w-full\">\n<div class=\"whitespace-pre-wrap mb-4 last:mb-0\"><strong><span class=\"font-bold\">Menor <\/span><span class=\"font-bold\">detalle<\/span><\/strong>: No incluyen informaci\u00f3n detallada sobre la interfaz de usuario y la experiencia de usuario.<\/div>\n<\/div>\n<\/li>\n<\/ul>\n<h2><span class=\"ez-toc-section\" id=\"Wireframes_de_alta_fidelidad\"><\/span>Wireframes de alta fidelidad<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Los wireframes de alta fidelidad, tambi\u00e9n conocidos como wireframes interactivos o prototipos de wireframe, son dise\u00f1os m\u00e1s detallados y completos que representan de manera precisa la interfaz de usuario y la experiencia de usuario previstas de una p\u00e1gina web o una aplicaci\u00f3n. A menudo se crean despu\u00e9s de las pruebas y refinamientos realizados en wireframes de bajo fidelidad.<br \/>Algunas caracter\u00edsticas clave de los wireframes de alta fidelidad son:<\/p>\n<ul>\n<li><strong>Detalle y realismo:<\/strong> Incluyen informaci\u00f3n detallada sobre el dise\u00f1o, la estructura, los elementos de interfaz y las interacciones de usuario, proporcionando una representaci\u00f3n m\u00e1s realista del producto final.<\/li>\n<li><strong>Interactividad<\/strong>: A menudo incluyen elementos interactivos como botones, men\u00fas desplegables y campos de texto para simular la experiencia de usuario y las interacciones del usuario final.<\/li>\n<li><strong>Valiosos para pruebas y validaci\u00f3n<\/strong>: Son ideales para realizar pruebas de usuario y recopilar comentarios sobre el dise\u00f1o y la experiencia de usuario antes de iniciar la fase de desarrollo.<\/li>\n<\/ul>\n<p>Ambos tipos de wireframes tienen sus prop\u00f3sitos y beneficios en el proceso de dise\u00f1o y desarrollo. Los wireframes de bajo fidelidad son \u00fatiles para generar ideas y explorar conceptos b\u00e1sicos, mientras que los wireframes de alta fidelidad se utilizan para la validaci\u00f3n y refinamiento de las ideas generadas en las primeras etapas del proceso de dise\u00f1o.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u00bfSabes qu\u00e9 es un wireframe? \u00a1Te lo contamos todo! Descubre en qu\u00e9 casos es necesario y qu\u00e9 tipos existen. \u00a1Vamos!<\/p>\n","protected":false},"author":91968,"featured_media":4047,"comment_status":"open","ping_status":"open","sticky":true,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"class_list":["post-4046","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diseno-grafico"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v23.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Qu\u00e9 es un wireframe: tipos, para qu\u00e9 se usan...<\/title>\n<meta name=\"description\" content=\"\u00bfSabes qu\u00e9 es un wireframe? \u00a1Te lo contamos todo! Descubre en qu\u00e9 casos es necesario y qu\u00e9 tipos existen. \u00a1Vamos!\" \/>\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.inesem.es\/revistadigital\/diseno-y-artes-graficas\/que-es-wireframe\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Qu\u00e9 es un wireframe: tipos, para qu\u00e9 se usan...\" \/>\n<meta property=\"og:description\" content=\"\u00bfSabes qu\u00e9 es un wireframe? \u00a1Te lo contamos todo! Descubre en qu\u00e9 casos es necesario y qu\u00e9 tipos existen. \u00a1Vamos!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/que-es-wireframe\" \/>\n<meta property=\"og:site_name\" content=\"Canal Dise\u00f1o y Arquitectura\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/InesemBusinessSchool\/\" \/>\n<meta property=\"article:published_time\" content=\"2024-03-27T15:24:37+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-03-27T15:27:11+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/files\/2024\/03\/REVISTA-DIGITAL-\u00b7-INESEM-2.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1620\" \/>\n\t<meta property=\"og:image:height\" content=\"1080\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"jefferson.mera\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@inesem\" \/>\n<meta name=\"twitter:site\" content=\"@inesem\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"jefferson.mera\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/que-es-wireframe#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/que-es-wireframe\"},\"author\":{\"name\":\"jefferson.mera\",\"@id\":\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/#\/schema\/person\/191b07216f6896be60fc0b8b75c14342\"},\"headline\":\"Qu\u00e9 es un wireframe: tipos, para qu\u00e9 se usan&#8230;\",\"datePublished\":\"2024-03-27T15:24:37+00:00\",\"dateModified\":\"2024-03-27T15:27:11+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/que-es-wireframe\"},\"wordCount\":884,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/que-es-wireframe#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/files\/2024\/03\/REVISTA-DIGITAL-\u00b7-INESEM-2.jpg\",\"articleSection\":[\"Dise\u00f1o Gr\u00e1fico\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/que-es-wireframe#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/que-es-wireframe\",\"url\":\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/que-es-wireframe\",\"name\":\"Qu\u00e9 es un wireframe: tipos, para qu\u00e9 se usan...\",\"isPartOf\":{\"@id\":\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/que-es-wireframe#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/que-es-wireframe#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/files\/2024\/03\/REVISTA-DIGITAL-\u00b7-INESEM-2.jpg\",\"datePublished\":\"2024-03-27T15:24:37+00:00\",\"dateModified\":\"2024-03-27T15:27:11+00:00\",\"description\":\"\u00bfSabes qu\u00e9 es un wireframe? \u00a1Te lo contamos todo! Descubre en qu\u00e9 casos es necesario y qu\u00e9 tipos existen. \u00a1Vamos!\",\"breadcrumb\":{\"@id\":\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/que-es-wireframe#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/que-es-wireframe\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/que-es-wireframe#primaryimage\",\"url\":\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/files\/2024\/03\/REVISTA-DIGITAL-\u00b7-INESEM-2.jpg\",\"contentUrl\":\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/files\/2024\/03\/REVISTA-DIGITAL-\u00b7-INESEM-2.jpg\",\"width\":1620,\"height\":1080,\"caption\":\"Qu\u00e9 es wireframe\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/que-es-wireframe#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Dise\u00f1o Gr\u00e1fico\",\"item\":\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/categorias\/diseno-grafico\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Qu\u00e9 es un wireframe: tipos, para qu\u00e9 se usan&#8230;\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/#website\",\"url\":\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/\",\"name\":\"Canal Dise\u00f1o y Arquitectura\",\"description\":\"En los art\u00edculos de Dise\u00f1o y Arquitectura de Revista Digital INESEM encontrar\u00e1s informaci\u00f3n actualizada e innovadora sobre tu sector. Nuestros art\u00edculos est\u00e1n elaborados y contrastados por profesionales de diferentes especialidades del sector. Si est\u00e1s buscando informaci\u00f3n sobre Arquitectura y Edificaci\u00f3n, Decoraci\u00f3n e Interiorismo, Dise\u00f1o Gr\u00e1fico, Dise\u00f1o Web o Edici\u00f3n y Posproducci\u00f3n Digital, est\u00e1s en el sitio indicado.\",\"publisher\":{\"@id\":\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/#organization\",\"name\":\"Canal Dise\u00f1o y Arquitectura\",\"url\":\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/#\/schema\/logo\/image\/\",\"url\":\"\",\"contentUrl\":\"\",\"caption\":\"Canal Dise\u00f1o y Arquitectura\"},\"image\":{\"@id\":\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/InesemBusinessSchool\/\",\"https:\/\/x.com\/inesem\",\"http:\/\/www.linkedin.com\/company\/2370697\",\"https:\/\/www.youtube.com\/user\/inesembusinesschool\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/#\/schema\/person\/191b07216f6896be60fc0b8b75c14342\",\"name\":\"jefferson.mera\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/3ff3f1ac95ff609e4a442c4de0742907?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/3ff3f1ac95ff609e4a442c4de0742907?s=96&d=mm&r=g\",\"caption\":\"jefferson.mera\"},\"url\":\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/autores\/jefferson-mera\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Qu\u00e9 es un wireframe: tipos, para qu\u00e9 se usan...","description":"\u00bfSabes qu\u00e9 es un wireframe? \u00a1Te lo contamos todo! Descubre en qu\u00e9 casos es necesario y qu\u00e9 tipos existen. \u00a1Vamos!","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.inesem.es\/revistadigital\/diseno-y-artes-graficas\/que-es-wireframe","og_locale":"es_ES","og_type":"article","og_title":"Qu\u00e9 es un wireframe: tipos, para qu\u00e9 se usan...","og_description":"\u00bfSabes qu\u00e9 es un wireframe? \u00a1Te lo contamos todo! Descubre en qu\u00e9 casos es necesario y qu\u00e9 tipos existen. \u00a1Vamos!","og_url":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/que-es-wireframe","og_site_name":"Canal Dise\u00f1o y Arquitectura","article_publisher":"https:\/\/www.facebook.com\/InesemBusinessSchool\/","article_published_time":"2024-03-27T15:24:37+00:00","article_modified_time":"2024-03-27T15:27:11+00:00","og_image":[{"width":1620,"height":1080,"url":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/files\/2024\/03\/REVISTA-DIGITAL-\u00b7-INESEM-2.jpg","type":"image\/jpeg"}],"author":"jefferson.mera","twitter_card":"summary_large_image","twitter_creator":"@inesem","twitter_site":"@inesem","twitter_misc":{"Escrito por":"jefferson.mera","Tiempo de lectura":"4 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/que-es-wireframe#article","isPartOf":{"@id":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/que-es-wireframe"},"author":{"name":"jefferson.mera","@id":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/#\/schema\/person\/191b07216f6896be60fc0b8b75c14342"},"headline":"Qu\u00e9 es un wireframe: tipos, para qu\u00e9 se usan&#8230;","datePublished":"2024-03-27T15:24:37+00:00","dateModified":"2024-03-27T15:27:11+00:00","mainEntityOfPage":{"@id":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/que-es-wireframe"},"wordCount":884,"commentCount":0,"publisher":{"@id":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/#organization"},"image":{"@id":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/que-es-wireframe#primaryimage"},"thumbnailUrl":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/files\/2024\/03\/REVISTA-DIGITAL-\u00b7-INESEM-2.jpg","articleSection":["Dise\u00f1o Gr\u00e1fico"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/que-es-wireframe#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/que-es-wireframe","url":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/que-es-wireframe","name":"Qu\u00e9 es un wireframe: tipos, para qu\u00e9 se usan...","isPartOf":{"@id":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/que-es-wireframe#primaryimage"},"image":{"@id":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/que-es-wireframe#primaryimage"},"thumbnailUrl":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/files\/2024\/03\/REVISTA-DIGITAL-\u00b7-INESEM-2.jpg","datePublished":"2024-03-27T15:24:37+00:00","dateModified":"2024-03-27T15:27:11+00:00","description":"\u00bfSabes qu\u00e9 es un wireframe? \u00a1Te lo contamos todo! Descubre en qu\u00e9 casos es necesario y qu\u00e9 tipos existen. \u00a1Vamos!","breadcrumb":{"@id":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/que-es-wireframe#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/que-es-wireframe"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/que-es-wireframe#primaryimage","url":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/files\/2024\/03\/REVISTA-DIGITAL-\u00b7-INESEM-2.jpg","contentUrl":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/files\/2024\/03\/REVISTA-DIGITAL-\u00b7-INESEM-2.jpg","width":1620,"height":1080,"caption":"Qu\u00e9 es wireframe"},{"@type":"BreadcrumbList","@id":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/que-es-wireframe#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/"},{"@type":"ListItem","position":2,"name":"Dise\u00f1o Gr\u00e1fico","item":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/categorias\/diseno-grafico"},{"@type":"ListItem","position":3,"name":"Qu\u00e9 es un wireframe: tipos, para qu\u00e9 se usan&#8230;"}]},{"@type":"WebSite","@id":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/#website","url":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/","name":"Canal Dise\u00f1o y Arquitectura","description":"En los art\u00edculos de Dise\u00f1o y Arquitectura de Revista Digital INESEM encontrar\u00e1s informaci\u00f3n actualizada e innovadora sobre tu sector. Nuestros art\u00edculos est\u00e1n elaborados y contrastados por profesionales de diferentes especialidades del sector. Si est\u00e1s buscando informaci\u00f3n sobre Arquitectura y Edificaci\u00f3n, Decoraci\u00f3n e Interiorismo, Dise\u00f1o Gr\u00e1fico, Dise\u00f1o Web o Edici\u00f3n y Posproducci\u00f3n Digital, est\u00e1s en el sitio indicado.","publisher":{"@id":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/#organization","name":"Canal Dise\u00f1o y Arquitectura","url":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/#\/schema\/logo\/image\/","url":"","contentUrl":"","caption":"Canal Dise\u00f1o y Arquitectura"},"image":{"@id":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/InesemBusinessSchool\/","https:\/\/x.com\/inesem","http:\/\/www.linkedin.com\/company\/2370697","https:\/\/www.youtube.com\/user\/inesembusinesschool\/"]},{"@type":"Person","@id":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/#\/schema\/person\/191b07216f6896be60fc0b8b75c14342","name":"jefferson.mera","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/3ff3f1ac95ff609e4a442c4de0742907?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/3ff3f1ac95ff609e4a442c4de0742907?s=96&d=mm&r=g","caption":"jefferson.mera"},"url":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/autores\/jefferson-mera"}]}},"autor_name":{"name":"jefferson.mera"},"featured_image":{"attachment_meta":{"width":1620,"height":1080,"file":"2024\/03\/REVISTA-DIGITAL-\u00b7-INESEM-2.jpg","sizes":{"medium":{"file":"REVISTA-DIGITAL-\u00b7-INESEM-2-300x200.jpg","width":300,"height":200,"mime_type":"image\/jpeg","url":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/files\/2024\/03\/REVISTA-DIGITAL-\u00b7-INESEM-2-300x200.jpg"},"large":{"file":"REVISTA-DIGITAL-\u00b7-INESEM-2-1020x680.jpg","width":1020,"height":680,"mime_type":"image\/jpeg","url":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/files\/2024\/03\/REVISTA-DIGITAL-\u00b7-INESEM-2-1020x680.jpg"},"thumbnail":{"file":"REVISTA-DIGITAL-\u00b7-INESEM-2-345x180.jpg","width":345,"height":180,"mime_type":"image\/jpeg","url":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/files\/2024\/03\/REVISTA-DIGITAL-\u00b7-INESEM-2-345x180.jpg"},"medium_large":{"file":"REVISTA-DIGITAL-\u00b7-INESEM-2-768x512.jpg","width":768,"height":512,"mime_type":"image\/jpeg","url":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/files\/2024\/03\/REVISTA-DIGITAL-\u00b7-INESEM-2-768x512.jpg"},"wysija-newsletters-max":{"file":"REVISTA-DIGITAL-\u00b7-INESEM-2-600x400.jpg","width":600,"height":400,"mime_type":"image\/jpeg","url":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/files\/2024\/03\/REVISTA-DIGITAL-\u00b7-INESEM-2-600x400.jpg"},"1536x1536":{"file":"REVISTA-DIGITAL-\u00b7-INESEM-2-1536x1024.jpg","width":1536,"height":1024,"mime_type":"image\/jpeg","url":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/files\/2024\/03\/REVISTA-DIGITAL-\u00b7-INESEM-2-1536x1024.jpg"},"thumb-small":{"file":"REVISTA-DIGITAL-\u00b7-INESEM-2-80x80.jpg","width":80,"height":80,"mime_type":"image\/jpeg","url":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/files\/2024\/03\/REVISTA-DIGITAL-\u00b7-INESEM-2-80x80.jpg"},"thumb-standard":{"file":"REVISTA-DIGITAL-\u00b7-INESEM-2-320x320.jpg","width":320,"height":320,"mime_type":"image\/jpeg","url":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/files\/2024\/03\/REVISTA-DIGITAL-\u00b7-INESEM-2-320x320.jpg"},"thumb-medium":{"file":"REVISTA-DIGITAL-\u00b7-INESEM-2-520x245.jpg","width":520,"height":245,"mime_type":"image\/jpeg","url":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/files\/2024\/03\/REVISTA-DIGITAL-\u00b7-INESEM-2-520x245.jpg"},"thumb-large":{"file":"REVISTA-DIGITAL-\u00b7-INESEM-2-720x340.jpg","width":720,"height":340,"mime_type":"image\/jpeg","url":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/files\/2024\/03\/REVISTA-DIGITAL-\u00b7-INESEM-2-720x340.jpg"},"thumb-anteriores":{"file":"REVISTA-DIGITAL-\u00b7-INESEM-2-230x163.jpg","width":230,"height":163,"mime_type":"image\/jpeg","url":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/files\/2024\/03\/REVISTA-DIGITAL-\u00b7-INESEM-2-230x163.jpg"},"thumb-inverso":{"file":"REVISTA-DIGITAL-\u00b7-INESEM-2-369x261.jpg","width":369,"height":261,"mime_type":"image\/jpeg","url":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/files\/2024\/03\/REVISTA-DIGITAL-\u00b7-INESEM-2-369x261.jpg"},"thumb-cercano":{"file":"REVISTA-DIGITAL-\u00b7-INESEM-2-650x200.jpg","width":650,"height":200,"mime_type":"image\/jpeg","url":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/files\/2024\/03\/REVISTA-DIGITAL-\u00b7-INESEM-2-650x200.jpg"},"thumb-slider":{"file":"REVISTA-DIGITAL-\u00b7-INESEM-2-574x430.jpg","width":574,"height":430,"mime_type":"image\/jpeg","url":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/files\/2024\/03\/REVISTA-DIGITAL-\u00b7-INESEM-2-574x430.jpg"},"thumb-busqueda":{"file":"REVISTA-DIGITAL-\u00b7-INESEM-2-580x375.jpg","width":580,"height":375,"mime_type":"image\/jpeg","url":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/files\/2024\/03\/REVISTA-DIGITAL-\u00b7-INESEM-2-580x375.jpg"},"thumb-formacion-continua":{"file":"REVISTA-DIGITAL-\u00b7-INESEM-2-440x336.jpg","width":440,"height":336,"mime_type":"image\/jpeg","url":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/files\/2024\/03\/REVISTA-DIGITAL-\u00b7-INESEM-2-440x336.jpg"},"thumb-xlarge":{"file":"REVISTA-DIGITAL-\u00b7-INESEM-2-980x450.jpg","width":980,"height":450,"mime_type":"image\/jpeg","url":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/files\/2024\/03\/REVISTA-DIGITAL-\u00b7-INESEM-2-980x450.jpg"},"thumb-xxlarge":{"file":"REVISTA-DIGITAL-\u00b7-INESEM-2-1320x500.jpg","width":1320,"height":500,"mime_type":"image\/jpeg","url":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/files\/2024\/03\/REVISTA-DIGITAL-\u00b7-INESEM-2-1320x500.jpg"}},"image_meta":{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"1","keywords":[]}}},"_links":{"self":[{"href":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/wp-json\/wp\/v2\/posts\/4046"}],"collection":[{"href":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/wp-json\/wp\/v2\/users\/91968"}],"replies":[{"embeddable":true,"href":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/wp-json\/wp\/v2\/comments?post=4046"}],"version-history":[{"count":0,"href":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/wp-json\/wp\/v2\/posts\/4046\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/wp-json\/wp\/v2\/media\/4047"}],"wp:attachment":[{"href":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/wp-json\/wp\/v2\/media?parent=4046"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/wp-json\/wp\/v2\/categories?post=4046"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}