Une fois votre enregistrement téléchargé, l’éditeur Step by step guide étape s’ouvre dans le portail de la base de connaissances. Chaque étape est générée automatiquement en fonction du flux de travail capturé, avec le titre et la description de l’étape préremplis à partir des actions enregistrées.
Chaque étape affiche l’écran capturé à gauche et un panneau droit avec des options modifiables. Cet article couvre tout ce que vous pouvez faire pour affiner et améliorer votre guide avant de publier
Quand utiliser chaque outil de montage
La boîte à outils de montage offre un large éventail de fonctionnalités. Savoir quand utiliser chacune vous aide à travailler plus efficacement.
Outil | À utiliser à mieux quand | Exemple |
|---|---|---|
Flou | Un écran contient des mots de passe, des clés API, des informations personnelles personnelles ou des URL internes | Cacher une adresse e-mail client visible dans le panneau d’administration lors d’une visite d’intégration |
Projecteur | Un élément sur un écran chargé doit ressortir | Surligner un petit lien enfoui dans une page dense de paramètres |
Superposition de texte | Vous devez annoter une étape avec une étiquette, un avertissement ou un appel qui n’est pas dans l’interface utilisateur | Ajouter « Ne pas cliquer sur enregistrer encore » en rouge au-dessus d’un bouton que l’utilisateur devrait passer pour l’instant |
Points forts | Vous voulez attirer l’attention avec la couleur sans assombrir le reste de l’écran | Dessiner une case jaune autour du champ que l’utilisateur doit remplir ensuite |
Superposition d’image | Vous voulez montrer un schéma, une touche d’icône ou un élément de marque à côté de la capture d’écran | Ajouter une légende numérotée à une capture d’écran complexe du tableau de bord |
Culture | L’écran enregistré contient des Chromes ou des barres latérales du navigateur sans importance qui détournent l’attention de la tâche | En recadrant la barre de signets et les panneaux latérals sans lien |
Zoom | Un hotspot ou une cible de clic est petit et facile à manquer | Zoom sur un petit bouton de bascule en haut à droite de l’écran |
Animer le clic | Une capture d’écran statique ne montre pas ce qui se passe lorsqu’un bouton ou un lien est cliqué | Affichage du menu déroulant qui s’élargit après que l’utilisateur ait cliqué sur un élément du menu |
Contenu de l’étape d’édition
Utilisez le volet de droite pour modifier ces éléments à chaque étape :
Titre - Saisissez le titre de l’étape. Pour ajouter un hyperlien, sélectionnez le texte et cliquez sur l’icône Hyperlien .
Description - Ajouter des instructions ou du contexte. Formater en gras, italique, souligné, liste ordonnée, liste non ordonnée et hyperlien.
Image de diapositive - Cliquez sur Remplacer l’image pour échanger la capture d’écran capturée (maximum 10 Mo ; formats pris en charge : JPG ou PNG ; résolution recommandée : 1920×892, minimum 100×100).
Sélectionnez depuis l’original - Choisissez une image de la vidéo enregistrée. Utilisez un réglage fin de millisecondes pour plus de précision.
Mes téléchargements - Cliquez sur Télécharger pour choisir un fichier depuis votre explorateur local.
Cliquez sur Insérer pour postuler.
Pour insérer une nouvelle étape, passez le souris entre deux étapes existantes et cliquez sur l’icône + .
NOTE
Les images utilisées à chaque étape sont dérivées de votre session enregistrée. Vous pouvez choisir n’importe quelle image de l’enregistrement original pour créer une nouvelle étape ou remplacer une image existante.
Ajouter des éléments
Ces outils superposent directement des améliorations visuelles à l’image en marche.
Flou
Masquez les informations sensibles ou privées dans une capture d’écran.
Cliquez sur Flouter > Ajouter.
Assurez-vous que le bouton de flou Afficher est activé.
Entrez un nom pour le flou.
Sélectionnez l’étape à laquelle l’appliquer. Chaque élément de flou est assigné à une étape spécifique. Répétez pour les autres étapes si besoin.
Choisissez une forme : cercle ou rectangle.
Ajustez le curseur Intensité (opacité).
Cliquez sur Postuler.
Pour supprimer un flou, survolez la liste - cliquez sur Plus () > Supprimer. Cliquez sur Ajouter un nouveau en haut pour ajouter plus d’éléments de floutage.
NOTE
Vous pouvez ajouter plusieurs effets de flou à une seule image.
Image
Superposez une image supplémentaire sur une marche.
Cliquez sur l’image > Ajouter.
Dans la fenêtre de dialogue Mes téléchargements , sélectionnez une image déjà téléchargée ou cliquez sur Télécharger pour parcourir vos fichiers locaux. Des éléments d’images prédéfinis sont également disponibles.
Dans la section Taille et position , choisissez :
Libre forme - Ajustez librement la taille et la position. Entrez une valeur exacte dans le champ Angle ou utilisez Rotation à gauche () ou Rotation à droite () pour ajuster manuellement.
Ajuster à l’écran - L’image remplit par défaut la zone image de l’étape.
Cliquez sur Postuler.
Projecteur
Attire l’attention sur une zone précise en atténuant tout ce qui se trouve à l’extérieur.
Cliquez sur Mettre en lumière > Ajouter.
Entrez un nom pour les projecteurs.
Sélectionnez l’étape à laquelle l’appliquer.
Choisissez une forme : cercle ou rectangle.
Cliquez sur Postuler.
Pour supprimer, survolez le projecteur dans la liste - Plus () > Supprimer. Cliquez sur Ajouter nouveau pour ajouter plus de projecteurs.
NOTE
Toutes les zones en dehors du projecteur seront atténuées. Actuellement, vous ne pouvez pas ajuster la luminosité de la zone atténuée.
Texte
Ajoutez des annotations textuelles personnalisées par-dessus l’image de pas.
Cliquez sur Texte > Ajouter.
Saisissez votre texte. Formatez en gras, italique, souligné, liste ordonnée/non ordonnée, ou hyperlien.
Choisissez une police et une taille de police.
Choisissez une couleur dans la palette.
Réglez la rotation en utilisant le contrôle de degré .
Cliquez sur Postuler.
Pour modifier, cliquez sur l’icône Modifier (). Pour supprimer, cliquez sur Plus () > Supprimer. Cliquez sur Ajouter de nouveaux éléments de texte supplémentaires.
Points forts
Marque les zones importantes sur l’image des escaliers avec une superposition colorée.
Cliquez sur Mettre en évidence > Ajouter.
Assurez-vous que le bouton de mise en surbrillance est activé.
Entrez un nom.
Choisissez une forme : cercle ou rectangle.
Sélectionnez une couleur dans la liste ou cliquez sur + pour utiliser une couleur personnalisée.
Cliquez sur Postuler.
Pour supprimer, survolez la surlignée → Plus () > Supprimer. Cliquez sur Ajouter nouveau pour plus de surlignements.
Transitions d’image
Effet de zoom
Appliquez un effet de zoom pour attirer l’attention sur les points chauds ou les zones clés de l’image à pas.
Cliquez sur le bouton + en haut à droite de l’image pour zoomer.
Cliquez sur le bouton − pour dézoomer.
Utilisez cela pour concentrer le lecteur sur un élément petit ou facilement manqué – une case à cocher, un bascule, un lien sans recadrer le contexte environnant.
Animer le clic
Au lieu d’une image statique, animez un pas en diffusant un court clip vidéo autour du clic enregistré, utile lorsque le résultat d’un clic (une ouverture déroulante, un panneau qui s’agrandis) est important pour le lecteur.
Sélectionnez l’étape souhaitée.
Dans le panneau de droite, allez dans Transition d’image.
Choisissez Animer et cliquer.
Sélectionnez une durée :
3 secondes - indique 1,5 seconde avant et après le clic. Idéal pour des interactions rapides et simples.
5 secondes - équilibré ; bon dans la plupart des cas où une animation brève est nécessaire.
10 secondes - affiche jusqu’à 5 secondes de chaque côté ; idéal pour les transitions plus lentes comme les chargements de pages ou les réponses animées de l’interface. La durée s’ajuste en fonction des séquences disponibles.
Le pas se joue sous forme de mini-vidéo, centré sur le point de clic.
Modifier l’image
Culture
Recadrez l’image par pas pour vous concentrer sur une zone spécifique.
Cliquez sur Recadrer.
Choisissez un format d’image :
Original (320:141)
Coutumes
Carré (1:1)
Paysage (16:9)
Portrait (9:16)
Pour Personnalisé, glissez la zone de recadrage sur l’image. La section de sortie Recadrage affiche la largeur, la hauteur et le format d’aspect résultants.
Cliquez sur Postuler pour sauvegarder.
NOTE
Une fois recadrée, seule la zone sélectionnée sera mise en évidence et visible dans le site de la base de connaissances.
Gestion des éléments ajoutés
Pour examiner et gérer toutes les améliorations en une seule étape :
Dépliez la section Éléments ajoutés dans le panneau de droite.
Survolez un élément quelconque :
Cliquez sur Modifier () pour le mettre à jour.
Cliquez sur Supprimer () pour la supprimer.
Résolution de problèmes de montage
Un flou ou un projecteur que j’ai appliqué n’apparaît pas dans le guide publié - Vérifiez que le bouton Afficher flou ou Afficher les surlignes est activé pour cet élément. Les éléments sont cachés par défaut jusqu’à ce que le bascule soit activé, ils restent dans votre éditeur en tant que configurations sauvegardées mais ne s’affichent pas sur le site de la base de connaissances tant qu’ils ne sont pas actifs.
Le clic Animer montre « non disponible » pour une étape - Le clic Animer ne fonctionne que pour les étapes dont l’image de diapositive provient directement de l’enregistrement original. Si vous avez remplacé l’image par un téléchargement personnalisé via Mes téléchargements, la source de l’animation n’est plus disponible. Soit revenez à l’image originale en utilisant Sélectionner à partir de l’original, soit utilisez Zoom en alternative.
J’ai recadré une image en escalier mais maintenant le lecteur ne peut plus voir le contexte environnant - le recadrage est permanent par étape. Une fois appliqué, seule la zone recadrée est visible. Si vous devez restaurer le contexte, cliquez à nouveau sur Recadrer et sélectionnez Original comme format d’image pour revenir à l’image complète.
Les annotations de texte sont correctes dans l’éditeur mais sont trop petites sur le site de la base de connaissances - Les tailles de police qui semblent appropriées sur une grande toile d’éditeur peuvent s’afficher petites sur différentes tailles d’écran. Utilisez une taille de police d’au moins 16 à 18px pour les annotations corporelles et prévisualisez le guide sur le site de la base de connaissances avant de publier pour vérifier la lisibilité.
La section « Éléments ajoutés » est vide, mais je sais que j’ai appliqué un flou – les floutages, projecteurs et autres éléments sont stockés par étape. Assurez-vous d’avoir sélectionné la bonne étape dans le panneau de gauche, les éléments d’une étape n’apparaissent pas dans la liste des éléments ajoutés d’une autre.
Prochaines étapes
Une fois votre guide peaufiné, vous pouvez publier, traduire, cloner ou gérer l’accès. Voir Gestion des guides étape par étape pour la traduction, le clonage, la désédition et les paramètres.