Herramientas de prototipado ¿Cuál usar?

29 marzo, 2019

No te vamos a explicar qué herramientas de prototipado es mejor utilizar, simplemente veremos unas cuantas y sus diferencias o similitudes. Existen muchísimas herramientas de prototipado, pero aquí encontrarás las que nos han parecido más útiles. El orden en que las presentaremos no es el orden de importancia o que consideremos mejor. Cada una tiene sus ventajas y desventajas frente a las otras y simplemente queremos que veas todas las posibilidades para que elijas la que más se adapte a tus necesidades.

 

  sketch_prototipado
Sketch App

Es una herramienta de prototipado para uso exclusivo de aquellos que tienen un ordenador de Apple. La herramienta es gratuita y la puedes descargar de su web directamente. Es un software de prototipado muy demandado por las empresas que buscan diseñadores de UX/UI. Trabaja con gráficos vectoriales y cuenta con plantillas interesantes, pero no permite ningún tipo de animación más allá de las típicas interacciones para cambiar de página.
En resumen, tiene buenos gráficos pero se queda algo corto en cuanto a interacciones o animaciones. Si quieres animar en Sketch App existen varios plugins que te permitirán hacerlo, pero de manera nativa el programa no tiene esa posibilidad.

 

Invision

Invision es una herramienta online para hacer prototipado de webs y apps igual que Sketch. La mayor diferencia entre ellas es que a la hora de realizar las animaciones de interacción Invision ha ido un poquito más allá. Ha conseguido poder tocar parámetros para personalizar las animaciones. A la hora de realizar la transición de una página a otra puedes personalizar la animación de cada elemento.
La ventaja que tiene Invision fuera del campo del diseño es poder compartir con el equipo y clientes los diseños. Además permite sincronizar con Sketch App.

 

Zepplin

Zeplin es una herramienta de prototipado pensada para la colaboración entre diseñadores y desarrolladores. Puedes importar diseños de Sketch, Adobe XD, Figma o Photoshop. Cuando los desarrolladores acceden al prototipo encuentras guías, márgenes, fuentes, tamaños de fuentes, colores…
La mayor ventaja de ésta aplicación es que es capaz de generar el código de los estilos para los desarrolladores en diferentes formatos. Puede exportar para React Native, Swift y strings generales.

 

Adobe_XD_prototipado

Adobe XD

No nos podíamos dejar la herramienta de prototipado más joven que ha sido lanzada por Adobe. Ha estado en fase Beta durante mucho tiempo y con necesidad de actualizaciones hasta prácticamente mediados del año pasado. A día de hoy ha conseguido igualarse mucho a Sketch App. Realmente es una muy buena alternativa para aquellos que tengan o prefieran tener un PC. Adobe XD está también para móvil y nos permite visualizar los prototipos y compartirlos con el equipo. En cada actualización van incorporando más funcionalidades para poder ser más competitivos.

axure-rp_prototipado

Axure RP

Axure es sin duda la herramienta de prototipado más completa. La primera ventaja, respecto a las demás, es la capacidad de hacer que en un mismo proyecto se permitan diferentes vistas, reaprovechando los elementos ya existentes. De ésta manera podemos hacer una vista de desktop, otra de tablet y otra mobile en un mismo prototipo. Según el dispositivo en el que se vea el prototipo éste aplicará una vista u otra.

Hay muchas funciones que podemos hacer en Axure, como por ejemplo se podrá rellenar un campo de texto, uno de contraseña, dar mensajes de error en caso de fallo. Se puede simular también un inicio de sesión, hacer una galería de fotos (tipo e-commerce) con animaciones en la foto. Tenemos la posibilidad de elegir el aspecto del botón seleccionado, en el momento del clic o cuando se pasa por encima. Admite gifs, podemos importar vídeos de youtube, crear un slider (un pase de fotos), etc. Hay muchas posibilidades y no podemos explicártelas todas, pero si quieres un prototipo lo más realista posible, ésta será tu herramienta.

 

En definitiva, hay prototipos para todos los gustos y colores. En función de lo que se necesite se puede elegir uno u otro.