Cinco herramientas online para crear 'mockups' gratis

Una de las primeras tareas que tenemos que emprender al momento de desarrollar una aplicación es pensar en cómo se va a ver su interfaz una vez que la hayamos implementado. Esto implica imaginar dónde estarán los menús de opciones o de navegación, qué apariencia tendrán las ventanas, qué botones vamos a incluir y dónde van a estar ubicados, etc. Esta tarea es importante porque nos sirve como guía al momento de diseñar nuestra aplicación real, ya sea en un programa para edición gráfica o escribiendo el código que le dará forma.

Ejemplo de 'mockup' para una página web

Para poder definir la interfaz de una aplicación podemos usar lo que en la jerga informática se conoce como un 'mockup'. Un 'mockup' (bosquejo) es básicamente el 'esqueleto' de una aplicación o una página web. Es el modelo a seguir cuando estemos desarrollando nuestra aplicación real. La forma más sencilla de hacerlos es tomando lápiz y papel y dibujando lo que será la interfaz que hemos imaginado. Pero si son de los que  prefieren usar herramientas en la computadora para diseñar sus mockups más rápido y fácil, deben saber que existen varios servicios en la web que nos permiten diseñar prototipos de manera sencilla y gratuita. 

Estos son algunos de los más conocidos:

Frame Box

Muy sencilla, pero suficiente para crear la estructura general de un sitio o aplicación sin mayores complicaciones.

Wireframe.cc

Similar a la anterior, pero esta incluye un look más moderno y minimalista, además de soportar mockups para tablets y smpartphones, de modo que podamos ver cómo luciría nuestra aplicación en cualquiera de estos dispositivos.

iPhone Mockup

Como su nombre lo indica, nos permite diseñar interfaces destinadas a dispositivos móviles, particularmente los de Apple, aunque la interfaz que diseñemos puede pensarse para cualquier otra clase de dispositivo móvil. Posee además otra característica curiosa: nos permite elegir cómo queremos diseñar nuestro bosquejo, en modo lápiz (como si lo hiciéramos a mano) o en modo ilustración.

MockFlow

Este es famoso porque posee una aplicación para PC que puede descargarse e instalarse para usarla aunque no tengamos conexión a internet. Permite crear mockups de forma colaborativa. Es de paga pero en su versión gratuita soporta un sólo proyecto, lo cual puede ser suficiente para cuando nos enfocamos a desarrollar una sola aplicación a la vez.

moqups

Este es el que yo prefiero. Es similar a los anteriores, pues nos permite crear mockups muy variados y también es gratuito, aunque en su versión de paga nos ofrece muchas más funcionalidades interesantes.

¿Conocen alguna otra herramienta para crear mockups gratis? Déjenmelo saber en los comentarios.