Adobe XD vs. Sketch: ¿Qué herramienta UX es adecuada para usted?

Un diseñador de UX necesita muchas herramientas para completar las muchas etapas del flujo de trabajo de UX, desde la investigación hasta el diseño, el prototipo y la entrega. Si hace su trabajo en una PC, probablemente le obsesione la mención constante de Sketch, un editor de gráficos vectoriales simplificado y popular con innumerables complementos útiles que se está convirtiendo rápidamente en un estándar de la industria, pero que solo está disponible en Mac OS . Esto significa que, a menos que tenga una máquina Apple, se queda fuera. Pero ahora Adobe está trabajando activamente en un competidor de Sketch multiplataforma adecuado (¿y parecido?), Después de años de ausencia: Adobe XD.

¿Qué es Adobe XD?

Adobe Experience Design CC, o Adobe XD, es un editor de gráficos vectoriales ligero y una herramienta de creación de prototipos que se anunció en Adobe MAX 2015 como Project Comet. El software se lanzó en versión preliminar en marzo de 2016 como parte de Creative Cloud y actualmente se encuentra en fase beta y recibe actualizaciones casi todos los meses.

Antes de eso, Adobe estaba trabajando para agregar funciones para diseñadores de UX en sus herramientas establecidas como Photoshop e Illustrator. Aunque ambos son excelentes piezas de software, no son livianos ni están optimizados para este tipo de trabajo. A lo largo de los años, y especialmente después de la desaprobación de Adobe Fireworks en 2013 (la clásica herramienta de creación de prototipos orientada a la web adquirida de Macromedia), cada vez más diseñadores de UX sintieron que Creative Cloud no cumplía con las expectativas del mercado. Entonces, saltaron a Sketch (si tenían una Mac). Si bien la respuesta de Adobe para este éxodo masivo fue un poco tardía (Bohemian Coding lanzó Sketch hace 6 años completos), la espera vale la pena, especialmente si se ha visto limitado a usar herramientas menos adecuadas en su PC. Comparemos Adobe XD vs Sketch

Interfaz de usuario y funciones exclusivas

Cuando abra Adobe XD, la primera impresión que tendrá es que la interfaz es muy familiar, tanto para los usuarios de Sketch como para los fanáticos de Adobe desde hace mucho tiempo. Adobe se apartó de los esperados botones y menús más oscuros de Creative Cloud y optó por ofrecer lo mejor de dos mundos. A diferencia de Sketch, verá un conjunto de herramientas en el lado izquierdo de la pantalla, pero también el panel de capas más alto y las propiedades dinámicas a la derecha, como se ve en Sketch. Es muy fácil de usar y fácil de aprender, sin importar qué herramienta haya usado anteriormente.

Repetir cuadrícula

Adobe XD también tiene un conjunto de características únicas como la Cuadrícula de repetición, una herramienta que le permite replicar un grupo de objetos como una tarjeta de Material Design con datos variables y espacios configurables entre las copias.

Prototipos

En XD, puede crear un prototipo interactivo sin necesidad de complementos de terceros como lo haría en Sketch. El editor de prototipos de Adobe permite a los diseñadores conectar visualmente áreas interactivas con otras pantallas mediante cables y configurando transiciones. Con el prototipo interactivo listo, puede 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 de XD aún no son compatibles con gestos o secciones fijas como encabezados, algo que es posible en InVision y otras herramientas solo para prototipos que se conectan con Sketch.

Panel de activos

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

Adobe anunció algunas de las próximas funciones que aparecerán en XD en el blog del producto. Uno de ellos amplía la función Activos, lo que permite al diseñador publicar la guía de estilo del proyecto con fuentes descargables, activos y los códigos hexadecimales de colores, junto con el prototipo interactivo y una función de inspección para que el desarrollador examine los elementos dentro del prototipo. Esto se llama "transferencia para desarrolladores" y ya es posible en Sketch (y Photoshop) usando complementos como Zeplin. Otra característica futura que se está adelantando es la colaboración en tiempo real dentro de XD, algo que se parece 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.

Sketch (y sus complementos) frente a Adobe XD

Cuando ve la imagen más grande, queda claro que Adobe tiene la intención de hacer que XD no solo haga todo lo que Sketch hace como una herramienta de gráficos vectoriales, sino también sus complementos, que cubren todo el flujo de trabajo de diseño de UX. Desde el diseño hasta la creación de prototipos y la entrega, Adobe XD probablemente será la herramienta de diseño de UX definitiva, pero ¿qué pasa hoy?

¿Es hora de cambiar?

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

Hay muchos diseñadores de 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 funciones actual. Si es un usuario experimentado de Sketch, disfrutará de una mejor interfaz en general, características únicas de XD, pero también tendrá que lidiar con las limitaciones actuales y la falta de compatibilidad con complementos. En cualquier caso, ¡pruébalo y comparte tus impresiones con nosotros!

• • •

Lectura adicional en el blog de diseño de Toptal:

• eCommerce UX: una descripción general de las mejores prácticas (con infografía)
• La importancia del diseño centrado en el ser humano en el diseño de productos
• Los mejores portafolios de diseñadores de UX: estudios de casos y ejemplos inspiradores
• Principios heurísticos para interfaces móviles
• Diseño anticipatorio: cómo crear experiencias de usuario mágicas