{"id":3450,"date":"2021-09-23T09:00:35","date_gmt":"2021-09-23T14:00:35","guid":{"rendered":"https:\/\/digilopolis.com\/blog\/?p=3450"},"modified":"2025-01-19T22:50:19","modified_gmt":"2025-01-20T03:50:19","slug":"que-es-un-wireframe","status":"publish","type":"post","link":"https:\/\/digilopolis.com\/blog\/2021\/09\/23\/que-es-un-wireframe\/","title":{"rendered":"\u00bfQu\u00e9 es un wireframe?"},"content":{"rendered":"<p>Seguramente hayas escuchado o le\u00eddo alguna vez el t\u00e9rmino wireframe. Hoy te explicamos qu\u00e9 es y por qu\u00e9 es una herramienta vital en el dise\u00f1o de cualquier web o app.<\/p>\n<h2>\u00bfQu\u00e9 es un wireframe?<\/h2>\n<p>Un wireframe es un\u00a0<strong>esquema que representa la estructura b\u00e1sica, tipos de contenido y posici\u00f3n de los mismos en una web o app<\/strong>.<\/p>\n<p>Los wireframes, junto con los mockups y prototipos, son\u00a0<strong>una de las herramientas fundamentales a la hora de dise\u00f1ar webs, apps e interfaces de usuario<\/strong>.<\/p>\n<p>Mientras\u00a0<strong>los wireframes se encargan de definir la estructura, los mockups definen el aspecto visual y los prototipos van un paso m\u00e1s all\u00e1 a\u00f1adiendo interactividad<\/strong>.<\/p>\n<p>Los wireframes se utilizan al principio del proceso de desarrollo para establecer la estructura b\u00e1sica de un sitio web antes de agregar el dise\u00f1o visual y el contenido.<\/p>\n<p>El objetivo de un wireframe es proporcionar una comprensi\u00f3n visual de una p\u00e1gina al principio de un proyecto para obtener la aprobaci\u00f3n de las partes interesadas y el equipo del proyecto antes de que comience la fase creativa. Los wireframes tambi\u00e9n se pueden usar para crear la navegaci\u00f3n global y secundaria para garantizar que la terminolog\u00eda y la estructura utilizadas para el sitio cumplan con las expectativas del usuario.<\/p>\n<div class=\"wpb_text_column\">\n<div class=\"wpb_wrapper\">\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-3458\" src=\"https:\/\/digilopolis.com\/blog\/wp-content\/uploads\/2021\/09\/wireframe-300x278.jpg\" alt=\"wireframe\" width=\"400\" height=\"370\" srcset=\"https:\/\/digilopolis.com\/blog\/wp-content\/uploads\/2021\/09\/wireframe-300x278.jpg 300w, https:\/\/digilopolis.com\/blog\/wp-content\/uploads\/2021\/09\/wireframe-768x711.jpg 768w, https:\/\/digilopolis.com\/blog\/wp-content\/uploads\/2021\/09\/wireframe-454x420.jpg 454w, https:\/\/digilopolis.com\/blog\/wp-content\/uploads\/2021\/09\/wireframe-640x593.jpg 640w, https:\/\/digilopolis.com\/blog\/wp-content\/uploads\/2021\/09\/wireframe-681x631.jpg 681w, https:\/\/digilopolis.com\/blog\/wp-content\/uploads\/2021\/09\/wireframe.jpg 934w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/><\/p>\n<\/div>\n<\/div>\n<h2>\u00bfPor qu\u00e9 debes utilizar wireframes?<\/h2>\n<p><strong>Uno de los errores m\u00e1s habituales en dise\u00f1o web es empezar a trabajar directamente la parte visual<\/strong>, obviando la estructura y pensando que de esta manera ahorraremos tiempo y costes.<\/p>\n<p>El resultado obtenido es el contrario pues,\u00a0<strong>sin una estructura definida, realizar correcciones llevar\u00e1 m\u00e1s tiempo y ser\u00e1 mucho m\u00e1s costoso<\/strong>.<\/p>\n<p>De la misma manera que no empezamos una casa por el tejado,\u00a0<strong>no debemos empezar a dise\u00f1ar una web o app sin tener una estructura correctamente definida<\/strong>.<\/p>\n<p><strong>Los wireframes nos permiten representar la arquitectura de la web y definir la posici\u00f3n y tama\u00f1o espec\u00edfico de cada uno de los elementos a un nivel b\u00e1sico<\/strong>. Es decir, se define qu\u00e9 tipo de elemento se va a utilizar (texto, imagen, bot\u00f3n, etc.) pero no se detalla su aspecto visual.<\/p>\n<p>Los wireframes son fundamentales en las primeras fases del proyecto pues\u00a0<strong>act\u00faan como bocetos que permiten al equipo de trabajo entender la estructura del sitio o app<\/strong>.<\/p>\n<p>Al tratarse de una representaci\u00f3n esquem\u00e1tica, los wireframes tambi\u00e9n son\u00a0<strong>perfectos para realizar<\/strong>\u00a0an\u00e1lisis heur\u00edsticos\u00a0<strong>de usabilidad, detectar problemas y realizar correcciones<\/strong>.<\/p>\n<h2>\u00bfC\u00f3mo crear wireframes?<\/h2>\n<p>Antes de empezar a dise\u00f1ar wireframes debes tener clara la arquitectura de la web mediante un\u00a0<strong>mapa del sitio o diagrama de flujo<\/strong>\u00a0de las diferentes p\u00e1ginas que lo componen.<\/p>\n<p><strong>Es habitual que los primeros wireframes se realicen con l\u00e1piz y papel<\/strong>. Una vez tengas la estructura definida, puedes utilizar herramientas espec\u00edficas que te ayudar\u00e1n a posicionar los diferentes elementos con mayor precisi\u00f3n.<\/p>\n<p><strong>Existe una amplia variedad de herramientas que permiten crear wireframes<\/strong>. Desde herramientas espec\u00edficas como\u00a0<a href=\"https:\/\/balsamiq.com\/\" target=\"_blank\" rel=\"nofollow noopener\">Balsamiq<\/a>,\u00a0<a href=\"https:\/\/moqups.com\/wireframe-tool\/\" target=\"_blank\" rel=\"nofollow noopener\">Moqups<\/a>\u00a0o\u00a0<a href=\"https:\/\/cacoo.com\/\" target=\"_blank\" rel=\"nofollow noopener\">Cacoo<\/a>\u00a0a otras m\u00e1s generales como Adobe InDesign, Illustrator, Photoshop, Canva o Powerpoint.<\/p>\n<p>Tambi\u00e9n puedes utilizar\u00a0<strong>herramientas avanzadas orientadas al dise\u00f1o de interfaces de usuario como<\/strong>\u00a0<a href=\"https:\/\/www.adobe.com\/es\/products\/xd.html\" target=\"_blank\" rel=\"nofollow noopener\">Adobe Xd<\/a>,\u00a0<a href=\"https:\/\/www.invisionapp.com\/\" target=\"_blank\" rel=\"nofollow noopener\">InVision<\/a>,\u00a0<a href=\"https:\/\/www.figma.com\/\" target=\"_blank\" rel=\"nofollow noopener\">Figma<\/a>,\u00a0<a href=\"https:\/\/www.sketch.com\/\" target=\"_blank\" rel=\"nofollow noopener\">Sketch<\/a>\u00a0o\u00a0<a href=\"https:\/\/www.axure.com\/\" target=\"_blank\" rel=\"nofollow noopener\">Axure RP<\/a>. Todas ellas te permiten desarrollar un proyecto de dise\u00f1o web desde la fase inicial hasta la final y cuentan con numerosas plantillas y kits que aceleran el flujo de trabajo.<\/p>\n<p><strong>La elecci\u00f3n de una u otra herramienta depender\u00e1 de tus necesidades, recursos y nivel de destreza<\/strong>, pero en ning\u00fan caso puede suponer un impedimento para no utilizar wireframes en tu proceso de dise\u00f1o.<\/p>\n<p>Desde una perspectiva pr\u00e1ctica, los wireframes aseguran que el contenido y la funcionalidad de la p\u00e1gina se coloquen correctamente en funci\u00f3n de las necesidades del usuario y de la empresa.<\/p>\n<p><span style=\"color: #808080; font-size: 9px;\">Este es un art\u00edculo publicado originalmente por Steven Queiruga | sep, 2021 | Puedes consultarlo en el sitio oficial de <a href=\"https:\/\/marketing4ecommerce.mx\/\" target=\"_blank\" rel=\"noopener noreferrer\">Marketing4EcommerceMx<\/a> | Con informaci\u00f3n de<a href=\"https:\/\/www.experienceux.co.uk\/\" target=\"_blank\" rel=\"noopener\"> Experience UX Agency<\/a> | Editado por Digil\u00f3polis | sep, 2021.<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Seguramente hayas escuchado o le\u00eddo alguna vez el t\u00e9rmino wireframe. Hoy te explicamos qu\u00e9 es y por qu\u00e9 es una herramienta vital en el dise\u00f1o de cualquier web o app. \u00bfQu\u00e9 es un wireframe? Un wireframe es un\u00a0esquema que representa la estructura b\u00e1sica, tipos de contenido y posici\u00f3n de los mismos en una web o [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":3457,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1167],"tags":[287,286,285,270,268,288],"class_list":["post-3450","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-articulos","tag-arquitectura-web","tag-desarrollo-web","tag-diseno-web","tag-experiencia-del-usuario","tag-ux","tag-wireframe"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>\u00bfQu\u00e9 es un wireframe? - Digil\u00f3polis<\/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:\/\/digilopolis.com\/blog\/2021\/09\/23\/que-es-un-wireframe\/\" \/>\n<meta property=\"og:locale\" content=\"es_MX\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u00bfQu\u00e9 es un wireframe? - Digil\u00f3polis\" \/>\n<meta property=\"og:description\" content=\"Seguramente hayas escuchado o le\u00eddo alguna vez el t\u00e9rmino wireframe. Hoy te explicamos qu\u00e9 es y por qu\u00e9 es una herramienta vital en el dise\u00f1o de cualquier web o app. \u00bfQu\u00e9 es un wireframe? Un wireframe es un\u00a0esquema que representa la estructura b\u00e1sica, tipos de contenido y posici\u00f3n de los mismos en una web o [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/digilopolis.com\/blog\/2021\/09\/23\/que-es-un-wireframe\/\" \/>\n<meta property=\"og:site_name\" content=\"Digil\u00f3polis\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Digilopolisweb\" \/>\n<meta property=\"article:published_time\" content=\"2021-09-23T14:00:35+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-01-20T03:50:19+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/digilopolis.com\/blog\/wp-content\/uploads\/2021\/09\/\u00bfQue-es-un-wireframe.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"979\" \/>\n\t<meta property=\"og:image:height\" content=\"450\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Mar\u00eda Trejo\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Mar\u00eda Trejo\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/digilopolis.com\\\/blog\\\/2021\\\/09\\\/23\\\/que-es-un-wireframe\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/digilopolis.com\\\/blog\\\/2021\\\/09\\\/23\\\/que-es-un-wireframe\\\/\"},\"author\":{\"name\":\"Mar\u00eda Trejo\",\"@id\":\"https:\\\/\\\/digilopolis.com\\\/blog\\\/#\\\/schema\\\/person\\\/92c62d261abcf6b43cb021b1a35fceaf\"},\"headline\":\"\u00bfQu\u00e9 es un wireframe?\",\"datePublished\":\"2021-09-23T14:00:35+00:00\",\"dateModified\":\"2025-01-20T03:50:19+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/digilopolis.com\\\/blog\\\/2021\\\/09\\\/23\\\/que-es-un-wireframe\\\/\"},\"wordCount\":682,\"publisher\":{\"@id\":\"https:\\\/\\\/digilopolis.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/digilopolis.com\\\/blog\\\/2021\\\/09\\\/23\\\/que-es-un-wireframe\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/digilopolis.com\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/09\\\/\u00bfQue-es-un-wireframe.jpg\",\"keywords\":[\"arquitectura web\",\"Desarrollo web\",\"Dise\u00f1o web\",\"experiencia del usuario\",\"UX\",\"wireframe\"],\"articleSection\":[\"Art\u00edculos\"],\"inLanguage\":\"es\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/digilopolis.com\\\/blog\\\/2021\\\/09\\\/23\\\/que-es-un-wireframe\\\/\",\"url\":\"https:\\\/\\\/digilopolis.com\\\/blog\\\/2021\\\/09\\\/23\\\/que-es-un-wireframe\\\/\",\"name\":\"\u00bfQu\u00e9 es un wireframe? - Digil\u00f3polis\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/digilopolis.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/digilopolis.com\\\/blog\\\/2021\\\/09\\\/23\\\/que-es-un-wireframe\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/digilopolis.com\\\/blog\\\/2021\\\/09\\\/23\\\/que-es-un-wireframe\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/digilopolis.com\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/09\\\/\u00bfQue-es-un-wireframe.jpg\",\"datePublished\":\"2021-09-23T14:00:35+00:00\",\"dateModified\":\"2025-01-20T03:50:19+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/digilopolis.com\\\/blog\\\/2021\\\/09\\\/23\\\/que-es-un-wireframe\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/digilopolis.com\\\/blog\\\/2021\\\/09\\\/23\\\/que-es-un-wireframe\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/digilopolis.com\\\/blog\\\/2021\\\/09\\\/23\\\/que-es-un-wireframe\\\/#primaryimage\",\"url\":\"https:\\\/\\\/digilopolis.com\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/09\\\/\u00bfQue-es-un-wireframe.jpg\",\"contentUrl\":\"https:\\\/\\\/digilopolis.com\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/09\\\/\u00bfQue-es-un-wireframe.jpg\",\"width\":979,\"height\":450,\"caption\":\"\u00bfQu\u00e9 es un wireframe\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/digilopolis.com\\\/blog\\\/2021\\\/09\\\/23\\\/que-es-un-wireframe\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Inicio\",\"item\":\"https:\\\/\\\/digilopolis.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u00bfQu\u00e9 es un wireframe?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/digilopolis.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/digilopolis.com\\\/blog\\\/\",\"name\":\"Digil\u00f3polis\",\"description\":\"Consultor\u00eda y Soluciones Digitales\",\"publisher\":{\"@id\":\"https:\\\/\\\/digilopolis.com\\\/blog\\\/#organization\"},\"alternateName\":\"Digil\u00f3polis S. de R.L. de C.V.\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/digilopolis.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/digilopolis.com\\\/blog\\\/#organization\",\"name\":\"Digil\u00f3polis | Agencia de Soluciones Digitales\",\"alternateName\":\"Digil\u00f3polis S. de R.L. de C.V.\",\"url\":\"https:\\\/\\\/digilopolis.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/digilopolis.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/digilopolis.com\\\/blog\\\/wp-content\\\/uploads\\\/2025\\\/01\\\/Logo-Digilopolis-ezine-White-BZ.png\",\"contentUrl\":\"https:\\\/\\\/digilopolis.com\\\/blog\\\/wp-content\\\/uploads\\\/2025\\\/01\\\/Logo-Digilopolis-ezine-White-BZ.png\",\"width\":470,\"height\":151,\"caption\":\"Digil\u00f3polis | Agencia de Soluciones Digitales\"},\"image\":{\"@id\":\"https:\\\/\\\/digilopolis.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/Digilopolisweb\",\"https:\\\/\\\/www.instagram.com\\\/agencia_digilopolis\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/digilopolis.com\\\/blog\\\/#\\\/schema\\\/person\\\/92c62d261abcf6b43cb021b1a35fceaf\",\"name\":\"Mar\u00eda Trejo\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/730c7f5c380c70d37a70e1855fb00c1017e6f13963afc5e9f263b94ecf2c380f?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/730c7f5c380c70d37a70e1855fb00c1017e6f13963afc5e9f263b94ecf2c380f?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/730c7f5c380c70d37a70e1855fb00c1017e6f13963afc5e9f263b94ecf2c380f?s=96&d=mm&r=g\",\"caption\":\"Mar\u00eda Trejo\"},\"sameAs\":[\"http:\\\/\\\/www.digilopolis.com\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"\u00bfQu\u00e9 es un wireframe? - Digil\u00f3polis","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:\/\/digilopolis.com\/blog\/2021\/09\/23\/que-es-un-wireframe\/","og_locale":"es_MX","og_type":"article","og_title":"\u00bfQu\u00e9 es un wireframe? - Digil\u00f3polis","og_description":"Seguramente hayas escuchado o le\u00eddo alguna vez el t\u00e9rmino wireframe. Hoy te explicamos qu\u00e9 es y por qu\u00e9 es una herramienta vital en el dise\u00f1o de cualquier web o app. \u00bfQu\u00e9 es un wireframe? Un wireframe es un\u00a0esquema que representa la estructura b\u00e1sica, tipos de contenido y posici\u00f3n de los mismos en una web o [&hellip;]","og_url":"https:\/\/digilopolis.com\/blog\/2021\/09\/23\/que-es-un-wireframe\/","og_site_name":"Digil\u00f3polis","article_publisher":"https:\/\/www.facebook.com\/Digilopolisweb","article_published_time":"2021-09-23T14:00:35+00:00","article_modified_time":"2025-01-20T03:50:19+00:00","og_image":[{"width":979,"height":450,"url":"https:\/\/digilopolis.com\/blog\/wp-content\/uploads\/2021\/09\/\u00bfQue-es-un-wireframe.jpg","type":"image\/jpeg"}],"author":"Mar\u00eda Trejo","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"Mar\u00eda Trejo","Tiempo de lectura":"3 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/digilopolis.com\/blog\/2021\/09\/23\/que-es-un-wireframe\/#article","isPartOf":{"@id":"https:\/\/digilopolis.com\/blog\/2021\/09\/23\/que-es-un-wireframe\/"},"author":{"name":"Mar\u00eda Trejo","@id":"https:\/\/digilopolis.com\/blog\/#\/schema\/person\/92c62d261abcf6b43cb021b1a35fceaf"},"headline":"\u00bfQu\u00e9 es un wireframe?","datePublished":"2021-09-23T14:00:35+00:00","dateModified":"2025-01-20T03:50:19+00:00","mainEntityOfPage":{"@id":"https:\/\/digilopolis.com\/blog\/2021\/09\/23\/que-es-un-wireframe\/"},"wordCount":682,"publisher":{"@id":"https:\/\/digilopolis.com\/blog\/#organization"},"image":{"@id":"https:\/\/digilopolis.com\/blog\/2021\/09\/23\/que-es-un-wireframe\/#primaryimage"},"thumbnailUrl":"https:\/\/digilopolis.com\/blog\/wp-content\/uploads\/2021\/09\/\u00bfQue-es-un-wireframe.jpg","keywords":["arquitectura web","Desarrollo web","Dise\u00f1o web","experiencia del usuario","UX","wireframe"],"articleSection":["Art\u00edculos"],"inLanguage":"es"},{"@type":"WebPage","@id":"https:\/\/digilopolis.com\/blog\/2021\/09\/23\/que-es-un-wireframe\/","url":"https:\/\/digilopolis.com\/blog\/2021\/09\/23\/que-es-un-wireframe\/","name":"\u00bfQu\u00e9 es un wireframe? - Digil\u00f3polis","isPartOf":{"@id":"https:\/\/digilopolis.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/digilopolis.com\/blog\/2021\/09\/23\/que-es-un-wireframe\/#primaryimage"},"image":{"@id":"https:\/\/digilopolis.com\/blog\/2021\/09\/23\/que-es-un-wireframe\/#primaryimage"},"thumbnailUrl":"https:\/\/digilopolis.com\/blog\/wp-content\/uploads\/2021\/09\/\u00bfQue-es-un-wireframe.jpg","datePublished":"2021-09-23T14:00:35+00:00","dateModified":"2025-01-20T03:50:19+00:00","breadcrumb":{"@id":"https:\/\/digilopolis.com\/blog\/2021\/09\/23\/que-es-un-wireframe\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/digilopolis.com\/blog\/2021\/09\/23\/que-es-un-wireframe\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/digilopolis.com\/blog\/2021\/09\/23\/que-es-un-wireframe\/#primaryimage","url":"https:\/\/digilopolis.com\/blog\/wp-content\/uploads\/2021\/09\/\u00bfQue-es-un-wireframe.jpg","contentUrl":"https:\/\/digilopolis.com\/blog\/wp-content\/uploads\/2021\/09\/\u00bfQue-es-un-wireframe.jpg","width":979,"height":450,"caption":"\u00bfQu\u00e9 es un wireframe"},{"@type":"BreadcrumbList","@id":"https:\/\/digilopolis.com\/blog\/2021\/09\/23\/que-es-un-wireframe\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Inicio","item":"https:\/\/digilopolis.com\/blog\/"},{"@type":"ListItem","position":2,"name":"\u00bfQu\u00e9 es un wireframe?"}]},{"@type":"WebSite","@id":"https:\/\/digilopolis.com\/blog\/#website","url":"https:\/\/digilopolis.com\/blog\/","name":"Digil\u00f3polis","description":"Consultor\u00eda y Soluciones Digitales","publisher":{"@id":"https:\/\/digilopolis.com\/blog\/#organization"},"alternateName":"Digil\u00f3polis S. de R.L. de C.V.","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/digilopolis.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/digilopolis.com\/blog\/#organization","name":"Digil\u00f3polis | Agencia de Soluciones Digitales","alternateName":"Digil\u00f3polis S. de R.L. de C.V.","url":"https:\/\/digilopolis.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/digilopolis.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/digilopolis.com\/blog\/wp-content\/uploads\/2025\/01\/Logo-Digilopolis-ezine-White-BZ.png","contentUrl":"https:\/\/digilopolis.com\/blog\/wp-content\/uploads\/2025\/01\/Logo-Digilopolis-ezine-White-BZ.png","width":470,"height":151,"caption":"Digil\u00f3polis | Agencia de Soluciones Digitales"},"image":{"@id":"https:\/\/digilopolis.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/Digilopolisweb","https:\/\/www.instagram.com\/agencia_digilopolis\/"]},{"@type":"Person","@id":"https:\/\/digilopolis.com\/blog\/#\/schema\/person\/92c62d261abcf6b43cb021b1a35fceaf","name":"Mar\u00eda Trejo","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/secure.gravatar.com\/avatar\/730c7f5c380c70d37a70e1855fb00c1017e6f13963afc5e9f263b94ecf2c380f?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/730c7f5c380c70d37a70e1855fb00c1017e6f13963afc5e9f263b94ecf2c380f?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/730c7f5c380c70d37a70e1855fb00c1017e6f13963afc5e9f263b94ecf2c380f?s=96&d=mm&r=g","caption":"Mar\u00eda Trejo"},"sameAs":["http:\/\/www.digilopolis.com"]}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/digilopolis.com\/blog\/wp-json\/wp\/v2\/posts\/3450","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/digilopolis.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/digilopolis.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/digilopolis.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/digilopolis.com\/blog\/wp-json\/wp\/v2\/comments?post=3450"}],"version-history":[{"count":10,"href":"https:\/\/digilopolis.com\/blog\/wp-json\/wp\/v2\/posts\/3450\/revisions"}],"predecessor-version":[{"id":3462,"href":"https:\/\/digilopolis.com\/blog\/wp-json\/wp\/v2\/posts\/3450\/revisions\/3462"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/digilopolis.com\/blog\/wp-json\/wp\/v2\/media\/3457"}],"wp:attachment":[{"href":"https:\/\/digilopolis.com\/blog\/wp-json\/wp\/v2\/media?parent=3450"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/digilopolis.com\/blog\/wp-json\/wp\/v2\/categories?post=3450"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/digilopolis.com\/blog\/wp-json\/wp\/v2\/tags?post=3450"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}