• Tweet
• Share
• 
• 
• 

• Tweet
• Share
• 
• 
• 

Los Mockups, también conocidos como Website Wireframes o “Maquetas”, son bocetos sencillos que mostrarán la colocación, el diseño y la arquitectura de cada elemento que conforma un sitio web. Estas “maquetas” son un arma importantísima para diseñadores y desarrolladores web, más aún por que permite un acuerdo preciso para comenzar un proyecto dentro de la World Wide Web, conviniendo y pactando un diseño específicamente concentrado en el layout de un sitio regularmente sin las distracciones de color e imagen. En este artículo mencionamos las mejores herramientas para crear Mockups:

Pencil Project
Pencil Project (Con licencia GNU) es definitivamente el software más funcional, ágil, definido y en pocas palabras sorprendente en el mundo del diseño y prototipos. Lo que comenzó como un complemento de Firefox (descargable AQUÍ), deliberadamente evolucionó a un software completo para la realización estable de diagramas, plantillas y maquetas web. Una de sus características más importantes es la magnífica opción de exportar tu diseño a formato HTML, PNG, documento de OpenOffice.org, DOC y PDF, lo cual te permitirá ampliar tu propia gama de contribución y retroalimentación directa a tus colaboradores y clientes.

Sus poderosas características, propiedades de edición (sobre imágenes, diagramas y texto) y su naturaleza Open Source convierten a Pencil Project en el programa más prometedor de la lista. ¡Ampliamente Recomendado!

Lumzy
100% gratuito y con herramientas vanguardistas a favor de tus proyectos. Lumzy Professional es un producto online sencillo de utilizar, no delimita tu maqueta a ningún tipo de extensión por lo que es muy simple compartir tus creaciones a clientes y colaboradores (por medio de URL). Sus características agregan un estímulo eficaz de utilización al tener una gama de herramientas productivas y funcionales para todo tipo de ideas y proyectos.

Esta herramienta es considerablemente atípica a su propio favor y el del usuario, es (hasta ahora) la única con un editor completo de imágenes para retocar saturación, contraste, además contiene un chat exclusivo sobre cada proyecto, en donde tendrás la facilidad de trabajar sobre la misma plantilla y colaborar directamente con tu equipo por medio del mencionado chat. Lumzy es en definitiva el producto más intuitivo de nuestra lista.

Mockingbird
Una herramienta 100% en línea que acentúa la rapidez y el enfoque de un prototipo web, sin mencionar que a pesar de sus magníficas herramientas y absoluta ergonomía es también una herramienta completamente gratuita. Mockingbird añade (al igual que otras herramientas en nuestra lista) la usabilidad “Drag and Drop” (Arrastrar y Soltar) altamente conocida en programas de diseño y desarrollo web para aumentar la velocidad de elaboración, de igual manera te permite enlazar múltiples maquetas en una para aumentar la interactividad de las mismas y obtener un elemento real de previsualización.

Compatible con Safari, Firefox y Chrome, Mockingbird es un excelente producto para construir prototipos web precisos y altamente detallados; además te permite compartir tu maqueta con sólo un click, tus colegas e incluso tu propio cliente podrán tener acceso en línea a tu arquitectura ya sea para solicitar cambios o simplemente retroalimentarla.

MockFlow
Un poderoso híbrido Online/Offline, situación altamente funcional para trabajar ya sea en línea o sin siquiera obtener una conexión a Internet, lo cual coloca a MockFlow en una gran platea de uso y coordinación a favor de diseñadores y desarrolladores web de cualquier parte del mundo. Su interfaz es precisa, altamente usable y soporta una cantidad considerable de complementos y aplicaciones a favor de tus diseños y creaciones web.

Ahora, la mejor y más importante característica de este producto es su MockStore, una tienda (completamente gratuita por supuesto) con decenas de componentes e íconos para ampliar tu librería de diseño dentro de MockFlow. Fácil de utilizar, veloz, interactivo y ergonómico, es definitivamente un excelente producto para la realización de Mockups.

Pidoco°
Probablemente uno de los productos más completos que encontramos a lo largo de nuestra investigación; la creación de prototipos y maquetas web con Pidoco° es perfectamente ergonómica, pues te permite trabajar con plantillas completamente interactivas sin la necesidad de agregar códigos complejos de programación. Su interfaz es intuitiva, permitiéndote trabajar rápidamente por medio de cajas de menú y aplicaciones automáticas sobre tu propio diseño o prototipo.

De igual manera el paquete de Pidoco° contiene elementos de retroalimentación y visualización, los cuales funcionan a manera de colaboración en tiempo real a favor de una comunidad nutrida por diseñadores y desarrolladores profesionales. Las ventajas de Pidoco° son virtualmente ilimitadas, sin embargo es un sistema de paga ya que al finalizar los 31 días de prueba gratuita, comenzarán a facturar un mínimo de 9 dólares por mes.

• Ligas y Otros Sitios de Interés:
WireFrames Magazine
Guidelines, Tools and Resources for Web Wireframing
Tools For Creating Wireframes and Prototypes
How to Create Wireframes
Coutline
Jumpchart
Gliffy