Adobe XD - Experiencia de Usuario - User Experience

Un diseñador requiere de muchas herramientas para completar las diversas etapas del flujo de trabajo en el área de UX, desde la investigación hasta el diseño. Es por ello que de primera mano es necesario desarrollar la etapa del prototipo, ya que el mismo ofrecerá una visual de cómo será el producto final bien sea de una aplicación móvil o web.

Desde el año pasado he estado en una constante búsqueda y análisis para tener una visión más amplia de lo que trata este nuevo software de Adobe y buscando e investigando y ya en última instancia probando este nuevo producto, tengo una idea clara de los que trata el mismo. Adobe Experience Design o Adobe XD, es un editor de gráficos vectoriales ligeros y una herramienta de creación de prototipos que se anunció en Adobe MAX 2015 como Project Comet. El software se lanzó en vista previa en marzo de 2016 como parte de Creative Cloud, y en la actualidad está en fase beta, recibiendo actualizaciones casi todos los meses.

¨Cuando abres Adobe XD, la primera impresión que tendrás es que la interfaz es muy familiar, tanto para los usuarios de Sketch como para los fanáticos de Adobe. Adobe se apartó de los botones y menús oscuros de Creative Cloud esperados y optó por ofrecer lo mejor de dos mundos¨. Según https://www.toptal.com

"Adobe XD también tiene un conjunto de características únicas como Repeat Grid (o Repetir Grilla), una herramienta que te permite replicar un grupo de objetos como una tarjeta de diseño de materiales con datos variables y un espacio configurable entre las copias". Según https://www.toptal.com

Fuente: https://www.toptal.com

Creación de grupos de objetos similares con la función Repeat Grid en Adobe XD

Prototipado:

La ventaja que te ofrece XD es que se puede generar un prototipo interactivo sin necesidad de complementos de terceros como lo harían otros softwares. El editor de creación de prototipos de Adobe le da la facilidad a los diseñadores conectar visualmente áreas interactivas a otras pantallas usando cables y configurando transiciones. Con el prototipo interactivo listo, puedes publicar y compartir el prototipo, que se puede ver en la web o con la aplicación móvil Adobe XD. Sin embargo, los prototipos XD no tienen soporte para gestos o secciones fijas como encabezados.

Fuente: https://www.toptal.com

Sistema de botones a las pantallas en la función Prototype en Adobe XD

Panel de Assets

En la actualización de agosto de 2017, Adobe agregó el panel de Assets, una forma inteligente de reunir una guía de estilo interactivo con colores, estilos de carácter y símbolos. Cuando cambie algo en el panel de Assets, seguirá cada uso del activo en tu obra. Sketch también tiene variables de color, estilos de caracteres y símbolos, pero cada uno está contenido en su propio panel.

Según: https://www.toptal.com

Fuente: https://www.toptal.com

Cambiar los elementos en el panel de Assets cambia todo el proyecto.

Adobe anunció algunas de las [próximas funciones que aparecen en] XD (https://blogs.adobe.com/creativecloud/collaborative-design-with-adobe-xd/) en el blog del producto. Uno de ellos amplía la función de Assets, lo que permite que el diseñador publique la guía de estilo del proyecto con las fuentes descargables, los assets y los códigos hexadecimales de los colores, junto con el prototipo interactivo y una función de inspección para la encuesta del desarrollador de elementos dentro del prototipo. Esto se denomina “transferencia para desarrolladores” y ya es posible en Sketch (y Photoshop) usando complementos como Zeplin. Otra futura característica de la cual se ha visto sólo un poco es la colaboración en tiempo real dentro de XD, algo que se asemeja a la función de colaboración presente en Google Docs y que ya está disponible en otras herramientas de diseño de UX como Figma.

Adobe XD es ante todo para los usuarios de Windows (que no pueden usar Sketch sólo para macOS) y los suscriptores actuales de Adobe Creative Cloud (que no necesitarían pagar más por XD, además de Photoshop, Illustrator, etc.).

Hay muchos diseñadores UX que ya están dando el salto, ya sea porque son suscriptores de Creative Cloud incluso en macOS, o porque creen que XD será el próximo estándar y están satisfechos con el conjunto de características actual. Si tú eres un usuario experimentado de Sketch, disfrutarás de una interfaz general mejor, características únicas de XD, pero también tendrás que lidiar con las limitaciones actuales y la falta de compatibilidad con complementos. En cualquier caso, pruébalo y comparte tus impresiones con nosotros.