Herramientas gratuitas -o casi- para disear la estructura de navegacin de un sitio web Ya hemos comentado muchas veces que NO tiene

sentido ponerse a disear y construir un sitio web a lo loco, por muy sencillo que ste sea. Lo primero que conviene hacer es disear un sencillo diagrama de flujo, y una estructura de navegacin esquemtica pero muy bien pensada (un wireframe). Este trabajo previo nos permitir ordenar nuestras ideas, y nos ayudar a descubrir y solucionar pequeos defectos e incoherencias en la navegacin que, de otra manera, hubiesen pasado inadvertidos. Trabajar con wireframes es fundamental, porque siempre resulta ms prctico y efectivo realizar cambios con los borradores -que todava no tienen el diseo ni la funcionalidad definitiva- que hacerlo con el producto real, cuando ya es demasiado tarde para rectificar (y demasiado costoso). Aqu tienes 16 aplicaciones para disear la estructura de navegacin de tu prximo sitio web. Prcticamente todas -con excepcin de las dos primeras, muy conocidas- son gratuitas o incluyen, al menos, un plan gratuito. No solo te permitirn crear flujos y estructuras sino que, en la mayor parte de los casos, podrs compartirlos con tus clientes y colaboradores. Aqu van:

De pago 1. Balsamiq (sobre Adobe Air, y es de pago) 2. Axure (de pago, un estndar para trabajo profesional y estructuras complejas)

Gratis o con versin gratuita 3. Mockingbird 4. Lovely Charts 5. Cacoo 6. HotGloo 7. Pencil Project (Open Source) 8. Gliffy 9. Lumzy 10. Mockflow (Flash) 11. SimpleDiagrams (Adobe Air) 12. Denim 13. Website Wireframe

14. Draw (la versin OpenOffice) 15. Iplotz 16. Papel y lpiz: el original, el inconfundible. Nunca falla. Quiz no sea lo ms adecuado para un site complejo, pero siempre es vlido para una primera aproximacin. Puedes bajarte los PDFs ms adecuados para despus imprimirlos. Incluso puedes hacerte con una libreta especial para disear wireframes. Ms informacin en el artculo Wireframing tools, publicado por Grace Smith en Mashable.