Definición de sistemas de diseño

Llegar a la raíz de lo que realmente es su sistema

Definir sistemas de diseño parece un desafío desalentador. No es que nuestra comunidad no haya hecho muchos, muchos, muchos, muchos, muchos, muchos, muchos, muchos, muchos, muchos, muchos, muchos, muchos intentos. Recientemente, Sarah Federman escribió sobre destilarlo en su esencia y nos advierte que evitemos quedar atrapados definiendo cosas y ser dogmáticos sobre lo que es y lo que no es.

Los sistemas de diseño son un campo en crecimiento formado por voces vibrantes y colaborativas. Es importante plantear qué es un sistema y cómo encaja, o corremos el riesgo de socavar su valor debido a una comprensión incoherente. No debemos sufrir desafíos, y hay un terreno común que ganar. Mi sustento depende de ello, vendiendo ~ 15-25 compromisos de sistemas de diseño al año a clientes que comprenden los resultados y productos (pista: no solo kits de interfaz de usuario, código y documento) y por qué son importantes.

"¿Qué es un sistema de diseño?"

Si tengo ~ 30 segundos en un elevador o sobre diapositivas animadas, lideraré con:

Casi siempre, un sistema de diseño ofrece una biblioteca de estilo visual y componentes documentados y publicados como código reutilizable para desarrolladores y / o herramientas para diseñadores. Un sistema también puede ofrecer orientación sobre accesibilidad, diseño de página y editorial y, con menos frecuencia, desarrollo de marca, visualización de datos, patrones UX y otras herramientas.
Un sistema de diseño es adoptado y apoyado por otros equipos que hacen experiencias. Estos equipos lo utilizan para desarrollar y enviar funciones de manera más eficiente para formar un viaje de cliente más coherente.
Un sistema de diseño está hecho por un individuo, equipo y / o comunidad. Si bien algunos surgen de manera menos formal, las organizaciones ahora dedican escuadrones pequeños a grandes para desarrollar y lanzar versiones y procesos del sistema a lo largo del tiempo.

Si solo son 10 segundos, diré:

Un sistema de diseño ofrece una biblioteca de estilo visual, componentes y otras preocupaciones documentadas y publicadas por un individuo, equipo o comunidad como herramientas de código y diseño para que la adopción de productos pueda ser más eficiente y coherente.

Si solo es un tweet, bueno, hay esto:

Formalmente, un sistema es un conjunto de partes interconectadas que forman un todo unificado. En el caso de los sistemas de diseño, esta definición en realidad alude a no uno sino tres sistemas interrelacionados que deberá resolver para tener éxito:

  1. un kit de piezas reutilizables e interconectadas
  2. un conjunto de productos cohesivos e interconectados, y
  3. Una comunidad de personas colaborativas e interconectadas.

# 1 Un kit de piezas reutilizables e interconectadas

Para sus principales clientes, el sistema es un conjunto de resultados tangibles que encuentran en el día a día. Comenzaré claramente con:

Casi siempre, un sistema de diseño ofrece una biblioteca de estilo visual y componentes documentados y publicados como código reutilizable para desarrolladores y / o herramientas para diseñadores.

En estos días, un sistema de partes conecta un estilo visual codificado (por ejemplo, color, espacio, tipografía) con componentes de interfaz de usuario compostables (botones, formas, encabezados, mucho más) utilizados para diseñar y construir interfaces.

Este punto de partida contiene un puñetazo de intención, revelando creencias: un sistema sirve a los desarrolladores y diseñadores, en ese orden. Un sistema debe estar bien documentado. Un sistema debe ofrecer componentes de estilo e interfaz de usuario. Sin embargo, cada sistema es diferente, por lo que expandiré el alcance de un sistema para incluir:

Un sistema también puede ofrecer orientación sobre accesibilidad, diseño de página y editorial y, con menos frecuencia, desarrollo de marca, visualización de datos, patrones UX y otras herramientas.

Esta variabilidad fomenta conversaciones útiles que trazan límites alrededor de lo que una organización quiere y necesita. Algunas preocupaciones (siempre estilo y componentes) se realizan con mucha más frecuencia que otras (orientación editorial y visualización de datos).

# 2 Un conjunto de productos cohesivos e interconectados

Palabras como "oferta" y "liberado" son intencionales, convirtiendo el sistema de diseño en un producto que satisface las necesidades de los clientes (principalmente, desarrolladores y diseñadores que fabrican sus propios productos) a través de resultados tangibles que utilizan.

Invocar conceptos de productos desencadena una cascada de conceptos útiles para aquellos familiarizados con la gestión de productos aplicables a un sistema también: hoja de ruta, trabajo atrasado, lanzamientos, incrementos de programa, sprints, dependencias. Sin embargo, enfocarse solo en el desarrollo de piezas corre el riesgo de perder lo que hace que los sistemas funcionen. ¡Especialmente, los clientes del sistema!

Un sistema de diseño es adoptado y apoyado por otros equipos que hacen experiencias. Estos equipos lo utilizan para desarrollar y enviar funciones de manera más eficiente para formar un viaje de cliente más coherente.

Los sistemas de diseño invierten en marketing para que los equipos de productos consuman el kit de piezas para formar una experiencia unificada y holística. Fomentar la adopción requiere mensajes claros para vender a otros para que adopten el sistema y mejorarlos (individual y colectivamente) al darse cuenta de sus beneficios a lo largo del tiempo como una dependencia.

La gestión de productos también evoca cómo los sistemas de diseño se ajustan a las operaciones del producto, como la entrega de DevOps ("¿Cómo lo lanzamos? ¿Cómo se automatiza?"), Integración ("¿Cómo hacemos la versión? ¿Qué es un cambio innovador? ¿Cómo, con qué frecuencia, y cuándo actualizamos? "), y la infraestructura (" ¿Dónde está nuestro repositorio? ¿Dónde está alojado nuestro documento? ¿Es público? ").

Fácil de perder en la definición anterior es compatible, enmarcando el soporte y servicio del cliente. La documentación efectiva es esencial. Más allá de eso, debe haber caminos y tiempo para proporcionar ayuda, responder a solicitudes, parchar defectos y consultar, todo en un entorno abierto y receptivo.

Lanzar un sistema de diseño (y el esfuerzo necesario para que funcione bien) como estilo, componentes y activos recién desarrollados, con exclusión del marketing, el servicio, la integración y las operaciones de los que depende el éxito, es demasiado limitado.

# 3 Una comunidad de colaboradores interconectados

Para ayudar a las partes interesadas a comprender los impactos de un sistema, también dirijo la conversación a través de las personas y actividades necesarias para operar un sistema.

Un sistema de diseño está hecho por un individuo, equipo y / o comunidad. Si bien algunos surgen de manera menos formal, las organizaciones ahora dedican escuadrones pequeños a grandes para desarrollar y lanzar versiones y procesos del sistema a lo largo del tiempo.

Caracterizar a un equipo del sistema como un escuadrón de productos establece la elección en términos familiares para los profesionales de productos y marketing: ¿es esto lo suficientemente importante como para respaldar a un equipo? Ese equipo puede adoptar rituales, exhibir el trabajo y desarrollar una hoja de ruta para convertirse en parte de la estructura de cómo las empresas fabrican productos.

En los casos que he observado, este equipo es responsable de los flujos de trabajo, las conexiones y la participación de la comunidad en una empresa para decidir cómo se aplica y evoluciona un sistema. Históricamente conocido como "gobernanza", evitaré ese término para favorecer un tono de colaboración sobre el control.

Desde el exterior, un diseñador, ingeniero u otra persona en una comunidad puede no sentir el nivel de ejecución detrás de tales actividades. Eso no significa que no se hayan desarrollado, operado, apoyado y utilizado deliberadamente durante meses o años. Esta ejecución de interacciones con la comunidad es un producto difícil pero intangible que hace que un sistema sea exitoso.

Componer una definición de sistema de alto nivel

Si bien no es mi intención, este escrito me devolvió al marco de un taller de Piezas, Productos y Personas que he realizado durante años. Esta actividad guía a los participantes a través de un protocolo prescrito para detallar qué partes necesita su sistema, a qué productos se aplicará y quién hace el trabajo.

Actividad de hoja de trabajo de piezas, productos y personas

Sin embargo, es razonable preceder o reemplazar esta meticulosa actividad con una plantilla más ágil y completa para comprender:

Nuestro sistema de diseño ofrece
_______ [alcance del kit] _______
lanzado como
_______ [salidas del kit] _____
y documentado en
_______ [sitio de documentación del kit] _____
producido por
_______[personas]_________
para servir
_______ [productos] _______
productos y experiencias.

Durante años de contribuir a los sistemas de diseño, esta afirmación arrojaría respuestas similares pero siempre únicas. Un sistema en el que estoy trabajando ahora llenaría estos espacios en blanco como:

Nuestro sistema de diseño ofrece
estilo visual, componentes de UI accesibles, gráficos, orientación editorial, patrones de UX y branding
lanzado como un
Marco HTML y CSS a través de npm, Sketch y otras plantillas PDF y AI
y documentado en
designsystem.companyname.com
producido por
un equipo de sistemas de 1 director de diseño, 1 gerente de producto, 2 diseñadores, 3 ingenieros y una comunidad de ~ 15 colaboradores de la comunidad
para servir
~ 50 aplicaciones web, algunas aplicaciones nativas y marcas limitadas
productos y experiencias.

Un sistema que estoy comenzando ahora exhibe una composición diferente que requiere un enfoque diferente de cómo se hace y se consume:

Nuestro sistema de diseño ofrece
estilo visual, componentes de la interfaz de usuario y procedimientos de accesibilidad
lanzado como un
Reaccione la biblioteca de componentes y los activos de Sketch a través de Lingo
y documentado en
designsystems.companyname.com
producido por
un equipo de sistemas de 1 líder de sistemas, 1 gerente de producto, 1 diseñador y 2 desarrolladores front-end que se asocian con un equipo de ingeniería basado en React
para servir
~ 10 aplicaciones basadas en web y 2 nativas
productos y experiencias.

Lo que desconcierta a nuestra comunidad es la variabilidad de la composición de los sistemas. El objetivo consistente, adoptar productos que produzcan una experiencia cohesiva de manera más eficiente, se alcanza a través de muchos medios potenciales mediante la participación de diferentes tipos de grupos con diferentes áreas de enfoque.

No hay una fórmula de facto, ni una metodología ganadora (pero estamos mejorando). En cambio, el éxito del sistema requiere adaptar la forma en que lo define a las condiciones y limitaciones de la empresa a la que sirve.

¿Está a punto de embarcarse en un sistema de diseño o necesita profundizar para hablar sobre productos y jugadores? EightShapes realiza talleres de planificación de sistemas y entrena a clientes en sistemas de diseño. ¡Hablemos!