Ilustración de una mano azul sosteniendo un puntero de mouse.

Herramientas

Descubre el software más usado por los diseñadores experiencias.

Las tres herramientas principales de wireframing, diseño de interfaces y prototipado

Los profesionales en diseño de experiencia de usuario (UX) desempeñan un papel crucial al trazar la trayectoria que sigue un usuario al interactuar con un producto o servicio, moldeando tanto su experiencia funcional como su aspecto visual. Estos expertos suelen emplear diversas herramientas de diseño, abarcando desde wireframing hasta la creación de prototipos. La colaboración es clave en este proceso, dado que muchos diseñadores de UX colaboran estrechamente en equipos más amplios dedicados al diseño de productos o UX/UI.

Ilustración del icono de Figma en una mano.

Figma

Una herramienta en línea gratuita para usuarios individuales y equipos pequeños, se emplea en el diseño de interfaces (UI), experiencia de usuario (UX), diseño gráfico y wireframing. Está basada en web, así que puede utilizarse en cualquier ordenador que tenga acceso a un navegador.

Ilustración del icono de Sketch en una mano.

Sketch

Una aplicación de diseño exclusiva para macOS, disponible mediante una suscripción mensual asequible. Es una herramienta basada en vectores especializada en el diseño de interfaces de usuario (UI) y experiencia de usuario (UX) para sitios web y aplicaciones móviles.

Ilustración del icono de Adobe XD en una mano.

Adobe XD

Una herramienta de diseño vectorial que se adquiere mediante una suscripción mensual. Se emplea para la creación de wireframes, prototipos, maquetas y diseños completos. Compatible con Mac y Windows, cuenta con versiones para iOS y Android que facilitan la vista previa y presentación en móviles.

Otras herramientas para diseñadores UX

Existen numerosas herramientas adicionales que varían según las necesidades específicas de cada diseñador de UX. A continuación, mencionamos algunas de las más destacadas.

Imagen de pantalla de computadora con la interfaz de Balsamiq para prototipado web.

Balsamiq Wireframes

Balsamiq Wireframes es una herramienta de diseño de wireframes gratis disponible tanto para usuarios de Mac como de Windows. Esta sencilla y eficaz aplicación basada en web permite a los diseñadores crear rápidamente estructuras alámbricas. Aunque destaca por su estilo dibujado a mano, recordando el diseño en una servilleta, su facilidad de uso se evidencia en la capacidad de arrastrar y soltar elementos, reduciendo la curva de aprendizaje. A pesar de carecer de animaciones de alta fidelidad, ofrece una amplia biblioteca de elementos de interfaz de usuario y ejemplos de diseños para diversas plataformas.

Diseño de interfaz de usuario para un sitio web con colores variados. Captura de pantalla de la app herramienta para UX InVision.

InVision

InVision es una herramienta de creación de prototipos utilizada por grandes empresas como Spotify, Amazon, HBO y Netflix. Con funcionalidades de creación de maquetas y prototipos interactivos, esta herramienta basada en la nube es compatible con todos los sistemas operativos y dispositivos. InVision permite importar diseños existentes y transformarlos en prototipos interactivos, con un nivel gratuito y un plan Pro a $9,95 al mes que ofrece colaboración y creación ilimitada de documentos.

Una captura de pantalla de GIMP que muestra una foto nocturna de una ciudad en la pantalla de la computadora.

Gimp

GIMP es un programa de diseño gráfico de código abierto y gratuito diseñado para la manipulación, edición, dibujo e ilustración de imágenes. Compatible con macOS, Windows y Linux, GIMP es un proyecto desarrollado por un grupo de voluntarios en su tiempo libre.

Si bien no posee todas las funciones de Photoshop, GIMP es una alternativa valiosa y sin costo que ofrece una opción eficiente y rentable para principiantes. Al aprender a utilizar GIMP, puedes adquirir los fundamentos del diseño sin realizar una inversión significativa. Su enfoque de código abierto y su gratuidad de por vida hacen de GIMP una herramienta accesible para aquellos que desean explorar el diseño de UX y aplicar estos conocimientos en su trayectoria profesional.

Fotografía de perfil de Donald Norman.

Si deseas crear un gran producto, debes comenzar por comprender a las personas que lo utilizarán.

Don Norman, cofundador y director de Nielsen Norman Group

Una foto de una sandía siendo editada en Photoshop. Interfaz de Adobe Photoshop capturada en pantalla.

Adobe Photoshop

Adobe Photoshop, ampliamente utilizado en el diseño gráfico, está disponible para Mac, Windows e iPad. Reconocido por su poderosa edición de imágenes, Photoshop es ideal para manipulación de imágenes y fotografías. Aunque su curva de aprendizaje puede ser pronunciada, su profundidad y versatilidad son incomparables. Adobe ofrece opciones de suscripción, incluido el paquete Creative Cloud, que brinda acceso a todas sus aplicaciones, con descuentos disponibles para estudiantes y profesores.

Póster de abstracción líquida en Adobe Illustrator.

Adobe Illustrator

Adobe Illustrator, parte de la suite Creative Cloud, es un programa de diseño vectorial disponible para macOS y Windows. Destacado por su capacidad para crear gráficos web, íconos y elementos de interfaz de usuario, Illustrator es una herramienta poderosa utilizada en la industria del diseño. Aunque puede ser más desafiante para principiantes, dominar Illustrator puede ser esencial en el conjunto de habilidades de un diseñador. Adobe ofrece suscripciones mensuales con descuentos para estudiantes y profesores.

Actualización de la apariencia de la aplicación web.

UXPin

UXPin es una herramienta de creación de prototipos y diseño de wireframes basada en web, utilizada para crear aplicaciones e interfaces web. Con precios a partir de $19 al mes, ofrece funcionalidades para llevar diseños desde esquemas hasta prototipos finales. La facilidad de aprendizaje, la colaboración rápida y la profundidad de funciones hacen de UXPin una excelente opción para principiantes y autónomos. Grandes marcas como HBO, PayPal, Microsoft y Netflix respaldan su uso. Estudiantes pueden acceder al servicio de forma gratuita enviando sus ID de estudiante.

¿Quieres saber más?

¡Salta a la siguiente píldora de contenido y acércate un paso más a la utopía de los usuarios!

Ilustración de una diseñadora UX y UI sosteniendo una pantalla de navegador.
Ir al contenido