Back to Top

7 Herramientas para crear bocetos y prototipos de diseños de páginas web.

Con el fin de planear un diseño web que dote de usabilidad y estética, los diseñadores web buscan aprovechar las herramientas de maquetación que les proporcione la facilidad para crear un esquema o boceto, el cual funcione como guía para encaminar el diseño de un sitio web. Tomar ventaja de estas herramientas es un acierto para todo diseñador web.

He reunido en el siguiente listado 7 herramientas Web que le ayudarán a elaborar con mayor eficacia la maquetación de un sitio Web.

1.- Balsamiq Mockups.

Balsamiq Mockups

Balsamiq Mockup es tal vez una de las herramientas de maquetación más conocidas y populares entre los diseñadores web. Balsamiq es una herramienta basada en la nube, aunque acompañada con una aplicación de escritorio, que nos permitirá crear rápida y fácilmente prototipos de forma interactiva e intuitiva.

El precio de la aplicación de escritorio es de 79 US$ para una licencia personal; sin embargo, balsamiq ofrece un 50% de descuento si adquieres el plan mensual.

Link: Balsamiq Mockups.

2.- Mockingbird.

Mockingbird

Mockingbird es otra popular aplicación basada en la web. Esta herramienta Web esta diseñada para la creación rápida de prototipos, mediante una interfaz que permite arrastrar y soltar las herramientas sobre la mesa de trabajo.

Una de las características que vuelven a Mockingbird una opción más que eficiente, es la posibilidad de hacer visible los avances para cualquier persona con o sin una cuenta de usuario, de tal manera que nuestros clientes y equipo de trabajo podrán emitir su opinión sobre el proyecto.

Precio: 9 US$ por suscripción mensual (que le permite tener dos proyectos activos). Y planes de 20 a 85 US$ por mes, dependiendo del número de proyectos.

Link: Mockingbird.

3.- Mockup Builder.

Mockup Builder

Mockup Builder es una aplicación web gratuita desarrollada con Silverlight, que te proporciona las herramientas para crear prototipos de diseños web, para luego compartirlos con tus clientes y compañeros de trabajo. Cuando finalmente tu boceto esté listo para compartirlo, podrás exportarlo en formato PNG y PDF.

Link: Mockup Builder.

4.- HotGloo.

HotGloo

Esta aplicación cuenta con una amplia librería de componentes, función para arrastrar y soltar los componentes a la mesa de trabajo y herramientas que facilitan la colaboración y revisión de proyectos.

HotGloo cuenta con una de las interfaces de desarrollo más intuitiva y completa, lo que hace de esta aplicación la mejor valorada en el mercado. Otra de las características sobresalientes en HotGloo es la posibilidad de crear proyectos a partir de plantillas maestras.

Precios: Desde 14 a 54 US$ al mes, con la posibilidad de probar la herramienta gratuitamente durante 15 días.

Link: HotGloo.

5.- Invision.

Invision

Invision es otra herramienta en línea destinada a diseñar, compartir y poner a prueba la experiencia de usuario de nuestros proyectos web. Las herramientas de colaboración facilitan la operación de compartir proyectos y trabajar junto a un equipo de trabajo.

Invisión cuenta con una red de más de 30,000 diseñadores trabajando con Invisión, entre ellos algunos de los estudios de diseño de más renombre.

Precio: 75 US$ al mes para un máximo de 20 proyectos activos. También cuenta con una versión gratuita de 30 días.

Link: Invision.

6.- Proto.io.

Proto.io

Proto.io es una plataforma para diseñar bocetos de aplicaciones móviles (iPhone, Ipad y Android). Proto.io le proporcionara un control total sobre colores, fuentes y diseños, porta una gran biblioteca con componentes que hacen más fácil la construcción de nuestros prototipos.

Esta herramienta también le permite compartir proyectos y colaborar con otros diseñadores. Los prototipos creados en Proto.io podrán ser visibles directamente en tu dispositivo móvil, para que el diseñador tenga una mejor idea de como se verá la aplicación en el dispositivo.

Precio: Suscripciones de 24 o 49 US$ al mes.

Link: Proto.io.

7.- inPresso Screens.

inPresso Screens

InPresso esta disponible en su versión gratuita o mediante suscripción, con algunas diferencias muy marcadas entre ambas. La versión gratuita consta de una aplicación de escritorio para trabajar localmente con los prototipos. La versión de suscripción trae además de las herramientas básicas, acceso a una librería online con complementos gráficos para enriquecer y facilitar la creación de nuestros bocetos, incluye un reproductor para crear una presentación web del proyecto para mostrarlo ante clientes y equipo de trabajo.

La aplicación de escritorio es multiplataforma y las suscripciones son anuales, por 29 US$ al año.

Link: inPresso Screens.