PUBLICIDAD

5 Herramientas en línea y de escritorio para construir Wireframes y Prototipos

Aunque las herramientas tradicionales, manuales como el lápiz y papel, y las digitales como Illustrator o Photoshop siguen teniendo gran relevancia dentro de la industria del diseño de APPs, páginas web y servicios en línea. La necesidad de características particulares para el desarrollo de wireframes, UI y prototipos ha permitido el desarrollo de una serie de aplicaciones en línea y de escritorio que nos permite realizar de mejor manera las labores necesarias y demandadas por la industria. Estas son las 5 aplicaciones más usadas:

wireframe|cc

Esta es tal vez la aplicación en línea más simple, clara y efectiva para construir wireframes. Usando componentes simples, cajas, círculos, campos de texto o espacios para imágenes colocados sobre una cuadricula que puede emular diferentes tamaños de dispositivos, permite la construcción y publicación de wireframes. También es posible adicionar iconos que son propios de la biblioteca libre de Google. La versión premium permite exportar en distintos formatos, adicionar múltiples páginas e interactuar con vínculos.

https://wireframe.cc/

Justin in Mind

Just in Mind ofrece una serie de productos para la realización de productos interactivos, wireframes, prototipos, diseño de interfaz de usuario o incluso herramientas de trabajo colaborativo para diseñadores. La aplicación de wireframes es gratuita y permite ser instalada en Mac o Windows. Es un software de escritorio que además de formas básicas contiene una serie de componentes interactivos como menús desplegables o listas de chequeo que podemos incluir en nuestros wireframes. Es de anotar la capacidad que tiene de permitirnos usar emuladores para presentar nuestros wireframes en forma de prototipo en la web o en dispositivos móviles. La versión standard (de pago) adiciona trabajo colaborativo e interacciones gestuales, además de algunos efectos y transiciones.

https://www.justinmind.com/free-wireframe-tool

Mockplus Classic

Mockplus provee productos que permiten diseñar de manera colaborativa productos interactivos, la versión clásica de Mockplus es un software de escritorio disponible en Mac o Windows. La APP provee componentes e iconos pre -construidos, permite construir librerías de componentes y se integra fácilmente con otras aplicaciones como Sketch en Mac. Aunque su función está más enmarcada en la construcción de prototipos, Mockplus permite el trabajo colaborativo y la realización de mockups o wireframes. Lamentablemente solo provee una licencia completa por 15 días.

https://www.mockplus.com/

Balsamiq

Balsamic es tal vez la aplicación más icónica para la construcción de wireframes, desde 2008, iniciando con una versión en el desaparecido Flash, se convirtió en la herramienta más simple e intuitiva para la creación de wireframes, debido a su estética, que rememora los bocetos a mano que podemos realizar fácilmente. Posee dos versiones, una en línea y otra de escritorio y es reconocida por integrarse con herramientas gestoras de archivos como Google Drive, Confluence o Jira. Ofrece una versión completa gratuita por 30 días y su modelo de planes y precios se basa en la realización de proyectos en su versión web, licencias estándar en su versión de escritorio y un coste adicional por las integraciones con gestores de archivos.

https://balsamiq.com/

Adobe XD

Adobe ha tenido siempre una gran porción del mercado de aplicaciones para diseñadores, aunque no fue pionero en el software de wireframes o prototipos, en los últimos años ha desarrollado de la mano conjunta de muchos usuarios Adobe XD, que al día de hoy es tal vez uno de los paquetes de creación de prototipos, wireframes y elementos de interfaz más completos del mercado. Como era de esperarse se le suman además de características propias para la construcción de productos interactivos, la integración con otros software de la compañía. Lamentablemente solo provee una licencia completa por 7 días.

https://www.adobe.com/la/products/xd.html


PUBLICIDAD

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

PUBLICIDAD

Diseño, investigación, educación