Saltar al contenido principal

Wireframe

Concepto de Wireframe

¿Qué es un Wireframe?

Un Wireframe es el esquema con el que se representa a toda una página web. Un sistema que se reduce a lo primordial, prescindiendo de todo material gráfico para centrarse en el resto del contenido, así como además en el comportamiento que disponen cada una de las páginas que componen al site. Un esquema que se usa para conocer a fondo el funcionamiento de una web o inclusive testear funciones y alternativas.

Uno de los recursos principales para webmasters y diseñadores 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ágina web, el concepto que permite pasar de un lienzo en blanco al código con el que programarlo todo.

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

El plano básico 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ágina sin que esta se desmorone son muy pocas.

Para qué sirve un Wireframe

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

Este “plano” de las webs hace que las empresas lo tengan mucho más fácil cuando necesiten rediseños, como además hace que los desarrolladores y diseñadores web puedan conocer rápidamente la estructura base de una página para manipularla a su antojo si lo consideran necesario.

Ejemplos de Wireframe

Si se elaborara un esquema de cualquier página web que se visite, se podría tener un ejemplo perfecto de wireframe de cada una de ellas. Es algo laborioso cuando se hace a partir de la apariencia y distribución de una web, debido a la disposición y división en categorías, que a veces pueden ser bastante complejas y enrevesadas.

Para darte ejemplos de Wireframe, vamos a facilitarte un link con bastantes casos que son bastante interesantes:

40 ejemplos de bocetos de wireframes y mockups.

Más información sobre los Wireframe

¿Pretendes más información del Wireframe? En ese caso, echa un vistazo a los contenidos que enlazamos a continuación. En ellos encontrarás más detalles que pueden ser interesantes para ampliar o inclusive hacer uno.

R Marketing Digital