Aviso: este set de herramientas de diseño es el que se utiliza en empresas como Spotify, Uber, Glovo, TravelPerk, Free Now, Cabify, Hola Luz, Typeform, DocuSign y tantas otras.
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.
Herramientas de diseño
Como Product Designers, nuestra principal herramienta es el cerebro. Dicho esto, vamos a tener que realizar wireframes y UI, de esto no nos vamos a librar y además, nos gusta hacerlo.
Herramientas para crear interfaces
Cuando hablamos de herramientas para crear interfaces, el abanico de posibilidades se reduce básicamente a dos opciones. Hay muchas mas 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 mas 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 escritorio y versión 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.
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
Quizá una de las herramientas mas utilizadas sin duda es Hotjar. Sin entrar en herramientas de A/B Testing, Hotjar permite analizar la usabilidad de las páginas desde un punto de vista cuantitativo para optimizar en el ciclo de vida del producto.
También es compartida por muchos equipos la experiencia usando Qualaroo que permite obtener feedback en momentos clave del funnel de experiencia del usuario.
Como a la hora de conocer un insght no usamos solamente un método de medición, sino que de manera habitual son necesarios varios: data tracking, A/B Testing, diarios, técnicas cualitativas y cuantitativas; es habitual usar varias herramientas al mismo tiempo.
Una de las herramientas mas utilizadas para recoger insights es Optimal Workshop para realizar Tree Testing, Card Sorting, etc. Aunque, si prefieres la guerrilla, muchas startups usan boards de Trello para realizar Card Sorting. Dicho esto, recomendamos Optimal Workshop por cómo facilita el trabajo y porque permite reclutar participantes.
Herramientas para realizar tests
Si necesitas realizar tests con usuarios y no dispones de colaboración de UX Research, puedes utilizar herramientas como User Zoom. Ahora bien, si el precio es muy elevado, también puedes usar Loom.
Loom está siendo de las herramientas mas utilizadas en las start ups para realizar tests moderados. En cuanto a tests no moderados, Maze es una de las herramientas que mas nos ha sorprendido. Actualmente están desarrollando integraciones con algunas herramientas como Adobe XD o Figma pero permite realizar los tests directamente usando los prototipos de las herramientas de diseño y esto es fantástico porque agiliza el workflow.
Ahora ya tienes las herramientas necesarias para desempeñar tu rol como Product Designer.
Recuerda que nuestro trabajo es 50% diseñar y el otro 50% comunicar así que ten presente que es mejor tener las herramientas justas que te permitan la facilidad de comunicar resultados y aplicarlos con agilidad.
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