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.

(más…)

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

- ¿Necesitas representar un flujo de navegación?

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…)