Mi workflow diario como diseñador de productos digitales

Salvador Fernandez
Jul 21, 2017 · 5 min read

Uno de los requisitos principales para ser un product designer es mantenerse actualizado ante los constantes cambios tecnológicos, los nuevos tipos de usuarios, trendings de estilos nunca antes vistos o lanzamientos de nuevos programas. Entonces uno se hace la pregunta: ¿Cuándo voy a dejar de aprender cosas nuevas? Y la respuesta es “nunca”. Aunque parezca algo frustrante, debemos ser permeables a nuevos conocimientos y saber que el aprender es un ejercicio que siempre deja cosas positivas.

Desde que comencé a trabajar en Moka, mi flow de trabajo y herramientas cambió en base a lo que estaba acostumbrado en la universidad, abandonando por momentos el imperio de la suite de Adobe y dándole oportunidad a nuevos softwares que vienen pisando fuerte en el mundo del diseño digital.

Un día normal de oficina

Comencé mirando algunos tutoriales de Sketch. Ellos mismos se definen: “Sketch es un software de diseño digital profesional para Mac con la potencia, flexibilidad y velocidad que siempre quisiste en un paquete ligero y fácil de usar” y decidí agregarlo a mi flow de trabajo y compararlo con photoshop. Así me encontré con una interfaz mucho más limpia y amigable, que en el día a día se traduce en comodidad de trabajo (siempre está a mano lo que estoy buscando) y con mayor velocidad de trabajo, un punto importantísimo para cualquier diseñador. Algunas de las razones por las que Sketch le agrega velocidad a mi workflow son:

  • Guías inteligentes, grids y plantillas predefinidas: Ideal para los que sufren del síndrome pixel-perfect, todo se ajusta perfectamente y crear grids para diferentes dispositivos se hacen de forma automática y muy fácil.
  • Símbolos, crea un elemento y repítelo tantas veces como necesites. Si necesitás un pequeño cambio sólo tendrás que hacerlo desde el símbolo y se modificará en todas las pantallas.
  • Mirror, te permite visualizar tus artboards en diferentes dispositivos y asi te sacas cualquier duda de tamaño o visualización que tengas. También es una herramienta que sirve para compartir fácilmente tu trabajo de manera online y así obtener un feedback instantáneo con tu equipo de trabajo.

Existen muchas otras ventajas: shortcuts, plugins infinitos, liviano, soporte técnico eficiente, licencia económica, Json open file format y otras ventajas más que su descripción quedará para otro posteo.

Algo que me gusta aclarar es que si bien existen algunas herramientas para editar imágenes dentro de Sketch, las que pueden servirnos para instancias de boceto, recomiendo que no olvidemos a nuestro queridísimo amigo Photoshop, que en ese área, corre con ventaja sobre cualquier programa.

Satisfecho de contar con una nueva herramienta en mi workflow decidí investigar un poco y darle tiempo al aprendizaje de Principle, una herramienta de animación y prototipado que había comenzado a sonar fuerte en el último año.

La intro que encontramos en su sitio web: “Principle facilita el diseño de interfaces animadas e interactivas. Ya sea que estés diseñando el flujo de una aplicación con varias pantallas, o de nuevas interacciones y animaciones, Principle te permite crear diseños que se ven y se sienten increíbles”.

Cuando abrí Principle por primera vez me sentí perdido, la única herramienta de animación que conocía era After Effects, y la lógica del uso de Principle es bastante diferente. Pero luego de mirar un par de tutoriales me encontré manejando Principle en su totalidad, y eso fue lo que más me sorprendió: ¡La línea de aprendizaje es muy baja!

No voy a escribir un tutorial de como usar Principle pero si comentar para qué y cuándo usarlo. Este se integra de manera perfecta con Sketch y con tan solo un botón tienes todos tus artboards listos para animarlos y darles vida. Esto nos pone un paso adelante en varios aspectos a la hora de vender un producto, no es lo mismo mostrarle al cliente capturas estáticas que una animación con la interacción de las páginas del producto diseñado. También nos sirve para que nuestro equipo de desarrolladores vean lo que realmente tenemos dentro de nuestra cabeza y como cada elemento interacciona con otro.

No estoy descubriendo nada nuevo, tan solo estoy hablando de animación. Pero donde Principle marca la diferencia es con la velocidad que terminarás tus prototipos listos para presentar en las reuniones diarias del estudio.

En la actualidad existen muchos programas de prototipado, algunos más orientados en la animación, como Principle o Flinto, otros en la interacción del usuario con el prototipo, como Origami o Framer. Y otros programas que ni estoy mencionando, pero al momento de crear un concepto nuevo de animación (como ser un cambio de estado de un botón o un nuevo loader para tu aplicación), el programa a usar es, y seguirá siendo, After Effects.

Una última herramienta que agregue a mi workflow y me está dando una gran ventaja al momento de pasarle mis diseños y comunicarme con los developers de mi equipo es Invision Inspect. Con Craft, un plugin de Invison instalado en mi Sketch, con solo pulsar una tecla subo a la nube todos los artboards de mi archivo y por medio de un url este puede ser inspeccionado para saber: colores, tipografías, tamaño de los elementos, inclusive copiar los estilos listos en Css, e incluso descargar assets. Al ser de manera online, no es obligatorio contar un Mac para poder ver el archivo.

Al fin y al cabo las herramientas son tan sólo herramientas. La creatividad, el manejo correcto de fuentes, la elección de una estética adecuada y todas aquellos conocimientos que los diseñadores adquirimos mediante estudio/práctica no vienen incluidos en todos los programas anteriormente mencionados aunque… no podemos negar que estos nos ayudan al momento de mantenernos profesionales y actualizados.

)

Salvador Fernandez

Written by

Ux/Ui Designer from Argentina

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade