Programación en Internet

Blog de la asignatura de la titulación Ingeniero en Informática

Herramientas de prototipado

| 4 Comments

También llamadas herramientas de mockups o de wireframes.

Existen decenas de herramientas de prototipado, grauitas y de pago. En esta entrada simplemente se destacan algunas de las más conocidas y que he utilizado.

En primer lugar, Balsamiq Mockups, todo un clásico, que se anuncia como Rapid Wireframing Tool. ¿El problema? Es de pago, pero tiene una versión de demostración. Existe en diferentes versiones: como aplicación para descargar o como aplicación web.

Pencil es un plugin para el navegador Mozilla Firefox, así que es multiplataforma. También se puede descargar como aplicación independiente para Linux, Windows y MacOS X. Por supuesto, es una herramienta gratuita.

Gliffy es una herramienta online que permite crear todo tipo de diagramas. De cara al desarrollo web, además de la típica paleta de componentes para realizar un diagrama entidad relación (ER) o un diagrama UML, también tiene componentes para dibujar mockups (prototipos) de pantallas y diagramas de sitios web. Es de pago, pero permite crear cinco diagramas de forma gratuita.

Cacoo es otra herramienta gratuita que ofrece una amplia biblioteca de símbolos para UML, bases de datos, topología de redes, mockups, etc. Varios usuarios pueden compartir un mismo proyecto y trabajar al mismo tiempo sobre él.

Moqups es una excelente herramienta online para realizar todo tipo de prototipos (mock ups o wireframes). Permite almacenar los diseños y luego compartirlos a través de una URL, pero también permite exportarlos a PDF o PNG. Otra característica muy interesante es que permite enlazar diferentes diseños, por lo que se puede realizar una simulación de navegación entre los mock ups de diferentes pantallas o páginas de una aplicación.

La única pega es la clara orientación que tiene hacia la plataforma iOS, con controles propios de ese sistema operativo. Y la biblioteca de objetos gráficos no es tan completa como en otras herramientas similares.

Finalmente, Mobjectify es una aplición online gratuita que permite crear prototipos de sitios web o de aplicaciones optimizados para dispositivos móviles. Existe un tutorial que nos explica paso por paso cómo utilizar esta aplicación.

 

¿Alguna herramienta más? Claro, hay muchas, deja un comentario con tu preferida.

Author: Sergio Luján Mora

Profesor del Departamento de Lenguajes y Sistemas Informáticos de la Universidad de Alicante (España). Interesado en el desarrollo y la accesibilidad web.

4 Comments

  1. Existe la de “codiqa” que sirve para diseñar tus propias páginas y aplicaciones web para dispositivos móviles.
    Saludos!

  2. MUCHÍSIMAS GRACIAS!!! En vista del poco tiempo para probarlas, podrías indicarme la más acertada (dado el factor tiempo) para el prototipado Proyecto – Práctica 1 del Curso Introducción al desarrollo Web? de nuevo agradecida por el tiempo dedicado a éste proyecto.
    Saludos cordiales desde Venezuela!

  3. Todas estas herramientas son suficientes para hacer la Práctica 1. Utiliza una gratuita, como Pencil o Moqups.

  4. Pingback: Más herramientas de prototipado | Programación en Internet

Deja un comentario

Required fields are marked *.