Saltar hasta el contenido principal

Cómo creó Datadog una plataforma empresarial ampliando su sistema de diseño con Figma

Catálogo de recursosCatálogo de recursos

Datadog es una de las pocas empresas SaaS que han conseguido crear una auténtica plataforma multiproducto y crecer exponencialmente a lo largo de los últimos años. Uno de los principales factores de ese éxito es su organización de productos. El vicepresidente de Diseño, Stephan Boak, el diseñador de productos Derek Howles y sus compañeros de productos e ingeniería se han centrado en crear un proceso de desarrollo de productos que puede ampliarse, que unifica las experiencias de todos sus productos y que promueve una colaboración temprana y significativa entre sus equipos de PDE. Tanto Figma y FigJam como DRUIDS, el sistema de diseño interno de Datadog, se convirtieron rápidamente en la clave para poner en marcha esta estrategia.

Visión general

  • Sector: software
  • Segmento: empresas
  • Edición: Enterprise
  • Ahorro de tiempo: 100 horas a la semana
  • Productos: Figma y FigJam
  • Integraciones: GitHub

Datadog es la plataforma esencial de monitorización y seguridad para las aplicaciones en la nube. Ayuda a las empresas a proteger sus sistemas, a evitar el tiempo de inactividad y a asegurarse de que sus clientes reciben la mejor experiencia de usuario. Los ingenieros emplean las soluciones de Datadog para resolver problemas muy técnicos. La plataforma debe permitir a los usuarios visualizar y comprender datos muy densos de una forma que tenga sentido, y esa es la parte más divertida y el desafío para Stephen Boak, vicepresidente de diseño, y para su equipo.

Datadog es también una de las pocas empresas que pueden afirmar de forma objetiva que han creado una plataforma SaaS multiproducto. En 2019 comenzaron a cotizar en bolsa con 330 millones de dólares en ingresos anuales recurrentes (ARR) y solo un par de productos. En la actualidad, han superado los 1,5 millones de dólares en ARR y cuentan con más de 15 productos. Esto supone un crecimiento continuo de hasta un 70 % interanual y una retención de ingresos netos (NRR) del 130 %, algo que muy pocas empresas tecnológicas han logrado. Una de las claves del éxito de Datadog ha sido crear una auténtica plataforma empresarial multiproducto para continuar con su crecimiento exponencial. De hecho, el 80 % de sus clientes usan ahora dos o más de sus productos.

Datadog ha desarrollado su negocio basándose en una serie de principios clave:

  • un proceso de desarrollo de productos eficiente y escalable;
  • una experiencia de usuario conectada en todas las soluciones que componen su plataforma general;
  • una colaboración estrecha y temprana entre los equipos de gestión de productos e ingeniería;
  • un producto mínimo viable (MVP) constante y una iteración temprana para poder mejorar el producto rápidamente en función de los primeros feedbacks de los clientes.

Nada de esto ocurrió de la noche a la mañana. El equipo de producto de Datadog tuvo que crear un proceso de diseño y desarrollo de productos que pudiera ampliarse para aprovechar todo el potencial de esta estrategia.

Las dificultades para crecer y la necesidad de ampliar el proceso de desarrollo de productos

Datadog comenzó el proceso para convertirse en una empresa multiproducto en 2016. Tenía grandes planes para seguir ampliando su gama de productos, pero en pocos años, los equipos de productos e ingeniería empezaron a observar problemas al escalar. "Empezamos a tener los mismos obstáculos en nuestro proceso de diseño que muchas otras empresas que crecen muy rápido. Llegamos a un punto en el que nadie podía tener en la cabeza todos los distintos componentes y variantes de la interfaz, que se expresaban de formas diferentes sin motivo", explica Derek Howles, diseñador de productos.

Los ingenieros de Datadog tenían que duplicar continuamente el código para patrones básicos como mostrar datos tabulares, buscar y filtrar, escoger intervalos de tiempo y seleccionar opciones de menús desplegables. No contaban con componentes reutilizables, y el desarrollo de productos se volvía especialmente complicado al intentar ampliar estas soluciones a distintos productos con contextos y comportamientos diferentes.

La relación y el proceso de colaboración entre los equipos de diseño e ingeniería dejaba mucho que desear. Ambos grupos dedicaban demasiado tiempo a duplicar trabajo y a intentar entenderse a la hora de traspasar los proyectos. En una ocasión, el equipo de diseño no contó con el de ingeniería con la suficiente antelación, lo que provocó retrasos importantes en la entrega de un producto.

Todo esto hacía que hubiera menos tiempo para abordar los principales desafíos de los productos de Datadog e incorporar el feedback de los clientes.

Una buena empresa multiproducto debe estar bien conectada

Lo más importante de todo es que Datadog quería crear experiencias cercanas y fiables en toda su gama de productos. Era esencial que los clientes pudieran disfrutar de las mismas experiencias de calidad en toda la plataforma de Datadog, independientemente del producto que estuvieran utilizando.

Según Stephen, en lugar de centrarse en la coherencia, la clave es pensar en términos de interconexión, algo que resulta muy difícil de hacer a escala. Las interacciones habituales de los usuarios, como desglosar datos de tablas o revisar registros por intervalos de tiempo, deben resultar familiares y poder usarse en distintos lugares de toda la plataforma aunque la forma de operar sea ligeramente distinta en cada contexto. "En la experiencia de usuario de una plataforma, aprendes los patrones que suelen seguir los clientes para interactuar con el producto. Una vez que los aprendes, los reproduces, y esa experiencia se convierte en algo que se repite en todos los productos".

Esta nueva disciplina era algo muy valioso, pero también hacía que fuera más difícil actuar rápido, iterar y lanzar nuevas funciones.

DRUIDS: la creación de un proceso de desarrollo de productos que puede ampliarse

Derek y algunos de sus compañeros de ingeniería empezaron a sentar las bases de un sistema de diseño que los ayudara a escalar y a aplicar esa idea de interconexión. Sin embargo, la verdadera revelación llegó cuando el equipo de ingeniería se dio cuenta de lo rápido que podían llegar al mercado y recopilar el feedback de los clientes con prototipos y productos mínimos viables (MVP).

"Si usamos componentes, nuestro sistema de diseño y plantillas de experiencias de usuario que son comunes en todos los productos de Datadog, podemos llegar al mercado con un MVP muy rápido y recibir feedbacks muy valiosos por parte de los clientes", explica Stephen.

Datadog estaba ahorrando 10 horas por prototipo y alrededor de 100 horas por semana usando Figma y su sistema de diseño, por lo que el argumento comercial estaba claro.

La empresa comenzó a desarrollar su sistema de diseño, un proceso que desembocó en el nacimiento de DRUIDS. Se trata de una combinación entre Figma como capa de diseño y todo el código correspondiente de GitHub. DRUIDS está diseñado para que el personal de ingeniería pueda usarlo de la forma más fácil posible e incluye múltiples estados y variaciones detallados, con su correspondiente documentación. Además, su aspecto es extraordinario.

El sistema de diseño de DatadogEl sistema de diseño de Datadog
El sistema de diseño de Datadog

Figma y FigJam unen al equipo de producto

Todo el equipo de producto de Datadog (gestores de productos, diseñadores e ingenieros) colabora usando Figma y FigJam a lo largo del proceso de desarrollo. Los gestores de productos y los diseñadores comienzan en FigJam para las fases de concebir y aportar ideas, y recopilar feedback de los usuarios. Una vez que los diseños se vuelven más tangibles y están más desarrollados, se trasladan a Figma, donde los equipos de ingeniería y diseño colaboran e iteran estrechamente.

El equipo de producto de Datadog hace un brainstorming sobre los objetivos y los resultados clave en FigJamEl equipo de producto de Datadog hace un brainstorming sobre los objetivos y los resultados clave en FigJam
El equipo de producto de Datadog hace un brainstorming sobre los objetivos y los resultados clave

A continuación, los diseños se conectan a DRUIDS, su sistema de diseño, se integran con el código correspondiente y se entregan. Al final del proceso, las revisiones, la crítica de los productos y la colaboración en las maquetas se llevan a cabo en FigJam. "FigJam abarca ambos lados del proceso de diseño y permite a nuestros responsables tener visibilidad y dar feedback en una solución sencilla", aclara Steve.

La creación de plugins mediante la plataforma abierta de Figma también ha contribuido a mejorar la eficiencia de Datadog. La empresa ha creado un complemento para cambiar cualquier componente al modo oscuro de forma instantánea, otro que integra datos relevantes de clientes en sus diseños y prototipos para que las pruebas de los usuarios sean más adecuadas y otro que permite a los diseñadores colocar cualquier de los más de 900 logotipos de integración que pueden aparecer en la plataforma Datadog.

Uno de los plugins personalizados de Datadog añade datos a sus diseños con solo unos clics

Por último, Stephen ahorra también mucho tiempo usando algunas de las funciones de administrador de Figma Enterprise más avanzadas.

"El portal de gestión, el inicio de sesión único y el aprovisionamiento automático junto las funciones de seguridad de Figma me han facilitado mucho la gestión y me han permitido tener más tiempo para trabajar en proyectos más estratégicos".

Crear DRUIDS ha sido una de las claves del éxito de Datadog

Ahora, Datadog puede entregar productos más rápido. Su sistema de diseño se encarga de las tareas simples y repetitivas, lo que permite a la empresa disponer de más tiempo para resolver problemas más complejos y que más le importan, que son los más gratificantes para los diseñadores.

Los diseñadores y los ingenieros pueden incorporarse a los equipos más rápido, ya que pueden ponerse al día de los aspectos técnicos del producto revisando todos los estados y las interfaces de usuario de distintos productos a su propio ritmo. "Datadog es una plataforma complicada, con muchos conceptos técnicos nuevos que deben entenderse. Por ello, disponer de una buena documentación te permite dedicar más tiempo a intentar comprender de verdad el producto y los casos de uso en sí".

A pesar de haber creado más de 15 productos y de tener un equipo mucho más grande, los diseñadores de productos de Datadog iteran antes en los diseños y reciben las opiniones del equipo de ingeniería sobre comportamientos esenciales en un idioma que ambas partes entienden, lo que mejora el desarrollo de los productos y la coordinación de los equipos. Se trata de uno de los logros de los que más orgulloso se siente Derek: mantener la misma cultura sólida de desarrollo de productos que tenían en el equipo, independientemente de cuánto haya crecido.

Pero lo más importante es que, al tener más tiempo para resolver los problemas de mayor calibre, los diseñadores y los ingenieros de Datadog pueden dedicarse a resolver problemas técnicos complicados y que tienen una mayor repercusión para las empresas que usan la plataforma Datadog.

Para Stephen y su equipo, diseñar una empresa SaaS B2B empresarial y poder escalar en todos los productos es muy gratificante. "No medimos el valor en términos de miles de millones de usuarios. En su lugar, nos centramos en resolver problemas técnicos complejos para las miles de organizaciones a las que les encantan nuestros productos y su funcionamiento, y que los usan cada día".

La prueba de todo esto es el asombroso crecimiento multiproducto que ha experimentado Datadog hasta la fecha.

Introducción a los sistemas de diseño

Comprende los conceptos básicos de los sistemas de diseño, qué son, cómo funcionan y cómo pueden cambiar tu forma de diseñar.

Leer el informe

Descubre cómo Figma puede ayudar a escalar el diseño

Un buen diseño tiene el potencial de diferenciar tu producto y marca. Sin embargo, nada excepcional se hace solo. Figma reúne a los equipos de producto en un flujo de trabajo de diseño rápido y más inclusivo.

Ponte en contacto con nosotros para obtener más información sobre cómo Figma puede ayudar a las empresas a escalar el diseño.

Te explicaremos cómo Figma puede ser de ayuda:

  • Agrupa cada etapa del proceso de diseño, desde la concepción de ideas hasta la creación y el desarrollo de diseños, en un solo lugar.
  • Acelera los workflows de diseño con sistemas de diseño compartidos por toda la empresa.
  • Fomenta la inclusión en el proceso de trabajo del equipo de producto con productos basados en la web, accesibles y fáciles de usar.

Comunícate con nuestro equipo

Si haces clic en “Enviar”, aceptas nuestros Términos de servicio y la Política de privacidad.