SA partir de 2016, Whisk se convirtió en una empresa distribuida y comencé a trabajar cada vez menos en una oficina física con miembros del equipo a mi alrededor. Si bien valoro mucho la libertad y la flexibilidad que ofrece el trabajo distribuido, todavía me falta la magia de la colaboración personal al diseñar. La distribución crea naturalmente fricciones y nos obliga a adoptar nuevas formas de trabajar juntos.
Dado que Whisk se ha generalizado por completo,vSiempre hemos experimentado con formas de crear una versión digital de la “oficina abierta” de antaño, donde puedes caminar hasta el escritorio de otro diseñador para ver en qué están trabajando, utilizando la tecnología que tenemos a nuestra disposición y los beneficios. de colaboración asincrónica.
Contenido del Articulo
1.Asegúrate de que todo el trabajo sea transparente y accesible
Esto puede parecer obvio: cuando los diseñadores están diseminados por todo el mundo trabajando en sus propios documentos / archivos, la colaboración está llena de fricciones. Los Documentos de Google son privados de forma predeterminada. Los archivos Figma van a su proyecto personal (no de equipo). Nadie puede inclinarse sobre su hombro y mirar su trabajo.
Se necesita un esfuerzo consciente para hacer que las ideas, documentos, proyectos, etc., sean fácilmente accesibles para otros para que puedan unirse, ver el progreso y contribuir.
Para crear un estudio digital tan abierto, necesita dos cosas:
- Una cultura que comprende y valora profundamente la colaboración temprana. Para ser verdaderamente abierto, debe deshacerse del estigma del trabajo de “no estar dispuesto a compartir”. El equipo debe estar listo para mostrar su trabajo desde el principio. Y es muy importante ser empático a la hora de nutrir las primeras ideas. La confianza dentro del equipo juega un papel importante.
- Sistemas y procesos que, por defecto, son compartidos y accesibles para todas las personas de la organización. La creación de un nuevo archivo de diseño de Figma debería terminar en un proyecto disponible para el equipo y con referencias cruzadas a Notion / GoogleDocs / etc. para que otros sepan de inmediato dónde encontrarlo.
2. Defina claramente los estándares y el proceso para organizar archivos.
Con la transparencia y la accesibilidad configuradas de forma predeterminada, el siguiente paso es lograr que el equipo se ponga de acuerdo sobre cómo organizar el trabajo del proyecto. La creatividad es, naturalmente, un proceso complicado, pero la estructura de gobierno para personalizar los archivos Figma facilita que otros diseñadores se sumerjan, naveguen, contribuyan y tomen prestadas ideas para sus propios proyectos. Esto hace que nuestro trabajo sea modular, interconectado e intuitivo.
Algunos de los procesos que nos ayudan a mantener la coherencia:
- Página Léame – cada archivo debe tener una página Léame que establezca el contexto (propósito) del proyecto, muestre su estado, quién es el propietario y enlaces a otros documentos relevantes (por ejemplo, Noción para un PRD detallado).
- Carpetas de proyectos – Poner un archivo en el proyecto correcto significa que las personas adecuadas tienen acceso a él de forma predeterminada. ¡Sencillo!
- Bibliotecas compartidas de estilos y componentes – Todo nuestro trabajo está relacionado con bibliotecas de estilos y plantillas compartidas, por lo que siempre trabajamos con la misma fuente de verdad: nuestro sistema de diseño.
- Estructuras comunes de páginas y capas – Las convenciones de paginación facilitan la navegación por sus archivos. Los diseñadores saben dónde dejar comentarios y los ingenieros saben dónde encontrar diseños listos para producción.
3. Desarrollar la comunicación asincrónica habitual.
Abrir y hacer que todo el trabajo esté disponible de forma predeterminada reduce parte de la “comunicación” típica necesaria para trabajar juntos, pero desarrollar músculos fuertes para una comunicación rápida y asincrónica es aún más poderoso (y necesario) para una comunicación sólida entre los miembros del equipo distribuidos en diferentes zonas horarias.
A través de una comunicación asincrónica reflexiva y oportuna, nuestro motor de diseño mantiene los proyectos funcionando día y noche: los miembros del equipo de todo el mundo desarrollan y mejoran las ideas continuamente.
Estas son algunas de las formas en que lo hacemos:
Actualizaciones de Slack – los diseñadores comparten breves actualizaciones que señalan el progreso y se centran en un área de trabajo específica. Una publicación rápida varias veces a la semana con vínculos de contexto + diseño contribuye en gran medida a crear una cultura abierta de colaboración.
Visualización del proceso de pensamiento en Figma –Captar el pensamiento de diseño junto con el diseño ayuda a otros a aprender más rápido y a proporcionar comentarios más valiosos. Proporcione un contexto sobre las limitaciones, las instrucciones aprendidas y dónde realmente necesita comentarios.
Comentando en Figma –usando la función de comentario incorporada esta es una forma estándar / fácil de compartir ideas y comentarios. Funciona muy bien porque está en contexto (justo encima del diseño) y tiene un valor práctico (se puede pensar en una tarea).
Mensajes de video – Mostrar y hablar en el trabajo es la forma más eficaz de comunicar ideas. Usamos Loom.com. Intentamos mantener la duración del mensaje de video no más de 5 minutos. (y, por supuesto, fomentar el uso liberal de la opción de reproducción 2x)…
4. De forma predeterminada, se utiliza la retroalimentación visual (superpoder del diseñador).
Todos los métodos anteriores tienen un momento y lugar, pero la táctica más eficaz que usamos para todos ellos es retroalimentación visual…
En lugar de escribir o explicar los comentarios, nuestro objetivo es mostrar ideas (en cualquier medio: desde marcos y flechas aproximados para diapositivas de Google hasta miniaturas para iPad y prototipos de alta fidelidad). Todo, excepto las palabras, transmitirá la idea de forma más rápida y clara. De forma predeterminada, la retroalimentación visual en lugar de escrita o verbal cataliza todo el proceso de diseño y desarrollo. También muestra inmediatamente si la respuesta es mala. (por ejemplo: se ve peor, no es factible, demasiado incompleto)…
Este superpoder de los diseñadores a menudo se infrautiliza y ayuda a diseñar situaciones cotidianas y ayuda a otros diseñadores a dar el siguiente paso más rápido. Capacitamos activamente al equipo de diseño para que aprenda la comunicación visual rápida.
Figma facilita la creación de ideas visuales con bibliotecas de componentes. Fácil de crear prototipos a la velocidad del rayo. Pero la alta fidelidad no siempre es apropiada o asequible, por lo que otra táctica que he explorado recientemente (especialmente para ideas que son anteriores y más abstractas) es usar mi iPad y mi lápiz para dibujar servilletas en tiempo real. Es increíblemente divertido, creativo y colaborativo durante las videollamadas habituales.
5. Mantenga momentos regulares de colaboración en tiempo real.
Un buen trabajo de diseño no puede continuar solo con la comunicación asincrónica. Es por eso que hacemos una sincronización de diseño semanalmente. (búsqueda circular rápida de actualizaciones y análisis del trabajo) y revisiones de diseño (discusión profunda sobre la experiencia del usuario y el trabajo de diseño visual)… Estos momentos nos permiten discutir el trabajo en tiempo real, ¡pero también nos dan la oportunidad de tener discusiones divertidas / informales / cara a cara! Lo he visto generar confianza y relaciones dentro del equipo y aportar energía al trabajo, incluso si las discusiones en sí mismas no siempre conducen a mejores ideas.
Probamos Around.co para hacer revisiones de diseño. Hace una superposición de video perfecta directamente en Figma. Además, el nuevo chat de audio de Figma también facilita la conexión en el acto.