¿Qué herramientas utilizan los diseñadores?

¿Cómo se expertos en diseño deUX UI en NetDevices ?

Para responder a esta pregunta y ayudarle a elegir las herramientas adecuadas, le proponemos un artículo completo sobre este tema para responder a sus preguntas.

En primer lugar, la definición entre UX y UI :

UX : La experiencia del usuario incluye la usabilidad, la interacción y la disposición de los elementos
UI : colores, detalles gráficos, apariencia

He aquí una conocida ilustración de la diferencia entre UX/UI

Estudio de las herramientas disponibles

Un estudio en línea fue realizado por un diseñador llamado Taylor Palmer sobre las herramientas de diseño y su uso en función de la actividad del diseñador.

Esta encuesta online realizada a 2.000 profesionales UX diseñadores, diseñadores de producto y diseñadores web con 3-5 años de experiencia ha cumplido estas expectativas.

A la cabeza de esta encuesta, la mejor herramienta de prototipado de 2018 es Sketch !

Los resultados muestran que los diseñadores utilizan este application para su diseño principal. De hecho, está en primera posición para el diseño de wireframes e interfaces antes que Photoshop, Illustrator, Adobe XD, etc.

Nota: ¡ Sketch no está disponible en PC!

¿Qué es la herramienta Sketch ?

Sketch es una herramienta de diseño gráfico.

Antes, el diseñador tenía que elaborar un wireframe en una herramienta de prototipado y luego venía la fase de creación para recrear los elementos en photoshop.
A diferencia de Photoshop, Sketch tiene una interfaz más ágil y no tiene esas paletas de herramientas que vienen a fijarse en el plan de trabajo. Sketch es una herramienta de colaboración que permite al diseñadorUX y al diseñador UI seguir trabajando juntos en estos temas (compartiendo archivos).

Tiene la ventaja de ahorrar porque es nativo de MacOS. Las operaciones no son destructivas: las transformaciones vectoriales son reversibles.

Los plugins de Sketch están disponibles para mejorar su uso:
https://www.sketchapp.com/extensions/plugins/

Zeplin, en particular, te permite compartir información esencial de CSS, colores, dimensiones, etc. con todo el equipo de desarrollo.

Nuestras herramientas UX/UI en NetDevices

Sin embargo, en NetDevices también estamos acostumbrados a asesorar a balsamiq sobre cómo crear magníficos wireframes.

También utilizamos Figma, que ofrece otras ventajas en cuanto a navegación rápida entre pantallas...

También puede resultarle muy útil utilizar soluciones como Invision, que ofrece puntos fuertes en cuanto a secuenciación de pantallas y flujo de trabajo.

Si no está seguro y desea hablar con nosotros, no dude en póngase en contacto con nosotros.