Qui peut le faire : Tous les utilisateurs
Quels forfaits : Tous les forfaits
Quelles plateformes : Navigateur, application de bureau, mobile
Utilisez la Bibliothèque de prototypage pour créer des maquettes de prototypes directement sur le canevas Miro. La bibliothèque contient des écrans, des composants d’interface et des icônes qui vous aident à visualiser des flux et à structurer vos idées dès les premières étapes.
Vous pouvez utiliser la Bibliothèque de prototypage pour créer des prototypes statiques. Des fonctionnalités telles que les composants avancés, les lignes de connexion et l’aperçu interactif nécessitent un forfait Business ou la licence Accelerate pour les forfaits Enterprise.
La bibliothèque de prototypes contient tout ce qu’il vous faut pour créer manuellement des flux à un seul écran ou à plusieurs écrans dans Miro
Ouvrir la bibliothèque de prototypes
- Sur le canevas, depuis la barre de création cliquez sur Outils, médias et intégrations (
).
- Recherchez Prototyping, puis cliquez sur Bibliothèque de prototypes.
- Le panneau Bibliothèque de prototypes s’ouvre.
Que contient la bibliothèque de prototypes
La bibliothèque de prototypes est organisée en onglets. Tous les utilisateurs peuvent l’utiliser pour créer des maquettes statiques en assemblant des écrans, des composants d’interface utilisateur et des icônes.
💡 Pour des prototypes générés par IA et des flux interactifs, utilisez la Bibliothèque de prototypage avec Miro Prototypes.
Écrans
Les Écrans sont des cadres préconçus pour prototyper des flux. Vous pouvez ajouter des écrans Mobile, Tablette ou Bureau sur votre canevas et créer des mises en page en faisant glisser des éléments d’interface dessus.
Travailler avec les écrans
- Afficher ou masquer le chrome de l’écran (pour qu’il ressemble à un cadre d’appareil ou à un simple cadre)
- Faire pivoter un écran
- Redimensionner un écran en le faisant glisser pour augmenter sa hauteur (verticale uniquement)
Composants d’interface utilisateur
Les composants d’interface utilisateur sont des éléments d’interface courants que vous pouvez faire glisser sur les écrans, comme des boutons, des champs de saisie, des barres de navigation et des éléments de formulaire.
Vous pouvez :
- faire glisser des composants sur un écran;
- redimensionner et repositionner les composants;
- modifier le texte et les styles de base depuis le menu contextuel.
✏️ Les options du menu contextuel varient selon l’élément sélectionné.
Avec Miro Prototypes, certains composants d’interface deviennent interactifs en mode Aperçu. Par exemple, les boutons, curseurs, champs de saisie et menus déroulants réagissent aux actions de l’utilisateur en fonction des lignes de connexion que vous avez définies.
Certains ensembles de composants, comme les Composants avancés, sont disponibles uniquement avec Miro Prototypes. Si vous n’y avez pas accès, ces composants peuvent apparaître dans la bibliothèque avec un indicateur.
Icônes
L’onglet Icônes contient une bibliothèque d’icônes consultable que vous pouvez utiliser dans vos prototypes.
Ajouter ou remplacer une icône
- Faites glisser une icône depuis la bibliothèque sur le canevas.
- Sélectionnez l’icône pour modifier sa couleur depuis le menu contextuel.
- Choisissez Remplacer l’icône pour la remplacer par une autre sans modifier sa position ni sa taille.
Wireframes (hérités)
L’onglet Wireframes contient des éléments de wireframes hérités. Ces éléments restent disponibles et modifiables pour les tableaux existants, mais les nouveaux prototypes doivent utiliser les écrans et les composants d’interface utilisateur de la bibliothèque de prototypage.
Lignes de connexion et interactivité (Miro Prototypes)
Lignes de connexion vous permettent de définir la navigation entre les écrans d’un prototype. Avec Miro Prototypes, vous pouvez créer des lignes de connexion entre des éléments et des écrans pour construire des flux en plusieurs étapes.
Les lignes de connexion activent également l’Aperçu interactif. En mode Aperçu, les écrans connectés se comportent comme un flux cliquable, et les écrans défilent verticalement s’ils dépassent la zone visible. Sans Miro Prototypes, les lignes de connexion et le comportement interactif ne sont pas disponibles.
💡 Certains éléments d’interface affichent une icône en forme d’éclair lorsqu’ils sont ajoutés à un écran. Dans des flux multi-écrans, faites glisser l’icône éclair pour créer une ligne de connexion entre les écrans.