Debe considerar las siguientes herramientas para cada parte del proceso. Estas son las herramientas más populares / de prospección que también se utilizan ampliamente en las mejores empresas de la industria de la interfaz de usuario.
Maquetas y Wireframing
En la etapa inicial, a menudo utiliza herramientas para crear prototipos de sus ideas. El lápiz y el papel también podrían funcionar bien aquí, pero aquí está la lista de soluciones aún mejores:
- Recientemente he lanzado creativorama.com. ¿Alguien tiene algún consejo sobre qué mejoras deben hacerse para aumentar las conversiones?
- Acabo de comenzar una pasantía en un estudio de diseño gráfico y descubrí que usan mucho Imagestock, ¿es solo aquí o lo usan en todas partes?
- Sé HTML5 básico, CSS, Javascript y jQuery ahora, ¿qué debo hacer?
- Estoy planeando hacer un sitio web educativo. ¿Qué creador de sitios web es el mejor?
- Tengo mi primer cliente que quiere que cree un sitio web. ¿Cuánto debería cobrarle por este sencillo sitio web?
InVision : aunque la incorporación de nuevas características también la convirtió en una excelente herramienta de colaboración y diseño, InVision sigue siendo excelente para estructuras de alambre simples.
UXpin : ofrece la posibilidad de utilizar una biblioteca de prototipos rápidos ya preparada. Tanto InVision como UXpin también cuentan con una serie de capacidades de colaboración y trabajo en equipo que pueden intercambiar fácilmente comentarios y colaborar en el proyecto.
Marvel : puede usarlo para crear prototipos rápidos a partir de formas simples y bibliotecas de componentes y también más tarde para crear prototipos rápidamente, creando transiciones y enlaces entre pantallas estáticas listas para usar.
Proto.io – Muchas características y capacidades. Además de poder hacer lo que las aplicaciones anteriores, su ventaja es la capacidad de crear prototipos precisos para iOS y Android, así como recopilar comentarios de los usuarios y probar dichos prototipos.
Axure : se ha convertido en un estándar en muchas empresas, entre las personas involucradas en UX. Lo usará principalmente para wireframes y flujos de usuarios, pero también puede exportar documentación bastante extensa y tiene más funciones de equipo.
Justinmind : vale la pena echarle un vistazo, una herramienta para diseñar y crear prototipos. Sin embargo, no es tan fácil de dominar para principiantes.
Diseño de interfaz de usuario
A continuación se muestran las aplicaciones que ofrecen la mejor interfaz de usuario completa y detallada (a veces también llamada de alta fidelidad) para una aplicación o un sitio web .
Sketch : actualmente, la mejor aplicación para el diseño de la interfaz de usuario con docenas de complementos, que lo hacen excelente y se adapta a las necesidades específicas. solo macOS. Echa un vistazo por qué Sketch es tan genial aquí.
Figma : funciona en el navegador y, aunque tiene una aplicación nativa, la versión web es realmente genial. Buen competidor para Sketch con las últimas posibilidades de creación de prototipos también.
Photoshop e Illustrator , que sigue siendo una herramienta principal para muchos diseñadores de UI / UX, aunque no se recomienda para principiantes, es mejor conocer herramientas personalizadas como Sketch que simplemente hacen mejor este trabajo.
Affinity Designer : una excelente aplicación que puede ser una alternativa a Sketch en una PC. Una ventaja adicional es que la transición de Adobe a Affinity es bastante fácil.
Subformulario : vale la pena vigilar el desarrollo de esta nueva herramienta. Hasta ahora falta un poco, pero definitivamente se mueve en la dirección correcta.
Adobe XD : puede ser otra alternativa a Sketch. Además del diseño, ofrece una vista de creación de prototipos con opciones para conectar pantallas (creación rápida de prototipos). Aquí están los mejores consejos y trucos de Adobe XD.
Prototipos y micro interacciones
Las mejores herramientas para mostrar sus ideas como un prototipo funcional con animaciones y micro interacciones.
Principio : ideal para animaciones detalladas y micro interacciones. Permite la importación desde Sketch para un poderoso combo.
Flinto : otra gran aplicación con la capacidad de importar archivos de Sketch. A veces un poco más intuitivo que Principio, con componentes y animaciones reutilizables. Una de las mejores herramientas que existen.
Framer : excelente herramienta que le brinda la mayor libertad para crear prototipos, animar y crear micro interacciones. Desafortunadamente, no es tan fácil para los principiantes, ya que requiere habilidades de codificación en CoffeeScript, pero definitivamente es más poderoso y requerido por compañías profesionales. Vea por qué Framer es una herramienta de creación de prototipos.
Otras herramientas (vale la pena hacer un seguimiento)
Herramientas actualmente en desarrollo o herramientas más pequeñas principalmente para la transferencia de desarrolladores.
Stage & Gallery : herramientas de Google para el diseño de la interfaz de usuario, la creación de prototipos y la colaboración.
ProtoPie : otra herramienta de creación de prototipos con algunas soluciones únicas para la creación de prototipos de aplicaciones móviles.
Zeplin y Avocode : herramientas para la transferencia de desarrolladores (preparación de su diseño de interfaz de usuario para producción y exportación para codificación)
Resumen : el sistema de control de versiones para diseñadores y equipos individuales le permite organizar y realizar un seguimiento de los archivos, así como trabajar en un archivo en equipo, simultáneamente. Mira cómo funciona aquí.
Tenga en cuenta que hay muchas otras herramientas disponibles. Especialmente para la creación de prototipos, puede encontrar docenas de otras herramientas como Mockflow, Pidoco, Balsamiq Mockups, Mockplus u OmniGraffle. Sin embargo, traté de darle el resumen de las mejores y más utilizadas herramientas en las mejores firmas de diseño. ¡Espero que esto ayude!
¡Te deseo suerte en la industria de la interfaz de usuario!
Greg
learnux.io