Una buena experiencia de usuario implica prototipar: WireframePro, herramienta gratuita de prototipado

Una de las claves de diseñar una web que genere una buena experiencia de usuario es el hecho de trabajar con prototipos y wireframes.

El hecho de ver estos prototipos de la web permite al equipo de diseño: 

• Ver implementada la arquitectura de la web en un boceto
• Ver implementadas las bases del diseño web en un boceto
• Empezar a testear con usuarios potenciales la funcionalidad y usabilidad de la web

Esto ayuda al equipo de diseño de la web a ir mejorando la interfaz durante todo el proceso de elaboración (diseño incremental).

WireframePro de Mockflow es una herramienta gratuita (podemos abocetar webs de hasta 4 páginas, para diseñar webs más complejas tendremos que usar la versión de pago).

¿Cómo funciona WireframePro?

Para empezar a trabajar con esta herramienta nos encontramos con un lienzo en blanco sobre el que imnplementaremos nuestro boceto:

Para ello, empezaremos a agregar elementos prediseñados que encontramos en el panel a la derecha de la pantalla arrastrándolos hacia el centro del lienzo. Antes que nada, para favorecer que los elementos del boceto estén centrados os recomiendo añadir una cuadrícula de fondo a través del icono Grid situado en la parte inferior del menú:

Una vez tengamos un objeto en el lienzo podremos cambiar colores, disposición, añadir texto... A continuación, os muestro un boceto muy sencillo elaborado para una web de recetas:

!Os animo a que probéis la herramienta!

* Para más información, podéis visitar el blog Apunts Digitals de mi compañera de master Marina Vallès.