,

Cómo diseñar a escala: segunda parte

Cómo creamos cohesión a partir de 16 equipos y 1,300 páginas en vivo con un sistema de diseño.

Para aquellos que simplemente se están divirtiendo, la siguiente etapa es leer el artículo “Cómo diseñar a escala: Primera parte”, en el cual nuestro equipo de diseño se propuso responder a la pregunta importante: ¿Cuál es el ingrediente secreto que crea una experiencia de diseño web integral? Ahora sabemos la respuesta: una inversión constante y dedicada en sistemas de diseño.

Como diseñadores potenciales del sistema de diseño de productos Square Market, Bradley Ryan y Josef Khoo simplifican la complejidad de su trabajo en cuatro áreas de enfoque: colaboración, toma de decisiones, experiencia y equipo. En la primera parte, nos concentramos en la colaboración y la toma de decisiones. Nuestra conversación continúa con las áreas de enfoque restantes, la experiencia y el equipo.

Experiencia

Cuando les pregunté a Bradley y Josef qué significaba exactamente la experiencia para un sistema de diseño, se apresuraron a mencionar la métrica utilizada para determinar el éxito: hacer que el sistema de diseño sea tan bueno que otros equipos realmente quieran usarlo. Por supuesto, los usuarios finales, los clientes de Square, siempre tienen en cuenta la adopción del sistema de diseño. Pero si los equipos de productos no usan o evangelizan el sistema de diseño, nuestros usuarios finales nunca lo experimentarán.

No todos los diseñadores tienen el mismo flujo de trabajo. Queremos crear un sistema de diseño que complemente a la mayoría.
Josef Khoo, diseñador de productos

La experiencia del sistema de diseño se presenta en diferentes formas dependiendo del miembro del equipo. Para los diseñadores, son los surtidos Figma con documentación de respaldo. Para los ingenieros, se trata de tokens de diseño, almacenamiento de código y, por supuesto, documentación. La documentación, sobre todo en este entorno remoto, es un requisito de alto impacto para diseñar a escala.

La entrega de esa documentación es uno de los aspectos en los que Bradley y Josef pudieron actuar rápidamente. En colaboración con sus ingenieros, buscaron tener un lugar para la documentación de diseño y de ingeniería. Aprendieron de forma rápida que incluso la documentación más exhaustiva puede seguir sin utilizarse a medida que sus canales de Slack comenzaron a llenarse de preguntas que tenían respuestas en la documentación.

Los equipos de Square experimentan el sistema de diseño Market en forma de tokens de diseño, componentes y patrones. Luego, el equipo del sistema de diseño aprovecha los conocimientos de las experiencias del producto para informar ese sistema.

“Si le preguntamos a 100 diseñadores en Square, ‘usar Market, ¿les agiliza o ralentiza?’ y ellos responden, ‘nos ralentiza’, debemos reevaluarlo”.

— Bradley Ryan, diseñador de productos

En respuesta a esas observaciones de Slack, la documentación evolucionó hacia un trabajo adicional sobre actualizaciones de boletines, mensajes de Slack, hojas de cálculo, presentaciones y la lista continúa. Parte de este trabajo se duplica pero, desde la perspectiva de la empatía, Josef y Bradley continúan encontrándose con los usuarios. Esto proporciona una gran experiencia para nuestros clientes, a través del producto, y para los equipos internos que conocen mejor a esos clientes.

Equipo

La alineación explícita entre Bradley y Josef es un placer de ver. La positividad y la voluntad de escuchar es contagiosa. En sus horas de oficina y reuniones mensuales de incorporación a Market, ellos nunca dejan de destacarse y hablar con entusiasmo sobre las contribuciones del otro. Respetan claramente la destreza y las opiniones de los demás, lo que parece necesario para un equipo de su tamaño. Operan como un equipo pequeño pero poderoso de dos diseñadores, que brindan apoyo a cientos de diseñadores y miles de partes interesadas.

Nuestro equipo, los diseñadores e ingenieros, lo consiguen. No tenemos obstáculos importantes. Compartimos la misma visión.
Josef Khoo, diseñador de productos

Su confianza mutua es similar a la de los fundadores emergentes. Al estar tan sincronizados, Bradley y Josef son conscientes de las fortalezas del otro, cuándo usarlas y cuándo mantenerse en segundo plano para hacer brillar a la otra persona. A medida que su equipo crece, estas características de alineación, respeto por el oficio y confianza son cualidades difíciles de contratar. Yo diría que nunca está de más buscar activamente estas características en el proceso de entrevista. Asimismo, mi equipo está creciendo y con ello viene el riesgo de alejarse de estas características, o sentir tensión y desalineación donde no es necesario. Mientras todos nos alineemos en lo que hace que un sistema de diseño sea exitoso, la confianza, alineación y respeto se producen naturalmente.

Bradley y Josef hacen que todo este trabajo se sienta natural y fácil: son verdaderos profesionales que muestran su experiencia y fuerza en el diseño. Tengo mucha confianza en que mi equipo puede reproducir estas prácticas óptimas en nuestro sistema de diseño web de marketing. Con eso viene un conjunto único de desafíos y obstáculos que no podemos anticipar. Afortunadamente en Square, existe una cultura de colaboración y humildad que puede ayudarnos cuando los obstáculos se sienten insuperables.