¿Cuáles son algunas de las herramientas de software más utilizadas en el campo del diseño de experiencia de usuario en la actualidad?

Estoy de acuerdo en que Sketch se ha convertido en la norma. Sin embargo, hay una serie de otras herramientas que se usan comúnmente y el programa que termina usando a menudo se le delega de la compañía para la que trabaja.

También depende de lo que intentes hacer. Fancy pixel perfect, bocetos en bruto, interacciones complejas, etc.

Creo que en lugar de probarlos todos y convertirse en un maestro de ninguno, intente dominar uno primero y luego pasar a sistemas más complejos. Esa ruta podría parecer comenzar en Balsamiq, agregar interacción en InVision, subir a Sketch u Omnigraffle, luego Axure o Principle y finalmente pasar al trabajo en el navegador con HTML / CSS / Javascript.

Aquí está la lista más completa que pude encontrar (procedente de Sans Francisco: un conjunto de herramientas y una biblioteca para diseñadores )

Bosquejo

Sketch es una herramienta ligera para ayudarlo a ensamblar sus diseños.

Invision

Una vez que haya esbozado una serie de pantallas, tírelas a Invision para crear un prototipo interactivo interactivo.

Arte

Craft es un complemento de Sketch que hace que sea estúpidamente fácil llenar tus diseños con contenido real. No más lorem ipsum.

Enmarcador

Framer adopta un enfoque dual de código / visual para construir prototipos para web y dispositivos móviles.

Espejo para bosquejo

Si está diseñando aplicaciones móviles con Sketch, entonces Mirror es imprescindible. Le permite sincronizar sus archivos de diseño directamente a su teléfono para actualizaciones en vivo.

Principio

El principio es el bosquejo de las animaciones. Coloque objetos y comience a experimentar rápidamente con animaciones.

ProtoIO

ProtoIO es una herramienta de creación de prototipos de alta fidelidad que le permite crear prototipos ricos, animados e interactivos.

Maravilla

Marvel es una herramienta liviana para crear diseños, unir prototipos interactivos y obtener comentarios de sus cómplices.

Adobe Photoshop

Photoshop es una bestia de herramienta; puedes usarlo para crear casi cualquier imagen estática que puedas imaginar.

Atómico

Atomic es una herramienta para ayudarlo a crear prototipos de interacciones web y móviles.

ProtoPie

ProtoPie es una herramienta sin código para crear prototipos de diseños de interacción.

Axure

Axure le permite esbozar interfaces y colaborar con las partes interesadas.

Ilustrador Adobe

Illustrator es la herramienta vectorial de especialidad de Adobe. Úselo para crear logotipos, iconos o ilustraciones complejas.

Flinto

Flinto le permite convertir una serie de imágenes de diseño estático en un rico prototipo en el que se puede hacer clic.

Balsamiq

Balsamiq es una herramienta rápida utilizada para construir y probar wireframes de aplicaciones web y móviles.

Adobe Experience Design

Adobe Experience Design se utiliza para simular interfaces aproximadas y prototipos interactivos.

Flujo web

Cree prototipos HTML / CSS receptivos con datos reales, sin escribir una línea de código.

Figma

Figma es una herramienta de diseño de interfaz potente e intuitiva que permite la colaboración en tiempo real.

Tumult Hype

Tumult es una herramienta de creación de prototipos para interacciones web y animaciones.

Pixate

Pixate le permite crear prototipos clicables de alta fidelidad para probar las interacciones y animaciones de la aplicación.

Origami

Origami es una herramienta de diseño de Facebook para ayudarte a crear prototipos y presentar animaciones móviles.

JustInMind

JustInMind es una aplicación para Mac utilizada para crear tramas interactivas para experiencias web y móviles.

Floid

Floid es una aplicación de Mac para crear prototipos de interacciones web y móviles.

Quant-UX

Quant-UX es una herramienta de creación de prototipos que incluye un conjunto de análisis visuales para ayudarlo a comprender mejor cómo los usuarios usan los prototipos.

Modelo

Pattern es una aplicación de dibujo simple que facilita la imitación de estructuras de alambre en su iPad.

Servilleta

Napkin es una aplicación de iOS que te permite simular un prototipo de aplicación directamente en tu teléfono.

POPULAR

POP le permite tomar fotos de bocetos físicos y convertirlos en prototipos interactivos en bruto.

SneakPeekIt

SneakPeekIt es una colección de cuadrículas imprimibles para marcos de diseño web y móviles.

Subformulario

Subform es una nueva herramienta de diseño de interfaz (actualmente en Kickstarter) con un enfoque en externalizar la carga de diseños receptivos y estilos consistentes para el software.

Paquetes de bocetos

Sketchpacks es un catálogo de complementos populares para Sketch.

Prott

Prott le permite crear prototipos en los que se puede hacer clic a partir de marcos de alambre simples y fotos de prototipos en papel.

Yo uso Adobe Illustrator para wireframes, para mí es rápido y eficiente, sin embargo, dudo que esta sea la norma. Para los usuarios de Apple es 100% boceto, está basado en vectores con bibliotecas y complementos, por lo que es muy bueno y ahorra tiempo. No he probado Adobe XD, pero creo que si eres un usuario de Windows, pruébalo cuando lo lancen con suerte para fin de año, sin embargo, si Apple esboza definitivamente.

Adobe Photoshop, Adobe Illustrator, Sketchapp, Xara