Adobe Experience Design, caballo que alcanza gana.

Abstract

Adobe Experience Design es un programa desarrollado por Adobe ateriormente llamado Proyecto Cometa. LLega a un mercado repleto de aplicaciones web y programas desarrolaldos tanto para Mac OS como para Windows. De momento lo encontramos en su versión BETA, gratuita para ambos sistemas operativos. Adobe Experience Design tiene una interfaz de usuario limpia y sencilla de aprender. Aunque sus herramientas son limitadas por el momento, son mas que suficientes para competir con Sketch, Framer, Figma, etc.

El gran acierto de Adobe Experience Design es unir diseño (Interfaz de usuario) y Pototipado (Experiencia de usuario) en un sólo programa. No que sea nada nuevo, ya hay otras iniciativas que lo hacen. Sin embargo Adobe Experience Design cuenta con el enorme respaldo de ser un programa desarrollado por Adobe. Esperamos que Adobe siga teniendo aciertos en el desarrollo de Adobe XD ya que mes con mes nos ha presentado actualizaciones. Si quieres conocer mas a fondo sobre su funcionamiento continúa leyendo este artículo.

.   .   .

Un poco de contexto

Adobe Experience Design es la apuesta de Adobe por recobrar el terreno perdido ganado por Sketch y similares. Si bien ya existen muchas opciones en el mercado Adobe XD llega pisando fuerte y sabiendo a que nicho se dirige. No cabe duda que Adobe ha puesto toda la maquinaria a trabajar. Esto se nota en su ambición por abarcar tanto diseño de interfaces como creación de prototipos en un sólo programa. Y al menos de momento les está saliendo bien. Actualmente Adobe XD se encuentra en versión de BETA tanto para Mac como para Windows. En lo personal lo uso en ambos ecosistemas y he podido vivir su evolución en ambos. En general es bastante similar el uso que se tiene en Mac o Windows. Adobe se ha comprometido a mantener una actualización cada mes en ambas versiones y hasta el momento lo ha cumplido.

Adobe Experience Design y su interfaz

La interfaz de usuario de Adobe Experience Design es por el momento un ambiente amigable y sencillo de usar. Luce practicamente igual en ambos sistemas operativos. Algo que no debe sorprendernos ya que esto sucede en todos los productos de Adobe.

Pestaña de Diseño

Adobe Experience Design separa su interfaz en dos pestañas, diseño y prototipo. En Diseño podrás encontrarr por el momento herramientas básicas para generar una interfaz, cuadro, circulo, linea o dibujo libre con pluma. Podrás colocar tantas mesas de trabajo como necesites, siempre y cuando quepan en tu ambiente de trabajo. Colocar y editar texto, aunque por el momento las opciones de edición son bastante limitadas.

También podrás establecer el alto visible que tendrá tu prototipo y a partir de que medida empezará a hacer scroll vertical. Esta función va a necesitar muchas mejoras ya que por el momento deja mucho que desear. Si bien al principio no se contaba con esta opción, la mejora reciente fue sólo una ligera probada del potencial que se puede desarrollar. Plataformas dedicadas al desarrollo cuentas con opcione smas desarrolladas al respecto y facilmente opacan a XD en esta funcionalidad.

Otra de las herramientas que podrás encontrar en esta pestaña es la de Repeticion en cuadricula. Diseñar un elemento y repertirlo horizontal o verticalmente las veces que desees. Podrás establecer la distancia entre los elementos repetidos y sólo te bastará con editar 1 elemento para que los cambios se realicen automaticamente en los demás. Una función similar puedes encontrar en Sketch con la ayuda de uno de sus pluggins y es probable que en este se hayan inspirado.

Diseñar una interfaz de usuario que te permita consolidar un proyecto serio.

En esta pesataña también podrás ver las capas de las que se conforma cada mesa de trabajo. Esta funcionalidad fue añadida hace apenas unos meses en su version Windows aunque los usuarios Mac ya habían podido experiementar su uso con aterioridad. Por el momento no hay mucho opciones que se puedan realizar, arrastar, cambiar de nombre, copiar y exportar. Queda fuera la opción de esconder que esperemos añadan pronto.

Otra de las herramienta  en esta pestaña es la de la lista de simbolos. Se encuentra en la parte inferior derecha justo por encima del icono de capas. En el podrás visualizar todos los elementos que hayas establecido como un simbolo. Por si no estás familiarizado este tema te platico. Un simbolo es un elemento diseñado con cierto tamaño, fuente, color y distancia, que se repetirá constantemente dentro de nuestra interfaz.

Una vez diseñados podrás ocuparlos una y otra vez. Su edición modificará a todos los simbolos iguales que hayas colocado dentro del proyecto. Si bien puedes modificar el texto, si es que tu simbolo lo incluyera, no podrás borrarlo o modificar su tamaño o distancia.Los simbolos son de mucha ayuda ya que te ayudarán a mantener consistencia y agilizarán el desarrollo de nuestro proyecto. Esta es otra de las herramientas en las que esperamos Adobe XD ponga más a tención ya que por el momento es muy limitado su uso y edición.

Pestaña de Prototipo

Sin duda este es el acierto que más resalta de Adobe XD. Siendo honestos casi con cualquier programa puedes diseñar una interfaz de usuario. Con algunas como Adobe XD y Sketch esto resulta más sencillo. Y claro teniendo como base los conocimientos básicos sobre las guías de diseño tanto de iOS como de Android. Y teoria del diseño, pero esto creo está de más decirlo. Resulta medianamente sencillo lograr ese objetivo. Sin embargo generar un prototipo de ese diseño, con el cual un usuario pueda interactuar es hariana de otro costal. Adobe Experience Design ha añadido la pestaña de Prototipo. Y con esta le podemos brindar vida a nuestra interfaz.

Las interacciones que podemos generar aún son bastante básicas pero con esto es mas que suficiente , al menos de momento, para tener un producto de calidad. Respecto a este punto aún no sabemos si Adobe se va a enfocar en generar prototipos de calidad media o va a desarrollar una herramienta más compleja. Esta será una desición importante ya que hay productos como Framer y Origami Studio que se han enfocado en crear prototipado de alta calidad. Apostando mas por su simbiosis con Sketch gracias a los pluggins que han desarrollado. Competir con ellos puede ser tan atractivo como peligroso. Personalmente espero que Adobe XD decida irse por este mercado. Y desarrollas así un producto global.

Compartir y poner a prueba tu proyecto

Antes de empezar a describirte la función de «compartir» te recuerdo que Adobe XD está en etapa de desarrollo. Precisamente por esta razón es que me parece que la funcionalidad actual cumple perfectamente con su objetivo. Si estas familiarizado o no con plataformas como Invision o Marvel debes saber que hay un número limitado de proyectos que puedes tanto crear como compartir. Al igual que si usas Flinto los prototipos generado sno se pueden compartir más que vía grabación. Y así la lista contínua. En general en todas las plataformas que alojan o generan los prototipos la cantidad que tengas está limitada tanto a la plataforma en si, como a el tipo de licencia que tengas. Pero esto no funciona así con Adobe XD. Los proyectos se comparten a traves de un link generado por el programa. Podrás generar tantos como proyectos tengas.

Por el momento Adobe no ha publicado información sobre costos posteriores en relacion a este tema. Por lo que pienso seguira funcionan de esta manera a lo largo del tiempo.

Diseñadores, desarrolladores y clientes pueden compartir un mismos link para interactuar con el proyecto

Una vez compartido el enlace se lo podrás enciar a cualquier persona, y esta podrá interactuar con el proyecto. Ademas podrá comentar dentro del mismo link y tu podras contentar de vuelta. Cada que e bara un comentario este será una especie de problema sin resolver. En cuanto hayas realizado el cambio podrás actualizar el link antes generado. Siendo honesto la funcionalidad de actulizar el link no funciona del todo al menos en Windows. Sin embargo en MacOs no me ha generado ningun problema al respecto. Si creías que sólo podias visualizar tu prototipo por medio de un link dejame decirte que que Adobe XD nos da más. Tambien podemos visualizarlo por medio de un cable USB directamente en nuestros dispositivos.

Atelié de Tres 2017 – via Adobe Experience Design CC

Previsualización via Cable USB (MacOS )

Por el momento esta funcion sólo está disponible para los usuarios con MacOS. Lo unico que hay que hacer es descargar la aplicación de Adobe XD via AppStore o PlayStore. Una vez instalada la aplicación en tu dispositivo móvil los pasos a seguir los describo a continuación. Primero es importante que tengas abierto tu proyecto. A continuación tendrás que conectar tu dispositívo via USB y  abrir la aplicación en tu dispositivo. Automaticamente se previsualizará tu proyecto en el dispositivo que hayas conectado. Si ya haz agregado funcionalidad a tu prototipo entonces podrás interactuar con los elementos que tengan estas propiedades.

A pesar de que de momento su uso es solamente es via USB su funcionamiento es muy bueno. Ya sea mostrandolo a tu equipo de trabajo o a tu cliente, esta herramienta sin duda añade mucho profesionalismo a tu trabajo. Se ve y siente como si de verdad estuvieramos utilizando un prototipo hecho en codigo. Esto sin duda te ayudará a obtener una retroalimentación mas detallada.

Conclusiones y curva de aprendizaje

Si eres un usuario Adobe podrás darte cuenta que su uso no es muy distante de las demás opciones de la marca. La colocación de las herramientas es similar. Su uso de igual manera. Por estas razones y por experiencia personal creo que no te costará mucho trabajo acostumbrarte a su uso. Con respecto a la parte de prototipado. Esta y cualquier otra herramienta similar aluden a un conocimiento básico y una logica general de cómo interactuar ya sea con una app o con una web. Si ya se que a veces la logica general no es tán general.

Un diseñador es un planificador con sentido del buen gusto.— Bruno Munari Clic para tuitear

En este aspecto te recomiendo que leas sobre Diseño de Interfaces de Usuario (UI) y Experiencia de Usuario (UX). Con estos temas podrás ahondar más sobre interacción y comportamiento de los usuarios. En estos temas podrás encontrar temas multidisciplinarios. Psicología, Sociología, Teoría del diseño, Teorías del color, etc. Son temas muy amplios de los cuales hablaremos en una siguiente entrada.

Si tu caso es el de un diseñador (a) sin experiencia en este tema pero que estás interesad@ por cuestiones laborales actuales, futuras o simple curiosidad. Es el momento perfecto para que descargues este programa. Aprovecha es Gratis. Es el momento perfecto para que aprendas a usar esta herramientaa la par de su nacimiento. Estarás en la posibilidad de experimentar lasmejoras que se van desarrollando poco a poco. Si eres de l@s que mandan mensajes de retroalimentación sobre los problemas que surgen pues este es un momento crucial para integrarte a hacerlo. Al igual que si tuvieras experiencia siempre la recomendación leer constantemente sobre teoria al respecto. Y claro nunca olvidar la multidisciplinariedad de nuestra profesión.

La herramienta sólo sirve para facilitar nuestro trabajo, el verdadero reto es la aplicación de nuestro conocimiento

A nivel personal puedo decir que hasta el momento Adobe Xd es una herramienta confiable. Si bien le falta mucho por recorrer hoy en dia es práctico incorporarla al desarrollo de nuestros proyectos. Esto es más notorio si estás acostumbrado a trabajar en el ambiente de las plataformas Adobe. Respecto a lo limitado de las herramientas de edición y vectorización con las que cuenta actualmente no hay que desesperarse. Esto irá mejorando cada vez más. De momento cuenta con lo necesario para trabajar. Como ya te mencioné yo lo he usado y estoy usando en algunos proyectos actualmente sin ningún problema.

Adobe no estaba muerto andaba de parranda Clic para tuitear

Tomemoslo como lo que es actualmente, sin exigencias de más para esto habrá tiempo después. Debemos que tener claro que aún es un programa en desarrollo y por ello hay varios problemas por resolver aún. Como que se detiene en cualquier momento. Pero seamos honestos ¿Qué programa de Adobe no lo hace?. Hay que tener cuidado con respecto a este asunto, recuerda guardar siempre y de ser posible contar con una copia lo más reciente posible por si se llegara a corromper tu archivo.

En Conclusión aún en su versión BETA es un programa usable. Confiable hasta cierto punto. Relamente no he tenido problemas sobre archivos corrompidos. Si me ha pasado que se cierre muchas veces, pero nada raro en el mundo Adobe. Su mayor fallo al momento es la limitación de las herramientas generales. Veremos que nos depara este segundo semestre del año, esperamos avances significativos en su desarrollo. Esperemos que Adobe XD siga por el camino de los aciertos y dejen el camino de los desaciertos, RIP Muse.

Lo bueno

• Versión gratuita hasta lanzamiento
• Interfaz limpia y sencilla de usar
• Diseño y Prototipado en un sólo lugar
• Posibilidad de compartir prototipo y comentar
• Se puede previsualizar en dispositivos Android e iOS via USB (Sólo para MacOS)
• Curva de aprendizaje poco pronunciada

Lo malo

• Aún en etapa de Desarrollo (BETA)
• Herramientas de edición de texto limitadas
• Sin herramienta de previsualización en dispositivos (Sólo en Windows)
• Precio final desconocido ¿$$?
• Sin fecha de lanzamiento

Material Extra

Descarga desde Adobe

Canal de Youtube de Adobe Creative Cloud CC

Guardar

Guardar

Guardar