¿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.