El diseño no se escala.

El diseño no escala es una declaración que me ha molestado durante los últimos cuatro años. Cuando me uní al equipo de diseño de Spotify en 2012, el nivel de inconsistencia y fragmentación me sorprendió. De cerca, el tratamiento de tipo, color, imágenes, diseño, IA e interacciones simplemente no parece alinearse en ningún lado. Y cuando comencé a hablar de eso, me di cuenta de que todo el equipo también estaba frustrado. Llegamos a la conclusión de que la fragmentación en el producto solo reflejaba la fragmentación en el equipo, que los diseñadores se extendieron en tantos proyectos diferentes, zonas horarias y horarios competitivos, simplemente no tenían ninguna oportunidad. Y, después de todo, ¿no eran estos factores inherentes a todas las empresas tecnológicas modernas? Fue entonces cuando me escuché decir por primera vez: "El diseño no escala".

Pero aunque este problema me inquietó, hice mi mejor esfuerzo para no involucrarme en él, descartándolo como una causa perdida, y centrándome en un rediseño. No funcionó. No importa cuán feliz estuviese con un diseño, siempre estaba opaco cuando se veía junto con varias direcciones de diseño en conflicto. Un año después de unirme, finalmente me sentí tan frustrado con este problema que decidí convertir mi misión personal en encontrar una solución. Seguramente cruzar los brazos y aceptar que el diseño no escala no podría ser la única respuesta.

Entonces, la premisa de mi búsqueda fue Diseño no escala o: ¿cómo un equipo de diseñadores distribuidos, distribuidos en diferentes zonas horarias, proyectos y objetivos competitivos, encuentra alguna manera de trabajar juntos para poder crear una experiencia coherente? Esto es lo que descubrimos.

Principios

Fue durante una crítica de diseño semanal que quedó claro que no teníamos nada en qué alinearnos. Nuestros comentarios no fueron más que opiniones personales basadas en una nueva moda de diseño. Esto llevó a la frustración de la presentación del diseñador, y dejó al equipo con una sensación de incertidumbre una vez que terminó la sesión. Entonces, en 2013, decidimos escribir algunos principios para convertir a este grupo de personas en un equipo con un punto de vista compartido.

(1) Contenido primero (2) Estar vivo (3) Familiarizarse (4) Hacer menos (5) Mantenerse auténtico (6) Lagom

Desde entonces, hemos utilizado estos principios para alinear nuestras críticas de diseño, dar forma a una voz colectiva en todo el diseño de la organización y como la base para la realineación visual que enviamos en 2014, un proyecto que tuvo muchos aprendizajes y fue digno de su propio artículo.

Spotify 2014 (Proyecto Cat)

Lo que realmente hizo que los principios funcionaran fue que los adaptamos a nuestro dominio (música) y los vinculamos a nuestros objetivos comerciales, en términos que resonarían entre los no diseñadores.

Desde su lanzamiento, hemos estado explorando formas de hacerlos más pegajosos, por ejemplo, reduciéndolos a tres y haciéndolos más inclusivos como Principios de Experiencia en colaboración con nuestro equipo de Marketing.

Pautas

Después de la realineación visual, pronto quedó claro que la parte más difícil sería mantener esta nueva consistencia encontrada. Entonces, en 2014, creamos el Sistema de lenguaje de diseño de Spotify, GLUE (un lenguaje global para una experiencia unificada), que documentaba nuestros estilos, componentes y patrones, en un sitio web accesible para todos en la empresa.

Versión 1 de las Directrices de Spotify

Por primera vez tuvimos una definición compartida de nuestras interfaces que podríamos usar para coordinar su evolución. Esto no solo fomentó la coherencia y una mayor eficiencia, sino que también creó un vocabulario compartido entre diseñadores y desarrolladores, de modo que la etiqueta para un color o estilo de tipografía podría entenderse en todas las especificaciones de diseño y el código.

Junto con las pautas, creamos kits de herramientas de interfaz de usuario para nuestras herramientas de diseño que reflejaban los mismos estilos y componentes. Esto fue excelente para proyectos de arranque rápido, al tiempo que destacaba lo que no existía y que podría necesitar agregarse al kit de herramientas más adelante. También nos obligó a elegir qué aplicaciones (Photoshop o Illustrator o Sketch, etc.) admitiríamos y cómo compartiríamos los archivos entre nosotros.

La modularización del diseño de esta manera ha revelado las relaciones y dependencias que conforman nuestra experiencia y, en última instancia, nos facilita la colaboración entre nosotros.

pegamento

Pronto nos dimos cuenta de que mantener pautas y kits de herramientas es un esfuerzo constante. Entonces, después de algo convincente, GLUE se convirtió en un equipo dedicado en 2015, compuesto por diseñadores e ingenieros.

Team GLUE haciendo un mashup de un T-rex y una pose de Superman.

Al ser un equipo centralizado, GLUE puede apoyar a nuestros diseñadores distribuidos facilitando la colaboración entre equipos y proporcionando marcos para evolucionar las diferentes necesidades de diseño en la empresa. Los ingenieros del equipo amplían este trabajo al codificar los componentes básicos de las pautas en iOS, Android y Desktop. Proporcionar una implementación técnica para desarrolladores front-end en toda la organización.

Gremio

Un desafío común con un grupo central es mantener el contexto, ya que es fácil desconectarse de las necesidades actuales de la organización y descubrir que las soluciones que está brindando ya no son relevantes. Para resolver esto, configuramos el Design Guild.

Cada semana, durante 1 hora, dos diseñadores de cada misión de producto y el equipo de GLUE se reúnen para compartir el contexto sobre lo que sea que estén trabajando y que tenga consecuencias para los demás. GLUE podría compartir actualizaciones sobre las pautas, mientras que un diseñador de características podría desear alinearse con un nuevo diseño en el que están trabajando. A menudo, estas actualizaciones darán como resultado un gesto amistoso para reconocer que estamos alineados, o un taller para resolver cualquier conflicto en la dirección del diseño. Esta reunión ha ayudado a romper los silos, alentar la colaboración y amplificar un sentido compartido de propiedad para la experiencia general.

Diseño de control de calidad

A pesar de toda esta alineación y coordinación, a veces los errores de diseño aún pasan. Para solucionar esto, recientemente configuramos nuestro primer control de calidad de diseño global. Se requirió que los diseñadores de todas nuestras oficinas (Estocolmo, Gotemburgo, Londres, Nueva York y San Francisco) se unieran y volvieran a calibrar cuál es nuestra definición compartida de calidad, incluidas las prácticas que necesitamos para garantizar su cumplimiento. Invitamos a los miembros de QA (Quality Assurance) a asegurarnos de que los diseñadores tenían claro cómo utilizar mejor las herramientas como Jira (un sistema de detección de errores) y cómo probar sus diseños en todos los dispositivos compatibles. Esto desencadenó muchas discusiones, destacando las preocupaciones de qué tipo de errores de diseño deberían capturarse y cómo priorizarlos.

Instantánea de un reciente taller de diseño de control de calidad.

Pero quizás el tema más fundamental que abordamos fue cómo definimos la calidad del diseño. Lo que hasta entonces había sido más o menos "lo sabes cuando lo ves". Decidimos probar una lista de verificación en su lugar. En él declaramos que calidad significa seguir nuestras pautas y principios, y respaldar nuestras métricas centrales. Y que cuando necesita desviarse de cualquiera, asume la responsabilidad de actualizar los equipos o marcos afectados.

Buscando más formas de definir la calidad, recientemente comenzamos a preguntarnos si un diseño está "en TUNE", un acrónimo para medir todas las partes de la experiencia, incluido cómo se siente usar Spotify. Esto está ayudando a dar forma a una narrativa sólida en torno a los aspectos emotivos de nuestra experiencia, y tener en cuenta que la interfaz es la marca.

  • Tono. ¿Estamos utilizando el tipo de tono de voz adecuado para nuestra marca?
  • Usable. ¿Es accesible para todos?
  • Necesario. ¿Es realmente necesaria esa funcionalidad?
  • Emotivo. ¿Se siente bien usar? ¿Sientes que a alguien le importa?

Después del verano, probaremos el proceso de Diseño de Calidad Global como un paso clave para cualquier diseñador que se prepare para enviar algo en un lanzamiento. Asegurándonos de que no solo diseñaremos el control de calidad de nuestro trabajo individual, sino todo el trabajo que se realizará en vivo para nuestros clientes.

Y esto me lleva de vuelta a hoy. Hacer un balance de los aprendizajes de los últimos años me ha dado y escribir esta cuenta parcial de todas las cosas que nos han funcionado. Y aunque soy consciente de que este no es un viaje completo, que surgirán muchos desafíos nuevos y que algunas soluciones pueden quedar obsoletas, estoy feliz de dejar descansar este demonio de diseño personal, sabiendo que cuando inviertes en alinear y -Dordinando diseñadores, el diseño escala.

Si es diseñador, propietario o gerente de un producto y enfrenta alguno de estos desafíos, le recomiendo que pruebe los métodos anteriores y vea si pueden ayudarlo. Y siempre puede comunicarse conmigo en Twitter si desea obtener más información o asistencia.

Gracias por leer : )

Si disfrutaste esto, presiona ♡ y sigue a continuación. También puedes contactarme en twitter @hellostanley.