Generalmente, este modelo no cuenta con un estilo tipográfico, color o aplicaciones gráficas definidas, y esto es porque el propósito más importante radica en la funcionalidad, comportamiento y jerarquía de contenidos.

Un wireframe une la estructura conceptual, con la estructura del sitio y contribuye a constituir funcionalidad. Un desarrollo iterativo en la creación de este tipo de prototipo web es una manera segura y barata de hacer modelos de páginas rápidos, mientras se evalúa la viabilidad y factibilidad de un concepto de diseño.

¿Por qué es importante hacerlo?

Este medio nos ayuda a mejorar la relación con el cliente debido a que nos permite fijar un foco, si lo primero que le mostramos es un diseño avanzado con estilos gráficos, posiblemente distraiga su atención en cosas como colores o tipografía, y en esta etapa lo que buscamos es establecer el diseño desde un punto de vista de usabilidad.

Un wireframe es un medio para prototipar, ya sea que utilicemos este u otro, lo importante es reconocer que un buen prototipo deber ser un medio que que nos permita explicar claramente la experiencia que recibirán los usuarios y cómo se traspasa a ellos la propuesta de valor de nuestro cliente; debemos considerar siempre mantener una actitud abierta y flexible a los comentarios que permitirán refinar la propuesta para obtener mejores resultados.

Algunas herramientas para prototipado web:

Existen algunas herramientas que facilitan el desarrollo de  wireframes, utilizar alguna de ellas puede funcionar para tener un mejor resultado, hacerlo más rápido y para obtener una mejor presentación.

Axure: www.axure.com

Balsamiq: balsamiq.com

MockFlow: www.mockflow.com

Invision: www.invisionapp.com