HERRAMIENTAS PARA CREAR PROTOTIPOS DE PAGINAS O SITIOS WEB

HERRAMIENTAS PARA CREAR UN PROTOTIPO DE PAGINAS WEB

Para la creación de paginas o sitios Web, debemos, premeditadamente, definir y diseñar lo que deseamos publicar y que es lo que mostraremos en nuestra pagina o sitio Web, por lo que es indispensable crea un prototipo de tu sitio, que no es otra cosa que maquetar o modelar nuestro proyecto, para tener una estructura definida y para evitar gastos innecesarios al desarrollar tu proyecto. Esto con la finalidad de concentrarte mas en los contenidos e interacciones, visualizar como será la aplicación, corregir observaciones, detectar inconsistencias y saber los requerimientos necesarios para la creación de tu pagina o sitio Web.

Prototipo de paginas o sitios Web

Existen un sin fin de herramientas en internet,  utilizables para crear todo tipo de diagramas incluyendo los prototipos de paginas o sitios Web, de las cuales destacan tres, por considerarse de las mejores:

PENCIL PROJECT: Su lenguaje en ingles, no limita su facilidad y uso no presenta dificultad para moverse en sus menus, Con ella puedes añadir ventanas, menús, botones, textos y encabezados, enlaces y muchas opciones más y también permite crear diseños para tablet, smarphone y iphone, así que no te aburrirás manejando Pencil Project, y es ¡GRATUITA!

BALSAMIQ: Se trata también de una aplicación de Escritorio, aunque en este caso tiene una versión mejorada que cuesta unos 90$, nos permite descargar una versión trial muy completa sin ningún coste.

Cuenta con una interfaz más vanguardista y desenfadada, que hace un placer trabajar con ella, entre las funciones que tiene podemos destacar las siguientes:

• Prototipos de páginas web
• Gráficas
• Plantillas del Modelo Canvas de Negocio
• Sitemaps
• Diagramas
• Funnel Channels

GLIFFY: Probablemente sea la herramienta más profesional de todas las citadas para crear prototipos de páginas web, es una aplicación web, por lo que no es descargable, y solo se puede acceder previo registro en su página web. Está completamente en español y la navegabilidad por sus funciones es inmejorable. Ofrece múltiples opciones, todas enfocadas a crear un sitio web profesional, desde botones de acción, iconos, controles, glifos y mucho más. Su coste es aproximadamente de 60$ al año, pero puedes disfrutar de una versión Full gratuita de 15 días al registrarte con una dirección de email.

Aunque también podemos explorar otras muy buenas opciones como: InVision, Marvel, Mockup Builder, Proto.io, NinjaMock enfocadas para móviles. pero existen una multitud mas de las cuales destacan:

Axure RP: Es una herramienta de prototipado profesional que permite crear wireframes para hacer el pre-diseño de una página web. Disponible tanto para plataforma Windows como Mac. Puedes dibujar tanto wireframes estáticos como interactivos que simulan una experiencia de navegación del usuario real. Tiene una función de colaboración para compartir las maquetas Web con otras personas y poder recibir feedback en tiempo real.

FlairBuilder: herramienta web que te permite hacer bocetos de tus webs y de tus Apps para iPhone. No tiene posibilidad de colaborar con otras personas ni tampoco es posible exportar características.

iPlotz: Esta herramienta permite hacer maquetas navegables de sitios web y de aplicaciones. Lo puedes descargar en tu ordenador (Windows/ Mac) o bien puedes usar el servicio vía web. Tiene una cuenta gratuita con la que puedes hacer prototipos que tengan hasta 5 páginas navegables.

Jumpchart: es una aplicación de planificación de webs basadas en el navegador la cual posibilita esbozar el contenido de la página web. Es posible crear wireframes tanto estático como interactivos que simulan la navegación entre las páginas web de la maqueta.

Justinmind: Herramienta profesional para prototipado de sitios web, aplicaciones de software y aplicaciones móviles. Puede trabajar con Windows o con Mac.

MockFlow: Herramienta web muy sencilla de utilizar para diseñar SItios web y aplicaciones de software. Permite colaboración y navegar por la página web además de visualizar su estructura. La versión gratuita está limitada en relación al número de prototipos que podemos hacer.

Mockingbird: Se trata de un servicio web gratuito con el que se pueden hacen prototipos de páginas web. Puedes diseñar tu sitio web en el propio navegador aprovechando que dispone de una gran biblioteca de objetos web para personalizar tus páginas.

Napkin: Aunque es una herramienta basada en Java, también está disponible para Windows, Mac y Linux. Los bocetos realizados solo pueden ser estáticos, pero posee una extensa biblioteca de símbolos GUI para usar en tus maquetas. No ofrece posibilidad de colaboración ni de exportar a otros formatos. Lo positivo, es totalmente gratuita y la cuenta es ilimitada.

Visio: Esta herramienta pertenece a la suite de Microsoft Office que se puede adquirir de forma independiente de otros componentes de Microsost Office. Sólo está disponible para equipos que trabajen con Windows. Puedes crear varios tipos de proyectos visuales como diagramas de flujo, diagramas de Venn, mapas y maquetas de sitios web (estándar y móvil), así como prototipos de aplicaciones de software.

Si trabajas con el entorno de programación Eclipse, puedes usar también WireframeSketcher, que está muy bien y se integra dentro del entorno a la perfección.

De acuerdo a la necesidad de cada pagina o sitio Web a desarrollar, la creación de el prototipo puede variar, así mismo la rentabilidad de estas herramientas, al tener sus ventajas y desventajas y a la compatibilidad de cada una de ellas con los usuarios puede cambiar, lo importante es usarlas de la manera mas adecuada, y así mismo adaptar algunas a nuestras necesidades de trabajo y saber elegir cual es la que se acopla con nosotros mismos y entenderla de la manera mas fácil  en cuestión de su funcionamiento, para que los prototipos de nuestras paginas Web lo desarrollemos de la mejor manera.

Cabe destacar que es importante su usabilidad, ya que nos generara una mejor distribución e ideas mas concretas y volubles que un modelo a lápiz y papel.