{"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\/fr\/wiki\/wireframe\/","title":{"rendered":"Filaire"},"content":{"rendered":"

<\/p>\n

\n

Concepto de Wireframe<\/h2>\n<\/p>\n
\n

\u00bfQu\u00e9 es un Wireframe?<\/h3>\n

Un Wireframe es el esquema con el que se representa a toda una p\u00e1gina web<\/strong>. Un sistema que se reduce a lo primordial, prescindiendo de todo material gr\u00e1fico para centrarse en el resto del contenido, as\u00ed como adem\u00e1s en el comportamiento que disponen cada una de las p\u00e1ginas que componen al site. Un esquema que se usa para conocer a fondo el funcionamiento de una web o inclusive testear funciones y alternativas.<\/p>\n

Uno de los recursos principales para webmasters y dise\u00f1adores actualmente. Es el medio principal con el que se estructuran y se distribuyen las ideas a partir de las cuales se quiere construir una p\u00e1gina web, el concepto que permite pasar de un lienzo en blanco al c\u00f3digo con el que programarlo todo.<\/p>\n

Dada su naturaleza sencilla, permite la f\u00e1cil experimentaci\u00f3n. Al tratarse de un boceto f\u00e1cil y escueto, es m\u00e1s f\u00e1cil detectar todos los items y categor\u00edas, as\u00ed como plantear cambios a partir de una idea previa con la finalidad de mejorar la navegaci\u00f3n o la usabilidad de una web. No se trata de algo que se limite a la utilizaci\u00f3n de cara a construir una web desde cero, sino que adem\u00e1s suele emplearse cuando se tiene en mente hacer una remodelaci\u00f3n.<\/p>\n

El plano b\u00e1sico de tu web, el punto de partida para determinar los pilares y comenzar a darle forma a todo. Sin un Wireframe, las probabilidades de construir una p\u00e1gina sin que esta se desmorone son muy pocas.<\/p>\n<\/div>\n

\n

Para qu\u00e9 sirve un Wireframe<\/h3>\n

Un Wireframe sirve para plantear la estructura de una p\u00e1gina web de forma clara y concisa. Al ser una representaci\u00f3n esquem\u00e1tica y sencilla, permite una modificaci\u00f3n constante y f\u00e1cil, sin necesidad de tener demasiados conocimientos. Al mismo tiempo, para las empresas es un recurso bastante interesante cuando se plantea la experimentaci\u00f3n con nuevas funciones o estructuras y la recepci\u00f3n por parte de los visitantes.<\/p>\n

Este \u201cplano\u201d de las webs hace que las empresas lo tengan mucho m\u00e1s f\u00e1cil cuando necesiten redise\u00f1os, como adem\u00e1s hace que los desarrolladores y dise\u00f1adores web puedan conocer r\u00e1pidamente la estructura base de una p\u00e1gina para manipularla a su antojo si lo consideran necesario.<\/p>\n<\/div>\n

\n

Ejemplos de Wireframe<\/h3>\n

Si se elaborara un esquema de cualquier p\u00e1gina web que se visite, se podr\u00eda tener un ejemplo perfecto de wireframe de cada una de ellas. Es algo laborioso cuando se hace a partir de la apariencia y distribuci\u00f3n de una web, debido a la disposici\u00f3n y divisi\u00f3n en categor\u00edas, que a veces pueden ser bastante complejas y enrevesadas.<\/p>\n

Para darte ejemplos de Wireframe, vamos a facilitarte un link con bastantes casos que son bastante interesantes:<\/p>\n

40 ejemplos de bocetos de wireframes y mockups<\/u>.<\/p>\n<\/div>\n

\n

M\u00e1s informaci\u00f3n sobre los Wireframe<\/h3>\n

\u00bfPretendes m\u00e1s informaci\u00f3n del Wireframe? En ese caso, echa un vistazo a los contenidos que enlazamos a continuaci\u00f3n. En ellos encontrar\u00e1s m\u00e1s detalles que pueden ser interesantes para ampliar o inclusive hacer uno.<\/p>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"

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,…<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"template":"","glossary-cat":[],"class_list":["post-69308","glossary","type-glossary","status-publish"],"yoast_head":"\nWireframe - 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\/fr\/wiki\/wireframe\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\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\/fr\/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\":\"fr-FR\",\"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\":\"fr-FR\"}]}<\/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\/fr\/wiki\/wireframe\/","og_locale":"fr_FR","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\/fr\/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":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/rmarketingdigital.com\/wiki\/wireframe\/"]}]},{"@type":"WebSite","@id":"https:\/\/rmarketingdigital.com\/#website","url":"https:\/\/rmarketingdigital.com\/","name":"Marketing num\u00e9rique","description":"Agence de r\u00e9f\u00e9rencement | Publicit\u00e9 sur les r\u00e9seaux sociaux | Gestion de communaut\u00e9","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":"fr-FR"}]}},"_links":{"self":[{"href":"https:\/\/rmarketingdigital.com\/fr\/wp-json\/wp\/v2\/glossary\/69308","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rmarketingdigital.com\/fr\/wp-json\/wp\/v2\/glossary"}],"about":[{"href":"https:\/\/rmarketingdigital.com\/fr\/wp-json\/wp\/v2\/types\/glossary"}],"author":[{"embeddable":true,"href":"https:\/\/rmarketingdigital.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"version-history":[{"count":0,"href":"https:\/\/rmarketingdigital.com\/fr\/wp-json\/wp\/v2\/glossary\/69308\/revisions"}],"wp:attachment":[{"href":"https:\/\/rmarketingdigital.com\/fr\/wp-json\/wp\/v2\/media?parent=69308"}],"wp:term":[{"taxonomy":"glossary-cat","embeddable":true,"href":"https:\/\/rmarketingdigital.com\/fr\/wp-json\/wp\/v2\/glossary-cat?post=69308"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}