Wireframes para diseñar bocetos web

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 estos elementos también se pueden incluir para ayudar a transmitir al cliente cómo quedará y funcionará el producto final.

Mis 3 herramientas  favoritas -aunque hay otras- son: 

Wireframe
https://wireframe.cc/



Go Mocking Bird
https://gomockingbird.com/




Moqups
https://moqups.com/