Adobe XD CC para prototipado de páginas web y aplicaciones

Adobe ha incorporado recientemente a su paquete de programas Creative Cloud una nueva herramienta, Adobe XD (anteriormente conocida como Adobe Experience Design CC o Adobe Comet)  para prototipado de páginas web y aplicaciones. Con esta nueva aplicación, Adobe intenta llenar un hueco del mercado, ya que disponían de ningún producto que cumpliera con estas necesidades y estuviera al nivel de otros softwares que ya gozan del respeto de los diseñadores.

Imagen procedente de la web de ADOBE

Actualmente la aplicación está completamente operativa. Según informa Adobe, más de 5.000 diseñadores participaron en las pruebas de pre-lanzamiento. La finalidad fue priorizar y optimizar el conjunto de herramientas para el trabajo a nivel profesional.

Algunas de las principales características que tiene la aplicación son: la velocidad con la que podemos cambiar de la vista de diseño a la vista de prototipo, mediante una pestaña: la compatibilidad real con otros programas de la Creative Cloud o la posibilidad de crear prototipos animados con elementos que podremos generar desde la misma aplicación o bien importar ya creados desde otras. También nos permite la creación del prototipo en vídeo o probar la maqueta funcional online (en servidor de Adobe) por el cliente o la persona a la que envíes el enlace. Si estamos creando una app, podremos probarla en nuestro dispositvo, simplemente instalando en nuestro teléfono móvil la aplicación de Adobe que podemos descargar de Google Play o del Apple store. Esto nos facilita el trabajo porque nos permite hacer cambios y verlos inmediatamente en directo en nuestro teléfono o tablet .

Imagen procedente de la web de ADOBE

Desde la pantalla de prototipado podemos crear vínculos con suma facilidad, para luego mostrarlos en diferentes formatos, que incluyen también incluso una previsualización accesible online.

La funcionalidad de exportación resulta también muy interesante. Puedes seleccionar un objeto o grupo de objetos, le das a exportar y te crea las versiones en diferentes resoluciones para Android, iOS o web. Otra opción disponible es Repeat Grid que permite repetir de forma automática un elemento en forma de lista o de cuadrícula y cambiar el contenido manteniendo el estilo, si posteriormente se modificaran los estilos, toda la rejilla se adapta pero se conservan las modificaciones de contenido.

Por último, la aplicación también contiene una serie de Templates y UI kits para poder usarlos en nuestros proyectos.

Imagen procedente de la web de ADOBE

En cualquier caso, es importante saber que hay muchas otras herramientas para el prototipado de aplicaciones, entre otras InVision, Justinmind Prototyper,  Axure, Balsamiq por indicar sólo algunas de las más conocidas en el mercado actualmente.

Web de Adobe XD http://www.adobe.com/products/xd.html

Mas información en la web del laboratorio http://multimedia.uoc.edu/blogs/labeines/es/recursos-prototipat/