Diseño de interfaces (Prototipos o wireframes)

Ahora vengo a exponer un par de aplicaciones que se vuelven indispensables a la hora de diseñar interfaces de usuario.

La primera se llama prototyper de la empresa justinmind, la cual pone a nuestra disposición de forma gratuita, una gran cantidad de elementos para mostrarle al cliente una interfaz viva, incluso capaz de interactuar como si realmente estuviera usando la aplicación. Permite seleccionar el tipo de aplicación, donde incluye:

• Website
• iPhone
• iPad
• Android

Posee una gran variedad de herramientas, permitiendo probar los formularios, links, listas, tablas, etc. además podemos compartir en línea nuestros diseños, aunque ésto último sólo será posible por 30 días de forma gratuita. Finalmente mencionar que desde la página podemos descargar gran cantidad widgets que extenderán la cantidad de paletas para colocar en nuestras interfaces.

Otra aplicación similar es Pencil, la cual se puede usar como extensión de Firefox o descargar como aplicación ejecutable, es más sencilla y nos permite ir directamente a colocar elementos en la pantalla, con la posibilidad de exportar nuestros diseños a formatos como PNG, PDF, SVG u ODT. También permite añadir nuevas paletas de herramientas denominados Stencils, sin duda un aliado gratuito que no debe faltar.

Existe un gran número de aplicaciones similares, algunas gratis y otras no, sólo por mencionar también a Cacoo, otra excelente herramienta de diagramas colaborativos, que además permite editarlos en línea al mismo tiempo, sin duda no podría faltar si el flujo de diseño pasa por varias personas en la organización.

Finalmente recordar que el proceso de diseño de interfaces, previo al desarrollo, es obligatorio para evitar problemas comunes con el cliente, es clásico que alguien pide una aplicación y después de meses de desarrollo y pruebas indica que la interfaz no es como la quería desde un principio, en cambio cuando se aprueba el diseño con un diagrama, es más fácil llegar a la solución sin tantas complicaciones.

Si conocen otras herramientas para el diseño de interfaces favor de comentarlas, cualquier detalle seguimos en corto, hasta la próxima!