La realización de wireframes y diagramas es una de las partes más valiosas de cualquier proyecto de diseño web. Se puede ahorrar un valioso tiempo en los detalles de la arquitectura de un sitio, funcionalidad y contenido antes de iniciar realmente un diseño visual.
Un wireframe, también conocido como esquemas de página, plano de pantalla o mockups, es el esqueleto de lo puede ser una página o sitio web. Ayudándonos a probar y validar nuestros esquemas visuales y diseños con lo que reducimos costes y cambios en plena ejecución del proyecto.
Los diagramas nos ayudan a representar la estructura interna de nuestro sitio web, ya sea representando la jerarquía de nuestro sitio, la estructura de nuestra base de datos o interacción de los diferentes actores con los elementos de nuestro sitio.
Mi selección de herramientas online gratuitas para hacer wireframes y diagramas
Cacoo.com
Cacoo es una herremaienta de dibujo en línea amigable con el usuario que te permite crear una variedad de diagramas tales como mapas de sitio, wireframes, diagramas UML y de red, entre otros. Tiene un plan gratuito que te permite crear 25 hojas y exportar los diagramas en PNG.
Gliffy.com
Gliffy te permite crear, como Cacoo, diagramas de flujo, organigramas, diagramas UML, diagramas de red… directamente desde el navegador. En el plan gratuito te permite crear 5 diagramas y te ofrece 2 MB de espacio de almacenamiento. La pega es que tus diagramas en el plan gratuito serán públicos.
Gomockingbird.com
Mockingbird es una herramienta online para realizar únicamente maquetas de sitio web o aplicación, wireframes. No permite realizar otros diagramas como las otras dos anteriores. En cambio, contiene de bastantes elementos para poder diseñar nuestro mockup. El plan básico permite crear 1 proyecto con 10 páginas y 2 usuarios.
MockFlow.com
MockFlow te permite crear tanto Wireframes como otros elementos visuales para nuestro sitio web, como banners, formularios o interfaces gráficas, como para elementos offline como flyers y dossiers. La cuenta gratuita te permite un usuario dueño de un proyecto, aunque con restricciones, y 1 GB de espacio en la nube. Permite tener 2 colaboradores de tu proyecto.
Lumzy.com
Lumzy es una alternativa a Mockingbird que te permite crear únicamente wireframes. Actualmente no es gratuita y ha cambiado a un modelo de pago simbólico de unos 25 céntimos por cada 12 horas de uso. Se venden en packs a partir de $5 (unos 3,70€) . Es una herramienta que no es tan visual como las anteriores pero cumple con el objetivo.
Bola extra
Draw.io
Me gustaría agregar a la lista Draw.io, una magnífica alternativa a la anteriores que he encontrado con posterioridad y es la que he utilizado últimamente. Puedes guardar tus diagramas directamente en Google Drive, OneDrive, Dropbox o directamente en un dispositivo. Contiene una gran variedad de elementos para construir tus diagramas y una vista muy parecida a Google Docs.