En este artículo, junto a expertos del sector, analizamos el set de herramientas que utilizan empresas como Spotify, Uber y Glovo. Si quieres ser un profesional imprescindible, debes dominar este toolkit con herramientas para Product Designer.
credits by @freepik
Herramientas de diseño e interfaz
Si estás comprometido con ser un Product Designer, debes de saber con qué herramientas trabajan los profesionales de diseño en las empresas punteras.
Para ello, hemos analizado los flujos de trabajo de algunas de estas empresas mediante entrevistas y artículos de los integrantes de estos equipos.
Como Product Designers, nuestra principal herramienta es el cerebro. Sin embargo, para realizar wireframes y UI, el abanico se reduce a dos opciones líderes: Figma y Sketch.
Figma es una opción brillante por su colaboración en tiempo real y prototipado integrado. Por otro lado, Sketch sigue siendo un baluarte gracias a sus plugins y su integración con Abstract para el control de versiones.
Este toolkit con herramientas para Product Designer no estaría completo sin Principle. Es una aplicación esencial para crear animaciones de alta fidelidad que ayudan a comunicar la interacción exacta a los desarrolladores.
Herramientas para crear interfaces
Cuando hablamos de herramientas para crear interfaces, el abanico de posibilidades se reduce básicamente a dos opciones. Hay muchas más opciones, pero no hemos encontrado que estas herramientas se usen entre los profesionales de producto.
Las dos opciones disponibles son: Figma y Sketch.
Figma es una de las herramientas que más ha despuntado en los últimos años, ya que permite la colaboración innata entre diferentes miembros del equipo, con la capacidad de prototipar y ver los specs técnicos sin demasiada necesidad de realizar un handoff a los desarrolladores. Además, tiene versión de escritorio y versión de navegador, por lo que visibilizar nuestro trabajo se convierte en una tarea sencilla.
Sketch ha sido el baluarte frente a otras herramientas durante mucho tiempo. Dispone de muchísimos plugins que transforman tu workflow y le dan super poderes.
Ahora bien, dentro de estos equipos se suele trabajar además con Abstract que permite tener un seguimiento y control de versiones de los archivos de sketch, permitiendo conectar librerías de diferentes archivos de sketch, lo que facilita la integración con un sistema de diseño.
Incluyo en esta sección Principle que permite realizar animaciones y trabajar la interacción. Esto nos ayuda a trasladar información a los desarrolladores, vender mejor las propuestas y aterrizar la experiencia de usuario teniendo en cuenta la interacción.
credits by @vectorjuice
Herramientas de prototipo
Contamos con bastantes opciones dentro de este sector. Desde Marvel o Invision para hacer prototipo rápido y poder testear con usuarios. A día de hoy tanto Figma como Sketch te permite realizar este tipo de prototipo.
Aunque durante mucho tiempo los prototipos mas complejos se han realizado con Axure y Just in Mind, hoy en día también podemos contar con aplicaciones similares como Framer aunque en Europa no tiene tanta incidencia como en Estados Unidos.
Herramientas para trabajar en equipo y en remoto
Buena parte de las herramientas que usamos en el día a día son mapas mentales y para ello trabajamos con herramientas como Miro, que permite la colaboración en equipo dentro de un canvas. Sesiones de co-creación, Design Sprints, trabajo en remoto, nada nos puede si contamos con herramientas como Miro. Ahora bien, Whimsical es una herramienta que nos ayuda también a crear flujos de trabajo, wireframes, mapas mentales, etc. Miro dispone de muchas mas opciones que Whimsical pero hemos encontrado que en muchos equipos se utiliza por la sencillez y porque permite que otros agentes interactúen fácilmente con la herramienta.
No se nos olvidan aspectos más básicos como crear documentos y realizar presentaciones. Casi todos los equipos utilizan Google Docs, Google Slides o la suite de Microsoft.
Herramientas para recoger insights y Testing
Para obtener datos auténticos, Hotjar es la herramienta líder. Te permite analizar la usabilidad cuantitativa para optimizar el ciclo de vida del producto de manera impecable.
Para el feedback directo, recomendamos Optimal Workshop. Es una solución fabulosa para realizar Tree Testing y Card Sorting, permitiendo reclutar participantes fácilmente para tus investigaciones.
Si buscas un resultado sensacional en tus tests de usuario, puedes usar User Zoom o la opción más rápida y económica: Loom. Para tests no moderados, Maze ofrece una integración innovadora con Figma que agiliza el workflow.
Ahora ya tienes las herramientas necesarias para desempeñar tu rol como Product Designer.
Dominar este toolkit con herramientas para Product Designer te dará la confianza necesaria para trabajar en cualquier startup tecnológica. Recuerda que el diseño es 50% creación y 50% comunicación efectiva.
Enlaces a las herramientas
https://www.sketch.com/
figma.com
https://principleformac.com/
https://marvelapp.com/
https://www.invisionapp.com/
https://www.justinmind.com/
https://miro.com/
https://whimsical.com/
https://docs.google.com/
https://www.hotjar.com/
https://qualaroo.com/
https://www.optimalworkshop.com/
https://maze.design/
https://www.optimalworkshop.com/
Aquí tienes un evento con los Product Designer de Traverperk y FreeNOW, donde te cuenta su día a día, herramientas y cómo organizan su equipo de producto.
Post de Pablo Serrano Fellow Reseach de ProductLAB
Preguntas frecuentes sobre el set de diseño
¿Cuál es la herramienta más importante en un toolkit con herramientas para Product Designer? Aunque el software es vital, la herramienta principal es el pensamiento analítico. Sin embargo, a nivel técnico, Figma se ha consolidado como el estándar actual. Su capacidad para unir diseño, prototipado y colaboración en un solo lugar la hace imprescindible para cualquier equipo moderno.
¿Es necesario saber usar todas estas aplicaciones? No es obligatorio dominarlas todas al 100%, pero sí conocer su funcionamiento. Un toolkit con herramientas para Product Designer versátil te permite adaptarte a diferentes flujos de trabajo. Lo ideal es ser experto en una herramienta de interfaz y una de prototipado.
¿Qué herramientas se recomiendan para perfiles junior? Si estás empezando, te recomendamos centrarte en Figma por su gratuidad y gran comunidad. Es una forma brillante de acceder a recursos y tutoriales que acelerarán tu aprendizaje sin coste inicial, permitiéndote construir tu primer portfolio profesional rápidamente.
¿Cómo elijo el mejor toolkit con herramientas para Product Designer para mi equipo? La elección debe basarse en la escalabilidad y la facilidad de comunicación con los desarrolladores. Herramientas que faciliten el «handoff», como Zeplin o las funciones nativas de Figma, garantizan un proceso de implementación impecable y sin errores de diseño.
