Ya hemos comentado muchas veces que NO tiene sentido ponerse a diseñar y construir un sitio web “a lo loco”, por muy sencillo que éste sea.

Lo primero que conviene hacer es diseñar un sencillo diagrama de flujo, y una estructura de navegación esquemática pero muy bien pensada (un wireframe).

Este trabajo previo nos permitirá ordenar nuestras ideas, y nos ayudará a descubrir y solucionar pequeños defectos e incoherencias en la navegación que, de otra manera, hubiesen pasado inadvertidos.

Trabajar con wireframes es fundamental, porque siempre resulta más práctico y efectivo realizar cambios con los borradores -que todavía no tienen el diseño 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 diseñar la estructura de navegación de tu próximo sitio web. Prácticamente todas -con excepción de las dos primeras, muy conocidas- son gratuitas o incluyen, al menos, un plan gratuito.

No solo te permitirán crear flujos y estructuras sino que, en la mayor parte de los casos, podrás compartirlos con tus clientes y colaboradores. Aquí van:

De pago

1. Balsamiq (sobre Adobe Air, y es de pago)

2. Axure (de pago, un estándar para trabajo profesional y estructuras complejas)

Gratis o con versión 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 versión OpenOffice)

15. Iplotz

16. Papel y lápiz: el original, el inconfundible. Nunca falla. Quizá no sea lo más adecuado para un site complejo, pero siempre es válido para una primera aproximación. Puedes bajarte los PDFs más adecuados para después imprimirlos. Incluso puedes hacerte con una libreta especial para diseñar wireframes.

Más información en el artículo Wireframing tools, publicado por Grace Smith en Mashable.

Esta entrada fue publicada el Sábado, 19 de marzo de 2011 a las 12:25 por ansueta y está clasificada bajo: Aplicaciones útiles. Puede hacer un seguimiento de los comentarios de esta entrada gracias al feed RSS 2.0. Puede dejar un comentario, o enviar un trackback desde su sitio.