Design : Animation d’ateliers numériques sur Figma

Comment j’ai utilisé Figma pour animer un atelier complet. Voici mes réflexions sur ce qui fonctionne, ce qui ne fonctionne pas et comment construire les outils d’atelier à distance du futur.

Te verrouillage ne remet pas en question les rôles et les professions en soi. Cela remet en question leur flexibilité et leur résilience. C’est également vrai pour nous, concepteurs et chercheurs UX, pour qui les exercices en face à face collaboratifs tels que les ateliers sont une partie importante de la vie professionnelle.

Il y a ce mythe qui circule sur le fait que les ateliers sont une activité du «monde réel» qui ne peut pas être reproduite virtuellement. Ayant moi-même dirigé avec succès un atelier numérique, je voudrais démystifier ce mythe.

Ici, je montre comment je l’ai exécuté en utilisant Figma, un outil de conception collaborative gratuit utilisé principalement pour créer et prototyper des interfaces, telles que des sites Web ou des applications mobiles. Bien que Figma ne soit pas un outil adapté à la gestion d’ateliers numériques (comme le Jamboard de Google, par exemple), il est suffisamment polyvalent pour les activer et, selon mon expérience, offre une expérience encore meilleure.

Il y a quelques semaines, alors que ma partie du monde était déjà bien bloquée à cause de la pandémie de coronavirus, une start-up m’a contacté dans sa phase de découverte. La startup a eu une idée de produit. Ce qu’il n’avait pas, c’était une idée claire de qui seraient leurs principaux utilisateurs, afin de choisir le marché spécifique à cibler, et quelles devraient être les exigences pour son produit minimum viable (MVP).

Pour combler ces lacunes, nous avons commencé par suivre les double diamant processus pour d’abord élargir l’espace du problème, puis le réduire. Cela nous a aidés à identifier tous les segments d’utilisateurs possibles pour leur produit, avant de sélectionner les segments les plus pertinents que nous avons choisis de prioriser et de garder à l’esprit lors du développement ultérieur du produit.

Cet exercice de réflexion élargi que restreint est une excellente occasion d’amener les membres de l’équipe à partager leurs idées et leurs visions pour un produit, ce qui peut apporter beaucoup de valeur à toutes les personnes impliquées lorsqu’il est effectué dans un environnement d’atelier. Les ateliers permettent à chaque membre de l’équipe de partager leurs idées et leurs convictions personnelles, et permettent à toute l’équipe de converger sur les domaines prioritaires. Cela donne aux équipes la plate-forme pour des discussions constructives et pour parvenir à une direction convenue sur ce que devraient être leurs prochaines étapes. (Pour en savoir plus sur la valeur des ateliers, le livre Sprint par Jake Knapp est une lecture incontournable.)

Pour permettre tout cela, virtuellement, un travail de préparation était nécessaire. Pour préparer le terrain, j’ai commencé par créer les «  ressources virtuelles  » essentielles qui comprenaient: des tableaux blancs pour chaque participant, des boîtes colorées de type post-it avec du texte à l’intérieur, des autocollants de priorité (jaune et rouge), des graphiques 2×2, un tableau pour le domaines prioritaires finaux.

Le lendemain, nous étions prêts à partir et tous les participants ont rejoint un appel Zoom et se sont connectés à Figma pour commencer.

L’atelier numérique comprenait les éléments suivants:

• Une brève explication sur le fonctionnement de Figma et sur le fonctionnement de notre atelier
• Fonctionnement fou huit-comme des exercices pour réfléchir à tous les segments d’utilisateurs possibles (A).
• Synthétiser et organiser les différents segments d’utilisateurs (B).
• Création de graphiques 2×2 avec des variables clés identifiées pour hiérarchiser les segments d’utilisateurs (C).
• Donner la priorité aux segments d’utilisateurs sur lesquels se concentrer – d’abord individuellement, puis collectivement (B et D).

• Faire des exercices de conception individuels: chaque utilisateur a pu noter efficacement ses idées dans ses propres tableaux blancs.
• Se rassembler pour réfléchir: se réunir en équipe pour discuter des similitudes et des différences dans nos réponses individuelles a très bien fonctionné. J’ai fini par copier-coller les idées pertinentes qui nous ont permis de synthétiser le matériel plus efficacement pour référence future.
• Exercices de priorisation: les autocollants rouges et jaunes ont fonctionné aussi bien numériquement que dans le monde réel.
• Création de graphiques 2×2: créer des graphiques 2×2 était très facile et peut-être plus efficace que dans les ateliers du monde réel en raison de notre capacité à modeler des formes géométriques à notre guise (par exemple, nous les avons faites grandes et petites pour représenter les tailles de marché relatives des segments d’utilisateurs).
• C’était totalement gratuit: contrairement au monde physique, qui nécessite des post-its, des marqueurs, des autocollants et une salle, se joindre à cet atelier numérique ne nous coûte rien en plus de nos factures Internet habituelles.

• Lutte initiale pour modifier les formes: Malgré mon introduction rapide, certaines personnes qui ne connaissaient pas Figma ont eu du mal à créer de nouveaux post-its et à changer les polices de texte. Cela met en évidence la nécessité d’un outil moins complexe au prix d’avoir moins de plasticité.
• La présence des gens dans l’espace virtuel manque: une partie précieuse de la participation à un atelier est l’occasion d’être parmi les participants, et je pense que nous pouvons tous convenir que le sentiment d’être dans une pièce avec un groupe de participants est unique et irremplaçable numériquement. Cependant, je pense que nous pouvons faire mieux que ce que nous avons actuellement, qui est représenté par une flèche avec nos noms (voir ci-dessous). Je n’ai pas la réponse au problème de la présence numérique, mais il convient de noter quelques expériences intéressantes qui émergent: des solutions d’avatars 2D par Remo et La ville en ligneet des outils de réalité virtuelle / 3D tels que Cryptovoxels.