Diseño con precisión: una revisión de Adobe XD

A medida que finalizamos 2018 y entramos en 2019, revisemos el estado actual de la industria del diseño, el rol del diseñador, las herramientas de diseño de UX y el flujo de trabajo.

Desde la construcción de un sistema de diseño cohesivo hasta el diseño de flujos para la próxima innovación de dispositivos o la creación de prototipos de interfaces complejas para pruebas de usuarios, los diseñadores pueden elegir entre una gran cantidad de herramientas de diseño de UX. Ya sea que se trate de uno de los programas más populares como Sketch, Figma basado en la web, el Adobe XD de crecimiento agresivo o el recién presentado InVision Studio, la familiaridad con las herramientas de diseño de UX correctas, incluida esta revisión de Adobe XD, acelerará el proceso de diseño del producto.

Elegir la herramienta de diseño UX adecuada

Al observar las herramientas que usan los diseñadores, es importante tener en cuenta que las responsabilidades de los diseñadores cambian y se expanden constantemente. Hace solo 6 o 7 años, pocas personas entendían lo que hacía un diseñador de experiencia de usuario. En estos días, se espera que cada diseñador haga al menos algún tipo de investigación de usuarios, creación de prototipos y análisis competitivo.

Estos cambios afectan la forma en que los diseñadores deben ver su flujo de trabajo, conocimiento del dominio, técnicas y herramientas. Los clientes de hoy esperan ver no solo un producto final pulido, sino todo, desde la creación de esquemas hasta la creación de prototipos y una interfaz de usuario animada sin problemas.

Ampliar su área de especialización no es solo una forma de ganar más dinero, se ha convertido en un requisito laboral. Los nuevos procesos de diseño de productos generalmente significan nuevas herramientas, lo que significa que los diseñadores deben dedicar tiempo a aprender cómo usarlos, razón por la cual la aparición de nuevas herramientas de diseño se ha acelerado tanto en los últimos años.

Los días en que los diseñadores confiaban en Photoshop como su principal herramienta de diseño quedaron atrás. Ahora es una carrera para que las plataformas de software de diseño atraigan tanto a principiantes como a profesionales. Sketch ha sido un jugador importante durante varios años, y Figma, que recibió un respaldo financiero de más de $ 46 millones, se está poniendo al día con su herramienta de creación de prototipos interactiva basada en la web.

Recientemente, la plataforma de creación de prototipos InVision decidió ingresar al espacio con su propia herramienta de diseño, InVision Studio. No se movió tan rápido como todos esperaban, por lo que, si bien Studio parece bastante sólido, sigue siendo algo decepcionante y notoriamente defectuoso a pesar de la exageración inicial.

Después de dominar el universo del diseño digital durante tanto tiempo, Adobe está rezagado en esta carrera por la herramienta de diseño UX/UI definitiva. No tener el lujo de permanecer en esa posición por mucho tiempo... ingrese a Adobe XD. Aunque llegó un poco tarde a la carrera, Adobe XD ha ganado popularidad y se ha convertido en un competidor prometedor desde su lanzamiento en 2016.

Revisión de Adobe XD: características y beneficios

Algunos pueden decir que un gigante de la industria como Adobe es un dinosaurio y no puede ser tan ágil como sus competidores más jóvenes. Sin embargo, una empresa como Adobe tiene los recursos para evolucionar rápidamente, así como la estabilidad financiera que haría que dominar Adobe XD sea una buena inversión. Esta es una gran ventaja, lo que hace que Adobe XD sea muy valioso y, potencialmente, la herramienta de diseño de UX líder para el futuro.

Antes de sumergirnos en la revisión de las funciones de Adobe XD, detengámonos y preguntemos: "¿Vale la pena el tiempo de aprender una nueva herramienta que proporciona una funcionalidad similar a las herramientas que ya conocemos?" Para responder eso, veamos cuatro criterios: precio, facilidad de uso, ecosistema y participación de mercado.

Precio

Uno de los factores del éxito temprano de los favoritos de la industria como Sketch y Figma fue su relativa asequibilidad. Adobe XD es parte de la suscripción de Adobe Creative Cloud, que le brinda acceso a más de 20 aplicaciones como Photoshop, Illustrator, Premiere Pro, etc. por $50 al mes, por lo que es difícil separar el precio específicamente para ese producto. A menos que ya tenga una suscripción, puede ser difícil justificar gastar tanto en probar una nueva herramienta.

Sin embargo, en mayo de 2018, Adobe anunció un plan de inicio que permite el uso de Adobe XD de forma gratuita. Está limitado a un solo proyecto activo, pero es una manera perfecta de probar las aguas y probar todo lo que tiene para ofrecer.

Facilidad de uso

La mayoría de los diseñadores digitales han usado una aplicación de Adobe en algún momento y están familiarizados con la interfaz general: panel de herramientas a la izquierda, el área principal en el centro, capas, etc. a la derecha. La belleza de Adobe XD es que te sentirás como en casa tan pronto como comiences a usarlo. La curva de aprendizaje es ligera y ocurre principalmente en torno a sistemas de diseño más complejos y anulaciones de símbolos.

Al igual que herramientas similares, Adobe XD maneja sistemas de diseño complejos y bibliotecas de símbolos. También cuenta con herramientas intuitivas para conectar pantallas fácilmente y crear prototipos interactivos que se pueden utilizar en pruebas de usuarios sin necesidad de código. El lanzamiento reciente de animación automática facilita aún más la creación de prototipos de interacciones ricas al animar automáticamente microinteracciones en las mesas de trabajo en Adobe XD.

Ecosistema

Tener Adobe XD en el ecosistema de Adobe es uno de sus puntos de venta más fuertes porque es probable que ya tenga Creative Cloud o use otros productos de Adobe semanalmente. Desde vectores hasta fotos, el conjunto de productos de Adobe tiene una herramienta dedicada para la mayoría de las necesidades de los diseñadores que funcionará bastante bien con Adobe XD.

Cuota de mercado

En 2017, Adobe XD tenía una clasificación promedio en el mercado y no podía eclipsar el dominio de Sketch. Avance rápido dos años y Adobe se está poniendo al día rápidamente (con más de 12 millones de suscriptores de Creative Cloud) y ha demostrado un gran potencial para continuar con su rápido crecimiento.

Volviendo a la pregunta de si vale la pena dedicar tiempo a aprender una nueva herramienta de diseño, uno puede pensarlo de esta manera: si tiene un martillo, puede clavar un clavo pero no puede quitar un tornillo, y nunca sepa cuándo tendrá que sacar un tornillo. A medida que Adobe XD gana en popularidad, también aumentan las posibilidades de encontrarse con un equipo o cliente que dependa exclusivamente de los productos de Adobe. Cuantas más herramientas tenga un diseñador en su caja de herramientas, más proyectos de diseño podrá abordar y más equipos con los que podrá trabajar de manera efectiva.

Una lista creciente de funciones y complementos de Adobe XD

“A través de las integraciones con Creative Cloud, podemos hacer que nuestros clientes estén más contentos y sean más productivos conectándolos sin problemas a todos los servicios que usan y a un suministro interminable de herramientas que amplían nuestras aplicaciones de manera potente y personalizada”.– Vijay Vachani, Director, Head de plataforma y ecosistema de socios, Adobe Creative Cloud.

Tan "liviana y básica" como pueda parecer, la interfaz de Adobe XD maneja sistemas de diseño complejos y bibliotecas de símbolos, lo que permite a los diseñadores crear y actualizar diseños intrincados con facilidad. Igual de importantes para el diseño y el proceso de prueba del usuario son las sofisticadas herramientas de animación y prototipos de XD. Cuando un diseñador está listo para recibir comentarios sobre los diseños, los complementos de UserTesting y Userlytics les permiten hacerlo sin salir del programa.

Crear la mejor herramienta de diseño de UX que tendrá todas las características correctas es lo que buscan empresas como InVision, Adobe y otras. La tarea es enorme y complicada, por lo que una de las formas de lograr este objetivo es que las plataformas desarrollen complementos (y alienten a otros a hacer lo mismo).

El reciente anuncio de Adobe de un fondo de diseño de $10 millones para este propósito exacto demuestra la importancia de respaldar los complementos e incentivar a los desarrolladores para que los creen. Durante la reciente conferencia de Adobe MAX, hubo varios anuncios importantes sobre complementos, kits de interfaz de usuario e integraciones de aplicaciones para expandir la utilidad de Adobe XD.

Si bien Sketch es una excelente herramienta de diseño, lo que la hace realmente excelente es la disponibilidad de complementos de terceros como Runner, Color Accessibility Check, Magic Mirror, Auto Animate, etc. Adobe XD está intensificando su juego con complementos como RenameIt, Pixel Perfect , Data Generator, etc. e integraciones con Trello, Dribbble, Google Sheets, etc.

Al invertir dinero en hospedar y apoyar el talento emergente en Adobe Creative Residency, Adobe mantiene la importante ventaja de su ecosistema. Otro elemento clave del éxito futuro es otra cosa que el equipo de Adobe XD está haciendo bien: escuchar al usuario final e involucrarlo en el proceso de desarrollo invitándolo a sugerir y votar a favor de las próximas funciones que se desarrollarán.

Desde el principio, Adobe XD se posicionó como un "producto de diseñadores para diseñadores" y mantienen fielmente ese rumbo. Cada mes, se implementan nuevos conjuntos de características. Por ejemplo, solo en los últimos meses, Adobe presentó nuevas funciones de Adobe XD como Responsive Resize, Timed Transitions, Spell Check, integración con Jira y más.

Adobe también anunció recientemente la incorporación de prototipos de voz al conjunto de herramientas de Adobe XD. No es la característica más obvia que esperaría de una herramienta de diseño de IU de pantalla, pero las IU de comando de voz son cada vez más comunes.

Desde Siri hasta Alexa y otras experiencias más allá de la pantalla, la interacción basada en la voz está ganando terreno. La creación de prototipos de voz única de Adobe XD brinda a los diseñadores la ventaja para mantenerse al día con esta tendencia de rápido crecimiento.

Ampliación de la caja de herramientas de un diseñador

Los diseñadores que trabajan con una variedad de empresas y en diferentes proyectos probablemente necesitarán un espectro de habilidades para resolver problemas. Una caja de herramientas de diseño más amplia puede ser una gran ventaja sobre otros posibles candidatos. Esto es especialmente importante para los trabajadores independientes que pueden estar trabajando con diferentes clientes cada pocos meses; tarde o temprano, aparecerá un proyecto que requiera un conocimiento experto de una herramienta de diseño específica. No estar familiarizado con esa herramienta puede significar la pérdida de un compromiso potencial.

Existe cierto debate sobre si un diseñador debe centrarse en ampliar su repertorio en lugar de perfeccionar una especialización en particular. Adobe XD es rápido, gratuito y fácil de aprender; no hay nada perdido en dar el paso y expandir su versatilidad.

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

• Las mejores herramientas UX (con infografía)
• Figma vs. Sketch vs. Axure: una revisión basada en tareas
• Diseño de una VUI: interfaz de usuario de voz
• Los mejores portafolios de diseñadores de UX: estudios de casos y ejemplos inspiradores
• Prototipo con facilidad: un tutorial de InVision Studio