Estas herramientas UX permiten afrontar las diversas etapas del flujo de trabajo de un proyecto, desde la investigación hasta el diseño, pasando por el prototipado y la entrega final. Basta con darse una vuelta por la web de la prestigiosa marca de Audi, por citar un ejemplo, para comprobar como técnicas asociadas a una nueva UX con diseños de UI han hecho posible que la marca renazca de su diseño clásico y tradicional. En función del dispositivo desde el que visites la web, o inicies sesión en tu perfil, obtendrás una experiencia adaptada a tu pantalla y potencia de los gráficos, con posibilidad de utilizar configuradores de coches y personalizarlo a tu gusto.
En definitiva, se trata de ofrecer al usuario la información que está buscando al instante de manera accesible, limpia e intuitiva, ya se trata de una aplicación móvil o bien, lo haga a través de un simple navegador web. Si resulta que trabajas en el sector o comienzas a hacer tus primeros pinitos en el diseño de interfaz, a continuación te mostramos una completa lista de las principales herramientas de diseño UX disponibles en el mercado. Consulta también nuestro artículo sobre las mejores máquinas virtuales para instalar Windows en Mac si resulta que necesitas utilizar Windows en tu Mac.
Las mejores herramientas UX para diseñadores
Adobe XD
Adobe Experience Design CC, también conocido como Adobe XD (que significa diseño de experiencia) fue lanzada en 2016 como parte de Creative Cloud. Desde entonces se ha ido afianzando como una completa herramienta de diseño UX de lo más eficiente. Como oferta de Adobe para los diseñadores de UI y UX, permite diseñar aplicaciones móviles y páginas web, recibiendo actualizaciones casi mensuales muy centradas en funciones para diseñadores. Adobe XD te permite controlar y personalizar tu experiencia, obtener retroalimentación en vivo y previsualizar los proyectos en tiempo real sobre dispositivos móviles. Con la última actualización de XD, los diseñadores pueden trabajar con herramientas de terceros y obtener una vista previa de los archivos XD almacenados en Dropbox. Con el prototipado interactivo, 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, algo que es posible con otras herramientas similares. Siempre es posible probar de manera gratuita Adobe XD Starter Plan, durante un período de tiempo, disponible para Mac, Windows y aplicaciones móviles de iOS y Android. La versión única de Adobe XD presenta un plan mensual de 12,09 € al mes.
Framer
La herramienta de Framer rivaliza con otras de mayor renombre como Adobe XD o Invision. Ofrece todo lo necesario para el diseño, prototipado y desarrollo, con la posibilidad de llevar a cabo animaciones y compartir el trabajo con grupos de usuarios. Framer está muy centrada en el diseño de diversos tipo de pantallas y en la creación de prototipos interactivos. Como ocurre con Adobe XD, es posible hacer diseños que cobren vida con interacciones y animaciones. La compañía con sede en Ámsterdam ofrece una versión de prueba gratuita de 14 días, con planes posteriores que comienzan en los 12 dólares al mes, con actualizaciones ilimitadas de los productos y posibilidad de afrontar ilimitados proyectos. Puedes comenzar la versión de prueba de 14 días.
InVision
De Invision cabe destacar la potencia ofrecida por las herramientas centradas en la creación de prototipos, que te permiten crear rápidamente maquetas interactivas con experiencia web real. También ofrece prototipos móviles con gestos con posibilidad de iniciar pruebas de usuario desde un iPhone, incluidas grabaciones de pantalla, vídeos y audio de usuarios que prueban sus prototipos. A finales del pasado año, InVision anunció que su nuevo diseño digital y la aplicación de UX serían gratuitas para todos los usuarios. InVision ha lanzado Studio, un rival de XD, Photoshop, Illustrator y Sketch, así como de cualquier herramienta orientada al diseño de aplicaciones y sitios web. Puedes trabajar en diseños para un tamaño o tipo de pantalla específico, así como ver ese diseño adaptado automáticamente a otros dispositivos. La biblioteca de activos puede ser compartida entre equipos de personas, y los diseños se pueden cargar rápidamente a la plataforma InVision para compartir con otros dentro de una organización. Puedes comenzar a utilizar la plataforma de Invision aquí.
Sketch
Sencillo, eficiente y aclamado entre los profesionales, es una pieza clave dentro del mundo del diseño hasta el punto de que algunos usuarios lo han adoptado dejando atrás al mismísimo Photoshop para retocar tus fotos y proyectos. Y es que son muchos los que a estas alturas opinan que sus capacidades para crear diferentes capas para cada nuevo objeto significa que te permitirá ser más creativo con el desarrollo y las combinaciones para plantearlo en el proyecto. Puedes poner a prueba la versión gratuita de Sketch durante un período de 30 días. Su licencia anual que garantiza las actualizaciones tiene un precio de 110 € al año.
Gliffy
Gliffy te permite crear diagramas de flujo, esquemas, diagramas UML, mapas de sitios web y mucho más a un precio razonable y sin necesidad de llevar a cabo descargas de software. Realmente te permite crear cualquier tipo de diagrama para organizar tus pensamientos e ideas, ya sea que quieras almacenarlas para consultarlas posteriormente, o bien, compartirlas con desarrolladores o grupo de trabajo. Ofrece diversos planes de precios en función de si pretendes tener una licencia personal o de equipo, las cuales parten de los 4,99 dólares mensuales. También puedes generar archivos en PDF para compartir los borradores de los trabajos de manera universal. Puedes solicitar aquí la versión de prueba de Gliffy.
OmniGraffle 7
De entrada te diríamos que esta herramienta solo beneficiará a los usuarios de dispositivos Apple, ya que OmniGraffle va dirigido a usuarios de Mac e iOS, hasta el punto de tener que comprar ambas versiones de la aplicación por separado, lo que incrementa su coste. Frente al resto de herramientas UX aquí analizadas, OmniGraffle perteneciente a OmniGroup ofrece una forma avanzada de representar visualmente las ideas, las tareas y las actividades mediante esquemas y diagramas. Como sucede con el resto, puedes echar un vistazo a la versión de prueba de 14 días antes de comprar las versiones de cada dispositivo, con un coste de 99,99 dólares para el Mac y de 49,99 dólares para iOS.
Visio Online
Visio Online de Microsoft crea diagramas de forma rápida y sencilla, con la ventaja de que puede vincularse con muchos otros servicios de Microsoft, como pueda ser Excel, así como con el servicio de almacenamiento en la nube OneDrive. No necesitas instalar ningún plugin adicional. El diseño sencillo y simple facilita enormemente el hecho de moverte y desplazarte por sus opciones y herramientas, ofreciendo para ello infinidad de gráficos y diagramas de inicio preconcebidos, así como consejos y trucos de uso. Los planes de precios comienzan en 4,20 € al mes con un compromiso de uso anual, aunque también existe el Plan 2, ideal para aquellos que trabajan en equipo y buscan compatibilidad mejorada con dibujos de AutoCAD, entre otros.
Axure
Otra gran herramienta de prototipado con la que podrás diseñar y compartir los proyectos gracias a el servidor que proporciona en el que es posible publicar los prototipos de manera privada asociada a documentación y especificaciones interactivas. Puedes crear diagramas simples a golpe de ratón, así como prototipos con interacciones basadas en datos sin tener que escribir una sola línea de código. También es especialmente bueno manejando wireframe, las representaciones de menor calidad que muestra los elementos de una web, así como su flujo de navegación y ubicación. Puedes probar Axure durante un amplio período de 30 días, con versiones tanto para macOS como para Windows. Los precios que maneja la aplicación varían entre los 29 dólares por mes para la versión Pro, y los 49 dólares para la modalidad de grupo.
Proto.io
Para entornos de aplicaciones web, Proto.io es sorprendentemente potente. Tiene muchas funciones para crear aplicaciones móviles, y aunque pueda resultar un tanto abrumadora por el gran número de posibilidades, contempla la posibilidad de arrastrar y soltar. También puedes diseñar en Proto.io o importar diseños desde otras soluciones alternativas como Sketch o Photoshop, lo cual es bastante útil. Puedes compartir proyectos con los clientes, crear vistas previas, o usar múltiples pantallas para un único proyecto. Como buena aplicación basada en la nube, tan solo podrás utilizarla si el equipo dispone de conexión a Internet. A su favor cabe destacar que Proto.io también ofrece una aplicación Proto.io Player, tanto para iOS como para Android, para probar los prototipos en el dispositivo real. Pruéba Proto.io gratis durante 15 días, antes de adquirir la versión completa por un precio de 24 dólares al mes para un único usuario.
Photoshop
Lo bueno de Photoshop para UX es que, probablemente, ya lo tengas. Súmale a esto el que estés familiarizado con la herramienta. Pero son muchos los que se preguntarán si ¿es adecuada para el diseño de UX? No olvidemos que fue desarrollada como un editor de fotos, no como una herramienta de diseño de UX. Es por ello que muchas agencias de diseño digital están cambiando a otras soluciones como Sketch o InVision. Pero Adobe es consciente de que el futuro para por entornos UX, motivo por el cual, muchas de las extensiones que son lanzadas van destinadas a UX. Y es que en determinadas áreas como pueda ser la animación, el manejo de fuentes y el color, Photoshop continúa siendo mejor para poder abordar las últimas etapas del diseño de UX: las maquetas de alta calidad, que son para lo que está hecho. El precio actual de Adobe Photoshop es de 36,29 € al mes, con posibilidad de adquirirlo como parte de Adobe Creative Cloud por solo 24,19 €. Alfonso lleva más de 20 años escribiendo y analizando productos de tecnología de consumo. Formó parte de la revista impresa PCWorld y, años después, se enorgullece de seguir siendo crítico en las reviews de productos que realiza.
