Herramientas gratuitas -o casi- para diseñar la estructura de navegación de un sitio web

Sábado, 19 de marzo de 2011

Estructura_edificioYa 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 de , y una de esquemática pero muy bien pensada (un ).

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.

(más…)

Recursos para elaborar wireframes, diagramas, gráficos, y flujos de navegación

Domingo, 14 de febrero de 2010

Boceto_Canaletto- ¿Tienes que dibujar la o de un sitio web?

- ¿Necesitas representar un de ?

Ya sabes que antes de arrancar cualquier proyecto, lo más útil que puedes hacer es dibujar lo que tienes en la cabeza. De esta forma contarás con una referencia para ordenar el trabajo, para valorar el alcance real, y para detectar los problemas con los que puedes encontrarte. Además, estos esquemas te permitirán compartir la información con el cliente y con el resto del equipo.

Estos consejos y herramientas pueden servirte de gran ayuda:

1. ¿Qué tipo de gráfico me conviene elaborar?

¿Tienes que elegir una forma de presentación para tus datos y no sabes por dónde empezar? Esta recopilación de tipos de gráficos puede servirte como inspiración.

2. Prefiero trabajar con lápiz y papel

Hay gente que prefiere trabajar al estilo tradicional, con lápiz y papel. Muchas veces, sobre todo en la fase de arranque, puede resultar más rápido e intuitivo, y además no pone límites a nuestra creatividad e imaginación: podemos dibujar y apuntar cualquier cosa, como en un cuaderno de notas.

La ventaja es que ahora no tenemos por qué arrancar de un papel en blanco. Aquí tienes unas plantillas imprimibles para que después completes tus wireframes o maquetas a mano.

(más…)