¿Qué es un Wireframe? ¿Cómo se crea un Wireframe?

En diseño web, un wireframe es una representación esquemática de una página web sin elementos gráficos que muestran contenido y comportamiento de las páginas.

Sirven como herramienta de comunicación y discusión entre arquitectos de información, programadores, diseñadores y clientes. También se pueden utilizar para comprobar la usabilidad de un sitio web.

La principal ventaja es que ofrece una perspectiva basada solamente en la arquitectura del contenido, obviando el diseño y evitando elementos accidentales que puedan distraer (colores, tipografías, imágenes, textos, etc.).

Aunque es un video del 2013, te muestro como debo desarrollar una estructura de una página antes de comenzar a diseñarla y programarla.  Pronto haré un video más actualizado mencionando las herramientas que existen para desarrollar wireframes y prototipos.