Domina tu oficio con estas herramientas UX superiores

Tener las herramientas UX correctas a mano puede ser la diferencia crucial entre tener un flujo de trabajo de diseño colaborativo, fluido y altamente efectivo en general y un flujo de trabajo lento, improductivo y sin responsabilidad.

Es importante mantenerse actualizado con las últimas herramientas y tecnologías, y conocer las formas interesantes en que los diseñadores pueden usarlas para crear y colaborar de manera más eficiente. Algunas herramientas son más eficaces que otras según el tamaño del equipo, la etapa del proceso de diseño y cualquier otra herramienta que ya forme parte del flujo de trabajo.

Echemos un vistazo a las principales herramientas de UX, desde wireframing y prototipos hasta investigación y análisis de UX, que están ayudando a los equipos a hacer cosas increíbles en 2018.

Diseño + Creación de prototipos + Herramientas de transferencia de diseño

Estudio de InVision/InVision

Plataforma: web (se integra con Sketch y Photoshop) y macOS
Precio: desde $13/mes para individuos, o $89/mes para equipos de cinco

Nota: el precio se aplica a la aplicación web principal de InVision, no a InVision Studio, que es gratuita.

Podría decirse que InVision es la herramienta UX más poderosa hasta el momento. Permite a los diseñadores de Sketch y Photoshop importar sus pantallas estáticas y convertirlas en prototipos dinámicos, y permite a las partes interesadas ofrecer comentarios constructivos que luego se pueden convertir en tareas procesables y manejables. Combine eso con sus pruebas de usuario y tecnología de pizarra colaborativa, y la aplicación web de InVision se convierte en una herramienta invaluable y realmente impresionante.

En 2017, InVision lanzó nuevas funciones de transferencia de diseño, y ahora en 2018, InVision se ha convertido en una solución completa todo en uno al presentar su propia herramienta de diseño UX, Studio, que es gratuita e incluye funciones avanzadas de animación y creación de prototipos.

Para los equipos que desean una caja de herramientas completa con una sola suscripción, InVision está aquí.

Enmarcador

Plataforma: mac OS
Precio: $12/mes para usuarios individuales, o desde $250/mes para equipos de tres

En términos de oferta, Framer es la herramienta que más se parece a InVision, ya que ambos combinan una interfaz web madura con una nueva herramienta de diseño de UX. Todo se reduce a la preferencia personal con estos dos, pero mientras que Framer es un poco más barato para las personas, InVision es claramente el hermano mayor cuando se trata de colaboración en el diseño.

figma

Plataforma: web, macOS y Windows
Precio: gratis para equipos principiantes o $12/mes

Figma se destacó del resto desde el principio de su desarrollo como la herramienta líder para el diseño multijugador, lo que permite que varios diseñadores trabajen en el mismo archivo de diseño a la vez. Con la capacidad de crear diseños receptivos y funciones de transferencia adicionales, es impresionante cómo han ofrecido estas funciones en las versiones web, macOS y Windows del producto.

Si disfruta de un flujo de trabajo de diseño enérgico y colaborativo, Figma es para usted.

adobe xd

Plataforma: Windows y macOS
Precio: gratis para 1 prototipo o $20.99/mes para prototipos ilimitados

Cuando Sketch se convirtió en la herramienta n.º 1 para el diseño de interfaces y la creación de tramas, Adobe casi no tuvo más remedio que admitir que Photoshop nunca podría ser la herramienta de diseño de UI que los diseñadores necesitaban. Adobe decidió poner Adobe XD a disposición de los usuarios de Windows donde Sketch no lo hizo, y también incorporó la capacidad de crear prototipos de flujos de usuario e inspeccionar diseños, lo que ayudó a los diseñadores veteranos familiarizados con el ecosistema de Adobe a mantener un flujo de trabajo familiar.

pin UX

Plataforma: web
Precio: desde $8.10/mes para un usuario, con otras opciones para equipos

UXPin es una plataforma completa de diseño de productos que ofrece todo, desde diseño, creación de esquemas, creación de prototipos, colaboración, pruebas de usuario y entrega, todo en una sola aplicación web. La desventaja es que UXPin es una de las herramientas más difíciles de usar debido a la cantidad de funciones, la interfaz desordenada y (a veces) el retraso en el rendimiento que a menudo atormenta a las aplicaciones web voluminosas. Sin embargo, los equipos empresariales que necesitan características impresionantes, como sistemas de diseño y la capacidad de aprovechar los marcos y tecnologías web, como Bootstrap y Google Fonts, no deben pasarlo por alto demasiado rápido.

Herramientas de diseño y creación de prototipos

Bosquejo

Plataforma: mac OS
Precio: $99/año

Photoshop le entregó la corona a Sketch cuando se convirtió en la herramienta de diseño líder tanto para el diseño de interfaces como para la estructuración de cables en 2015 y, a partir de 2017, sigue liderando la carga. El enfoque innovador de Sketch para el diseño de pantalla introdujo características invaluables como mesas de trabajo, símbolos y exportaciones, que luego inspirarían una ola de nuevas herramientas de diseño como Adobe XD, Framer Studio e InVision Studio. Esta herramienta vectorial increíblemente intuitiva (y liviana) ayuda a los diseñadores de UI a iterar mucho más rápido que nunca.

Sin embargo, aquí está el "pero" (y es un gran pero): Sketch no está disponible para Windows, y su decisión de implementar herramientas para diseñadores de prototipos tan tarde en el juego significa que sus competidores se han apoderado rápidamente de este mercado, con InVision. siendo posiblemente la herramienta de creación de prototipos más dinámica disponible en la actualidad. Aunque la funcionalidad de Sketch se puede personalizar con un impresionante catálogo de complementos (incluidas las integraciones con Flinto, Zeplin, Marvel, Principle e incluso los mismos InVision), algunos diseñadores pueden preferir una experiencia más nativa con estas funciones disponibles desde el primer momento. caja.

En general, Sketch es excelente para la creación de ideas y la creación de esquemas, o para aquellos a los que no les importa recargar su caja de herramientas para agregar mejores herramientas de creación de prototipos y colaboración.

Flujo web

Plataforma: web
Precio: una variedad de opciones dirigidas a individuos de un solo sitio, sitios múltiples y equipos

Webflow es un editor WYSIWYG para el diseñador moderno que desea crear sitios web receptivos sin código, e incluso alojarlos, todo con una sola suscripción. Webflow genera un código semántico limpio para que usted no tenga que hacerlo y ofrece características sólidas que permiten a los diseñadores web crear cualquier cosa, desde sitios web estáticos hasta tiendas de comercio electrónico, donde incluso el contenido y el inventario se administran desde el mismo tablero.

Principio

Plataforma: mac OS
Precio: $129/año

Aunque es más una herramienta de creación de prototipos que una herramienta de diseño, la aplicación Principio altamente calificada es para diseñadores que se enfocan en prototipos de alta fidelidad y utiliza animación de línea de tiempo para ayudar a diseñar microinteracciones avanzadas donde Sketch y Adobe XD no lo hacen. Si las funciones de diseño no son lo suficientemente sofisticadas para sus necesidades, Principle se integra con Sketch.

Herramientas de creación de prototipos (solo)

pedernal

Plataforma: mac OS
Precio: $99/año

Flinto lleva las transiciones y las microinteracciones al siguiente nivel con herramientas de animación avanzadas, que incluyen resortes y suavizados, rotación 3D, efectos de desplazamiento e incluso permite a los diseñadores de moda exportar animaciones como videos, GIF y tomas de Dribbble.

Si bien Flinto se enfoca únicamente en la creación de prototipos de interacciones, lo hace bien. Combínalo con Sketch para obtener los mejores resultados.

Origami

Plataforma: mac OS
Precio: gratis/código abierto

Origami es una herramienta de creación de prototipos de aplicaciones desarrollada por el equipo de diseño de Facebook. Si bien es similar a Flinto (menos la etiqueta de precio), no se mantiene con tanta frecuencia como herramientas similares, y su enfoque basado en la lógica para diseñar interacciones da como resultado una curva de aprendizaje más pronunciada.

Para los diseñadores con un presupuesto limitado, vale la pena echarle un vistazo a Origami.

Prototipos + Herramientas de transferencia de diseño

Maravilla

Plataforma: web
Precio: $0-12/mes para individuos o $42-84/mes para equipos

Los equipos empresariales que requieran SSO y funciones de transferencia deben consultar directamente.

Marvel es una herramienta de creación de prototipos en línea conocida por ser una de las más fáciles de dominar; sin embargo, la contrapartida es que no es tan sofisticada como InVision en lo que respecta a las funciones de creación dinámica de prototipos, y requiere integración con Sketch para convertirse en una solución completa de diseño y creación de prototipos. . Dicho esto, se integra con Lookback, lo que trae las pruebas de usuario a la mesa e incluye funciones de transferencia de diseño.

Marvel también permite que los equipos (incluso los que no son diseñadores) elijan una mesa de trabajo e ilustren una idea de baja fidelidad usando formas y texto, lo que la hace ideal para los sprints de diseño (especialmente porque también permite a los usuarios convertir prototipos en papel en prototipos de Marvel de baja fidelidad).

Herramientas de traspaso de diseño (solo)

Zeplin

Plataforma: web
Precio: gratis para un proyecto, $17/mes y $26/mes para tres y 12 proyectos respectivamente

Para organizaciones grandes, su opción de $7.65/usuario/mes ofrece permisos de usuario más avanzados y la capacidad de copiar estilos de color y texto entre proyectos.

Zeplin ha superado constantemente a sus competidores Sympli y Avocode, donde recientemente agregó integraciones de Adobe XD y Figma junto con sus integraciones de Sketch y Photoshop CC ya existentes. Si bien muchas herramientas todo en uno han agregado la transferencia de diseño a su lista de funciones, Zeplin llena el vacío de las herramientas que no lo han hecho (Sketch, Photoshop) y aquellas que aún experimentan con funciones de transferencia (Adobe XD, Figma).

Wireframing + herramientas de creación de prototipos

axura

Plataforma: Windows y macOS
Precio: $29/49/99/usuario/mes para usuarios Pro/Team/Enterprise respectivamente

Las compras únicas de Axure RP 8 también están disponibles desde $495.

Axure está diseñado específicamente para el diseño de wireframes y prototipos aproximados, y viene con características que hacen que la creación de maquetas adaptables, dinámicas y basadas en datos sea tan fácil que olvidará que es una herramienta sin características de creación de prototipos de UX de alta fidelidad. Para los diseñadores que se centran únicamente en estructuras alámbricas y creación de prototipos, Axure es la mejor opción, utilizada por el 87 % de las empresas Fortune 100.

justinmind

Plataforma: Windows y macOS
Precio: $19/usuario/mes, o $39/usuario/mes para equipos empresariales

Justinmind no recibe suficiente amor por lo que ofrece, que son prototipos avanzados de UX, colaboración, algunas herramientas básicas de diseño y también más de 500 widgets web y móviles para wireframing. Wireframing no es algo en lo que se hayan centrado muchas aplicaciones de creación de prototipos de la competencia, lo que convierte a Justinmind en una de las pocas herramientas de UX que lo hace.

Herramientas de Wireframing (solo)

OmniGraffle

Plataforma: mac OS
Precio: $100 o $200 por una licencia Pro

OmniGraffle es una herramienta de wireframing con funciones de creación de diagramas, útil para aplicaciones y sitios web donde el flujo de usuarios o la arquitectura de la información pueden necesitar más atención. Como aplicación nativa de macOS, la interfaz es muy amigable, lo que la convierte en una herramienta UX fácil de dominar.

OmniGraffle tiene una característica muy útil: "plantillas", que son componentes de diseño reutilizables listos para usar, arrastrar y soltar en una "biblioteca de plantillas" que los diseñadores pueden usar para crear estructuras alámbricas, maquetas o incluso diseños visuales finales. Los usuarios pueden crear su propia biblioteca, y también hay miles de bibliotecas de plantillas disponibles en la web para descargar, muchas de ellas gratuitas, lo que ahorra tiempo y esfuerzo.

Graffletopia es uno de los mayores depósitos de plantillas en la web que contiene una combinación de bibliotecas gratuitas y de pago. Con más de 1100 plantillas, Graffletopia tiene plantillas para cada uso: diseño de aplicaciones móviles, sitios web, diagramas de red, diagramas de flujo y más.

Balsamiq

Plataforma: web, macOS y Windows
Precio: desde $90/usuario/año para el acceso a la nube, o $89 para las aplicaciones de escritorio

Balsamiq es lo opuesto a Justinmind, y se centra más en la creación de tramas que en la creación de prototipos. Sus elementos de interfaz de usuario incorporados utilizan una estética visual esbozada para fomentar la lluvia de ideas y están dirigidos exclusivamente a gerentes y desarrolladores de productos, así como a diseñadores de wireframing, lo que permite que equipos completos sean parte del proceso de diseño desde el principio.

Herramientas de investigación y prueba de UX

Mirar atrás

Plataforma: web
Precio: $49/usuario/mes o $99/usuario/mes dependiendo de las características

Lookback introduce pruebas de usuario moderadas y en vivo en el proceso de diseño de UX, lo que permite a los diseñadores grabar la cara, la pantalla y la voz de cualquier persona en el mundo. Para los equipos que utilizan Marvel como herramienta de creación de prototipos, Lookback se integra a la perfección.

Pruebas de usuario

Plataforma: web
Precio: $49/prueba (mín. 15 pruebas), con opciones empresariales disponibles

UserTesting es similar a Lookback en términos de características. Si bien es una excelente herramienta independiente de prueba de usuarios con un gran repertorio de evaluadores de usuarios experimentados (con Marvel, deberá encontrar evaluadores de usuarios usted mismo), UserTesting también se integra a la perfección con InVision.

cantidad de ojos

Plataforma: web
Precio: $499/mes para individuos, $999/mes para equipos de 10 (+ opciones empresariales)

Eyequant utiliza el aprendizaje automático para ayudar a los equipos a tomar mejores decisiones de diseño y mejorar sus esfuerzos de CRO. Su alto precio puede disuadir a algunos clientes, pero aquellos que invierten reciben capacitación sobre cómo simular usuarios, analizar métricas, aprovechar al máximo sus pruebas A/B y más.

Hotjar

Plataforma: web
Precio: precio variable según el número de visitas diarias a la página

Hotjar facilita que los equipos optimicen las experiencias de los usuarios al combinar los comentarios de los usuarios con análisis, mapas de calor, mapas de clics, mapas de desplazamiento y grabaciones de visitantes. Donde los mapas de calor y los mapas de clics ilustran dónde se mueven los usuarios y hacen clic con el mouse respectivamente, los mapas de desplazamiento indican en qué punto los usuarios pueden estar perdiendo interés.

huevo loco

Plataforma: web
Precio: desde $29/mes por 20,000 páginas vistas

Similar a Hotjar, Crazy Egg se usa para optimizar las experiencias de los usuarios y las tasas de conversión mediante el análisis del comportamiento del usuario con mapas de calor y grabaciones de visitantes, aunque también incluye herramientas de prueba A/B fáciles de usar para ayudar a descifrar qué funciona y qué no.

Taller óptimo

Plataforma: web
Precio: $166/usuario/mes, con opciones gratuitas y empresariales disponibles

Optimal Workshop es un conjunto de herramientas de investigación de usuarios que se centra en la clasificación de tarjetas, encuestas, pruebas de árboles, pruebas de primer clic y descubrimiento de datos cualitativos.

Herramientas de análisis

Google analitico

Plataforma: web
Precio: gratis

Si bien Google Analytics no cuenta con la interfaz más inspiradora o más útil, brinda una buena cantidad de datos para una herramienta gratuita, lo que la convierte en un punto de partida adecuado para la investigación de usuarios y la adquisición de información que quizás desee explorar más a fondo en otra herramienta. .

panel de mezcla

Plataforma: web
Precio: desde $99 por 1 millón de puntos de datos, con opciones gratuitas y empresariales disponibles

Mixpanel permite que cualquier persona, desde ejecutivos hasta simples colaboradores, utilice datos para tomar decisiones más estratégicas. Con una interfaz más amigable en comparación con Google Analytics, los diseñadores pueden encontrar que es más fácil analizar los recorridos de los usuarios, aprender cómo interactúan los usuarios con el producto y descifrar análisis de comportamiento complejos con Mixpanel.

pendó

Plataforma: web
Precio: el precio se determina en función de la cantidad de usuarios y funciones requeridas

Pendo, con una interfaz mucho más simple en comparación con la mayoría de las otras herramientas de análisis, permite a los diseñadores realizar un seguimiento de NPS (puntaje neto de promotor), segmentar usuarios, optimizar embudos y viajes de usuarios, y cualquier otra cosa que esperaría de una herramienta de análisis de sitios web superior. Además de eso, los diseñadores pueden ofrecer anuncios específicos, ayuda contextual y experiencias personalizadas basadas en los datos que se han rastreado.

Conclusión

Elegir las herramientas UX correctas requiere una consideración cuidadosa. Necesitamos tener en cuenta los costos, el nivel requerido de colaboración con otros diseñadores y partes interesadas, la plataforma y cualquier otra herramienta con la que podamos necesitar integrarnos para mantener un flujo de trabajo fluido. Una vez que haya reducido sus opciones, regístrese para sus pruebas gratuitas y considere ejecutar un sprint de diseño de cinco días para probar las aguas.