%% nav-debut : généré par gen_navigation.py, ne pas modifier à la main %% > [!nav] > ↩ [[Design et Création Numérique/Design/MIRO/MIRO|Accueil · MIRO]] > > | [[Design et Création Numérique/Design/MIRO/1 Prendre en main un tableau Miro\|← Prendre en main un tableau Miro]] | [[Design et Création Numérique/Design/MIRO/3 Collaborer, partager et restituer\|Collaborer, partager et restituer →]] | > |:---|---:| %% nav-fin %% # 📘 2. Produire et structurer des idées Un tableau collaboratif ne vaut que par la lisibilité de ce qu’on y dépose. Cette partie couvre les objets disponibles, les outils de mise en ordre, et la méthode qui les enchaîne. ## 2.1 Les objets | Objet | Usage | Ce qu’il faut savoir | |---|---|---| | Pense-bête (*sticky note*) | Une idée, une remarque | Se redimensionne mal par nature : c’est voulu, il force la concision | | Zone de texte | Titre, consigne, légende | Sans fond, ne se déplace pas avec un groupe d’idées | | Forme | Étape, entité, bloc de schéma | Rectangle, cercle, losange ; accepte du texte à l’intérieur | | Connecteur | Relier deux objets | Reste attaché quand on déplace l’objet ; peut porter une étiquette | | Crayon | Entourer, souligner, annoter | Utile en direct, à nettoyer après la séance | | Image et fichier | Illustrer, importer une source | Glisser-déposer depuis le bureau ; PDF affiché page par page | | Tableau | Comparer, lister | Préférable à un alignement de pense-bêtes quand les colonnes ont un sens | | Cadre (*frame*) | Délimiter une zone nommée | Voir §2.2 | ![[Miro-03-barre-outils.png|70]] *La barre d’outils, de haut en bas : assistant, sélection, modèles, pense-bête, texte, formes et connecteurs, crayon, cadre, stickers, commentaire, tableau, plus d’objets. En dessous, annuler et rétablir.* Deux règles gouvernent tout le reste. **Un pense-bête ne porte qu’une seule idée.** Un pense-bête qui contient trois phrases ne peut plus être déplacé, regroupé ni voté indépendamment. Il bloque le tri qui viendra après. **Un connecteur reste attaché.** Un schéma construit avec des connecteurs se réorganise sans être redessiné. Un schéma construit avec des flèches dessinées au crayon est à refaire à chaque déplacement. ## 2.2 Les cadres, colonne vertébrale du tableau Un **cadre** est une zone nommée. C’est l’outil qui transforme une surface infinie en document navigable. - Les cadres apparaissent dans le panneau latéral sous forme de liste ordonnée. Cette liste est le sommaire du tableau. - Un cadre déplacé emporte tout ce qu’il contient. - Un cadre est l’unité du **mode présentation** et de l’**export PDF** : une page par cadre. La bonne pratique est de poser les cadres avant de produire le contenu. Un tableau de brainstorming type comporte quatre cadres : *Question*, *Idées*, *Regroupements*, *Décisions*. ![[Miro-04-cadres.jpg|700]] *Un tableau découpé en cadres nommés — Goals, Flipped Goals, Causes of Failure. Le panneau de droite en donne la liste : c’est le sommaire du tableau.* ## 2.3 Mettre en ordre - **Groupe** : `Ctrl+G` solidarise plusieurs objets. `Ctrl+Maj+G` défait le groupe. - **Alignement et distribution** : sélectionner plusieurs objets fait apparaître les commandes d’alignement à gauche, à droite, centré, et de répartition à intervalles égaux. - **Ordre de superposition** : premier plan, arrière-plan, comme dans un logiciel de dessin. Utile quand un cadre passe devant son contenu. - **Verrouillage** : verrouiller les titres, les cadres et les images de fond évite qu’un participant les déplace par accident en séance. C’est la précaution la plus rentable avant d’ouvrir un tableau à un groupe. - **Recherche** : la loupe retrouve un texte n’importe où sur le tableau et y saute. ## 2.4 Le code couleur La couleur d’un pense-bête est une information, pas une décoration. Trois usages courants : - **Par auteur** : chaque participant prend une couleur, on voit d’où viennent les idées. - **Par catégorie** : problème, solution, question, décision. - **Par état** : à traiter, en cours, arbitré. La règle qui compte : **écrire la convention sur le tableau lui-même**, dans un coin, avec un pense-bête de chaque couleur légendé. Une convention annoncée à l’oral est oubliée en dix minutes. ## 2.5 Les modèles Miro fournit une bibliothèque de **modèles** (*templates*). Partir d’un modèle évite de reconstruire une structure connue et impose un cadre commun aux participants. | Modèle | Quand l’utiliser | |---|---| | Brainstorming | Produire un volume d’idées sans les juger, puis les regrouper | | Carte mentale (*mind map*) | Déplier une idée en arborescence, du général au détail | | Matrice impact / effort | Trancher entre plusieurs options sur deux critères | | SWOT | Poser forces, faiblesses, opportunités et menaces d’un projet | | Carte d’empathie | Décrire un utilisateur : ce qu’il dit, pense, fait, ressent | | Parcours utilisateur | Dérouler les étapes d’une expérience et repérer les points de friction | | Rétrospective | Faire le bilan d’un travail d’équipe : ce qui a marché, ce qui a manqué | | Kanban | Suivre l’avancement de tâches en colonnes | Un modèle s’adapte : on supprime les zones qui ne servent pas. Un modèle appliqué tel quel sans être compris produit un tableau rempli et vide de sens. ![[Miro-05-modeles.png|700]] *La bibliothèque de modèles. Les cas d’usage à gauche — idéation, recherche, planification, diagrammes — et la recherche par nom en haut.* ## 2.6 La méthode : du désordre à une décision Les fonctionnalités ci-dessus s’enchaînent dans un ordre qui a fait ses preuves. 1. **Cadrer.** Écrire la question en haut du tableau, dans un cadre. Une question mal posée produit deux heures d’idées inutilisables. 2. **Produire.** Chacun pose ses pense-bêtes en silence, en parallèle, pendant un temps limité. Le silence évite qu’une voix forte oriente tout le monde. 3. **Regrouper.** Rapprocher physiquement les idées voisines. Nommer chaque paquet une fois qu’il est formé, jamais avant. 4. **Trier.** Ouvrir une session de vote et laisser chacun répartir ses voix. 5. **Décider.** Recopier les éléments retenus dans un cadre *Décisions*, avec un responsable et une échéance. Un tableau qui s’arrête au vote ne sert à rien le lendemain. Les étapes 4 et 5 utilisent les fonctions de collaboration, détaillées en partie 3. **À manipuler :** vérifiez l'ordre de la méthode. ```sq-quiz ? Quelle étape vient juste après « Produire » ? - [ ] Trier - [x] Regrouper - [ ] Décider > Les idées voisines se rapprochent avant d'être triées par le vote. ? À quel moment nomme-t-on un paquet d'idées ? - [ ] Avant la production, pour guider le groupe - [x] Une fois le paquet formé - [ ] Après le vote > Un paquet se nomme une fois formé, jamais avant. ? Pourquoi la production se fait-elle en silence ? - [x] Pour qu'une voix forte n'oriente pas tout le monde - [ ] Pour gagner du temps sur le vote - [ ] Parce que Miro bloque le son pendant le minuteur > Le silence garde l'indépendance des idées de chacun. ? Que contient le cadre Décisions ? - [ ] Toutes les idées produites - [ ] Le décompte des voix - [x] Les éléments retenus, avec un responsable et une échéance > Un tableau qui s'arrête au vote ne sert à rien le lendemain. ``` %% nav-debut : généré par gen_navigation.py, ne pas modifier à la main %% > [!nav] > ↩ [[Design et Création Numérique/Design/MIRO/MIRO|Accueil · MIRO]] > > | [[Design et Création Numérique/Design/MIRO/1 Prendre en main un tableau Miro\|← Prendre en main un tableau Miro]] | [[Design et Création Numérique/Design/MIRO/3 Collaborer, partager et restituer\|Collaborer, partager et restituer →]] | > |:---|---:| %% nav-fin %% --- 🗓️ Historique Dernière mise à jour : `31 août 2026` Rédigé par : [[Julien DUQUENNOY]]