Adobe XD es la última incorporación a la nube creativa del gigante del software. Sus siglas corresponden a Adobe Experience Design, porque su objetivo es, precisamente, diseñar experiencias. Por ejemplo, que cuando vas a comprar en tu ecommerce preferido, el checkout transmita confianza. Que localizar en el catálogo los zapatos que necesitas sea rápido. O que buscar restaurantes en el mapa de una app sea entretenido.
Pero seguro que ya sabes lo que es la experiencia de usuario o UX, ese aspecto del diseño que apela a las emociones y que, por cierto, se ha convertido en una de las especialidades más demandadas. Para trabajarla, existen varias soluciones en el mercado, no solo Adobe XD. Pero tratándose de la misma casa del Photoshop y el Illustrator, no podíamos evitar hablar de ella. Así que si tienes entre manos una web o una app, o quieres que tu negocio dé el salto online, presta atención.
¿Merece la pena Adobe XD? ¿Qué puedo crear con él? ¿Por qué es tan importante la User Experience si solo voy a tener una web personal? Vamos a verlo.
Qué es Adobe XD y para qué sirve
Adobe XD lleva en el mercado desde 2015, aunque por entonces tenía otro nombre (Project Comet) y pasó un tiempo en modo beta. Hasta su aparición, no existía en Adobe ningún software específico para diseñar la experiencia de usuario (la navegación, el hacer clic, el scroll…), lo que viene a demostrar el impulso que la User Experience ha cogido en los últimos años (piénsalo, ¿cuántas veces has abandonado un carrito de compra online solo porque no te gustaba el proceso de checkout?).
En la actualidad, Adobe XD forma parte del Adobe Creative Cloud, ya sabes, ese servicio en la nube que te permite dar rienda suelta a tu creatividad sin necesidad de ocupar espacio en tu disco duro.
Su definición formal dice que se trata de un software para crear y compartir interfaces para webs y apps, con el foco puesto en la experiencia de usuario. Y, también, para compartir prototipos y así poder contar con feedback sobre el uso real del producto (no es lo mismo que tu cliente sepa que de esta pantalla se pasa a la otra, a que lo experimente, ¿verdad?).
En la práctica, es una potente herramienta para crear diseños adaptados a cada dispositivo, trabajarlos en equipo y ser ágiles en el día a día.
Así se trabaja con Adobe XD
Cuando abres el programa, tienes dos opciones: Diseño y Prototipado. En la primera es donde escoges el color para los botones, el tamaño de letra, la proporción de las imágenes o los márgenes de la pantalla. Eliges la mesa de trabajo (¿iPhone?, ¿desktop?, ¿Samsung Galaxy Tap?) y te pones a crear. Así de sencillo.
En Prototipado es donde creas las interacciones, esto es, qué pasa cuando el usuario pincha en todos y cada uno de los puntos clicables de la interfaz. Y una vez que tu proyecto esté listo para recibir feedback, lo compartes. La persona a la que le llegará el enlace podrá hacer clic, ir adelante y atrás, hacer scroll… vamos, navegar.
Esta opción de compartir tu prototipo, así como de recibir comentarios sobre cada uno de sus elementos, es uno de los puntos fuertes de Adobe XD. Y una de las claves de todo buen diseño de la User Experience: ningún producto digital debería salir ahí fuera sin un test de usabilidad.
La herramienta te permite, también, trabajar en línea con el resto de tu equipo, guardar el historial de cambios para poder acudir a una versión anterior, y editar en vivo, entre otras funcionalidades (sí, como en Google Docs). El objetivo es que el trabajo de diseño de la UX sea más ágil y que el resultado final se parezca a lo que figuraba en la mesa de trabajo.
Si eres fan de los tutoriales en YouTube, no te pierdas esta breve clase para empezar a trabajar con Adobe XD.
¿Qué alternativas hay a Adobe XD?
La competencia de Adobe XD es fuerte. De hecho, si has trabajado en la puesta en marcha de un producto digital, o en su renovación, probablemente te suenen Sketch, Figma o InVision. Ellas son las tres grandes rivales de la última creación de Adobe. Y creemos que te sonarán porque, sobre todo las dos primeras, son las más populares en el mercado.
Cualquiera de ellas te permite trabajar en equipo, diseñar distintos tipos de interacciones y ofrecer una preview para mostrarle a tu jefe o al cliente. Entonces, ¿en qué se diferencian? Como casi todo en el mundo del software, la clave está en los detalles.
Sketch es la herramienta más extendida, por lo que es probable que el resto de tu equipo, interno o externo, ya la conozca. Lo malo es que de momento solo funciona para Mac.
Figma permite trabajar directamente desde el navegador web, es decir, no tienes que instalar ningún tipo de software en tu equipo, por lo que es una herramienta muy útil para compartir con otros (los desarrolladores, el cliente, el equipo de Content…).
InVision, por su parte, es el complemento perfecto para generar un prototipo a partir de otra plataforma de diseño. De hecho, es común combinarla con Sketch.
Y Adobe XD ofrece opciones de diseño y prototipado muy completas y, si ya usas PhotoShop para las creatividades, Illustrator para los gráficos o Premiere para editar vídeo, su interfaz te resultará familiar.
UX, ¿basta con utilizar un software?
En absoluto. El software, ya sea Adobe XD o cualquiera de las alternativas, es la herramienta de trabajo del diseñador UX, pero una buena experiencia de usuario no se consigue solo con botones molones e interacciones elegantes. El diseño comienza con la investigación. ¿De qué? De los usuarios de la web o app. Qué les interesa, que les hace ilusión y qué les aburre, qué piden a un ecommerce o a una página corporativa.
Es necesario establecer ese perfil de usuario y su customer journey (el recorrido desde que llega a la web o app hasta que se convierte en cliente). El siguiente paso consistiría en el diseño de la experiencia y, a continuación, el test, donde entrarían en juegos los prototipos.
La UX es más complicada de lo que puede parecer a simple vista, pero también imprescindible para tener éxito digital. Por eso, forma parte del temario de la carrera Edix de Experto en Growth Marketing. Para conseguir más usuarios, más suscriptores a la newsletter, más compradores, más referencias…. la experiencia de utilizar la web o la app tiene que ser… maravillosa.
El artículo Adobe XD, sí o no: te contamos para qué sirve fue escrito el 7 de septiembre de 2020 y actualizado por última vez el 7 de noviembre de 2022 y guardado bajo la categoría Consejos para la vida digital. Puedes encontrar el post en el que hablamos sobre bajo las siguientes etiquetas Apps y Software.
Escrito por
Redacción Edix
Los Expertos Digitales necesitan estar al día para hacer un buen trabajo. ¿Conoces las últimas tendencias en tecnología, negocios o productividad? Nosotros te las contamos.
Ver anteriorNecesitas un OKR champion en tu equipo ya Ver siguienteEstudio ‘Empleo, teletrabajo y vuelta al cole’
03 · 01 · 2023
Cómo ser youtuber: 10 claves y consejos para el éxito
El Rubius, Liza Koshy, The Grefg, Ibai, Yuya, Auronplay, Dulceida, Cristinini, Patry Jordan, Paula Gonu…todos ellos son youtubers con millones de suscriptores que viven de monetizar sus vídeos en esta plataforma. ¿Quieres ser youtuber pero aún tienes muchas dudas? Descubre las claves para empezar un canal de Youtube desde cero y llegar a ganar dinero con tus videos. ¡Y recuerda, dale a Like si te ha gustado este contenido o déjanoslo en comentarios!
04 · 01 · 2023
Los 4 principios de la seguridad informática y su implementación
Los departamentos de ciberseguridad de las empresas trabajan los 4 principios de seguridad informática: la confidencialidad, la integridad, la disponibilidad y la autenticidad de la información con la que cuenta la corporación. Cada uno de ellos tiene objetivos y acciones concretas propias. Para proteger los datos y la información de una empresa se deben cumplir los principios de seguridad informática. Descubre cómo implementarlos.
13 · 10 · 2022
Cómo ser creador de contenido
Seguro que sigues a muchos creadores de contenidos y te preguntas cómo lo hacen, cómo han llegado hasta ahí o cómo han conseguido una comunidad tan numerosa e implicada. Pues bien, hay una metodología para ser como ellos. Hoy en Edix, explicamos paso a paso como ser creador de contenido. ¡Síguenos!
11 · 07 · 2022
Los negocios más rentables en España en 2021
La economía y el trabajo evolucionan y, aunque se han visto afectados por la pandemia, muchos sectores han sabido sacar la rentabilidad. Hoy descubrimos los negocios más rentables en España en el 2021. Tanto si estás pensando en emprender, como si quieres invertir, debes tenerlos en cuenta.
FAQs
¿Qué es Adobe XD y para qué sirve? ¡Te lo contamos todo!? ›
Adobe XD permite a los diseñadores de UX diseñar experiencias de usuario interactivas para aplicaciones web y móviles, utilizando una sola aplicación. Puede realizar diseños rápidos y sencillos en las mesas de trabajo de XD.
¿Cuál es la importancia de Adobe XD y la educación? ›Adobe XD es una habilidad ideal para que los diseñadores web y los desarrolladores de UX/UI aprendan como una herramienta de diseño de interfaz web dedicada . La facilidad con la que permite a los usuarios crear prototipos funcionales de páginas web hace que el proceso de prueba e iteración de diseños sea más rápido y eficiente que nunca.
¿Cómo funciona XD? ›Adobe XD, o Adobe Experience Design, es una herramienta de edición de gráficos que funciona para crear interfaces de páginas web y de aplicaciones. Permite al diseñador enfocarse en la experiencia del usuario al navegar, con un rango mínimo de error y en el menor tiempo posible.