Los wireframes son los primeros estados de los prototipos. En diseño web, a la hora de construir un sitio no podemos pensar al principio del desarrollo en los últimos detalles, se construirán diferentes modelos, siendo este, el primero, un esquema de la organización de los componentes. Los wireframes pueden variar en fidelidad, ajustándose más o menos al resultado final que hay que obtener, van desde simples sketches hasta documentos más acabados en los que habremos tenido en cuenta el tamaño concreto de los elementos, su posición justa relativa a la rejilla que hayamos creado, la disposición de textos, iconos y espacios en blanco, la alineación de los componentes…

Los wireframes nos ayudan también a la creación de plantillas, ya que el contenido de los elementos no aparece en esta versión de los prototipos independientemente de su fidelidad, desde este podremos crear, en nuestro caso, diferentes apartados de noticias con la misma estructura ayudando a crear así consistencia en el sitio web.

Ilustraremos esto con un ejemplo, el de la web del periódico de la ‘Opinión de Zamora’: