Tipos de Mockups y Ventajas





Tipos de Mockups y sus Ventajas.




Herramientas de prototipado

También llamadas herramientas de mockups o de wireframes.
Existen decenas de herramientas de prototipado, gratuitas 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. ¿Elproblema? 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 owireframes). Permite almacenar los diseños yluego 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 esesistema operativo. Y la biblioteca de objetos gráficos no es tan completa como en otras herramientas similares.







 Mobjectify es una aplicació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.



10 HERRAMIENTAS GRATIS PARA WIREFRAMING YMOCKUP
El proceso de wireframing debería ser la primera fase de cualquier proyecto web. En ella, se pretende definir un esquema con el esqueleto de los elementos esenciales de la página como encabezados, pies de página, la navegación y el área de contenido y debe ilustrar cómo atender y responder a cualquier posible interacción de un usuario. Sin duda es una de las etapas más importantes de cara ala usabilidad del sitio web.
En otros post de nuestro blog os hemos referenciado recursos en los que apoyarnos para nuestros diseños web e interfaces de usuario de nuestros desarrollos, así como bocetos reales utilizados en desarrollo web que han sido implementados en sitios web y enlaces a sitios web donde podéis encontrar documentos descargables con wireframes de diseños web para distintasplataformas, con bocetos orientados a páginas web convencionales y esquemas de diseños para plataformas móviles como en iPhone o el iPad.
En esta ocasión, incluimos una colección de herramientas gratuitas para crear prototipos y maquetas.

Lumzy – Herramienta para creación rápida de maquetas y prototipos

Lumzy, nos permite puede crear maquetas de sitios web o aplicaciones mediante la adición delos eventos de una extensa lista de controles. Además de ser una gran herramienta para la creación de maquetas, también puedes crear mensajes de alerta y páginas de navegación, añadir enlaces a contenidos externos, y mucho más. Por otra parte nos ofrece un conjunto de herramientas de colaboración y un motor de chat para deliberar sobre los diseños. Todo esto y es absolutamente gratis.
Página de...