Une fois votre enregistrement téléchargé, l’éditeur de guides étape par é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 de montage. Cet article explique tout ce que vous pouvez faire pour affiner et enrichir votre guide avant de le publier.
Modifier le contenu de l’étape
Le panneau de droite vous permet d’ajuster le contenu principal de chaque étape :
Titre - Entrez le titre de l’étape. Pour ajouter un lien hypertexte au titre, sélectionnez le texte et cliquez sur l’icône Hyperlien .
Description - Ajouter des instructions ou du contexte pour l’étape. Utilisez la barre d’outils en texte enrichi pour formater en gras, italique, souligné, liste ordonnée, liste non ordonnée ou hyperlien.
Image de diapositive - Cliquez sur Remplacer l’image pour échanger la capture d’écran capturée. Choisissez parmi l’une de ces sources :
Sélectionnez l’original - Choisissez une image de la vidéo enregistrée. Utilisez Select Exact Frame pour plus de précision, ou utilisez le menu Déroulant Saut pour accéder à un clic spécifique dans l’enregistrement.
Mon lecteur - Cliquez sur Télécharger pour choisir un fichier depuis votre explorateur local.
Arrière-plan - Choisissez une image parmi les images d’arrière-plan disponibles.
NOTE
Les formats pris en charge sont le JPG et le PNG, avec une taille maximale de fichier de 10 Mo, une résolution recommandée de 1920×768, et un minimum de 100×100.
Cliquez sur Insérer pour postuler.
NOTE
Les images utilisées à chaque étape sont dérivées de votre session enregistrée. Vous pouvez choisir n’importe quel cadre de l’enregistrement original pour créer une nouvelle étape ou remplacer une image existante.
Insérer une nouvelle étape
Pour insérer une nouvelle étape :
Passez le souris entre deux étapes existantes jusqu’à ce que l’icône Ajouter une étape (+) apparaisse.
Cliquez sur l’icône Ajouter une étape (+).
Dans le panneau de droite, mettez à jour le titre par défaut - « Ceci est un titre d’exemple ».
Ajoutez une description de l’étape. Utilisez la barre d’outils en texte enrichi pour formater en gras, italique, souligné, liste ordonnée, liste non ordonnée ou hyperlien.
Cliquez sur Ajouter image/Arrière-plan pour définir l’image à pas. Choisissez parmi l’une de ces sources :
Sélectionnez l’original - Choisissez une image de la vidéo enregistrée. Utilisez Select Exact Frame pour plus de précision, ou utilisez le menu Déroulant Saut pour accéder à un clic spécifique dans l’enregistrement.
Mon lecteur - Cliquez sur Télécharger pour choisir un fichier depuis votre explorateur local.
Arrière-plan - Choisissez une image parmi les images d’arrière-plan disponibles.
Cliquez sur Insérer pour postuler.
Ajouter des améliorations visuelles
Ces outils superposent directement des améliorations visuelles à l’image par étape pour rendre chaque étape plus claire et plus conviviale pour la lecture.
Floutage - Cachez directement sur une image de step des informations sensibles ou privées telles que des mots de passe, des clés API ou des données clients.
Image - Superposez une image supplémentaire sur une marche, utile pour ajouter des diagrammes, des touches d’icônes ou des éléments de marque à côté de votre capture d’écran.
Projecteur - Atténuez tout ce qui se trouve autour d’une zone spécifique pour attirer l’attention des lecteurs sur l’endroit où il doit se situer.
Texte - Ajoutez des annotations personnalisées sur une image à pas pour signaler quelque chose qui n’est pas visible dans l’interface utilisateur elle-même.
Surligner - Marquez les zones importantes avec une superposition colorée sans atténuer le reste de l’écran.
Comportement de glissement
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.
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.
Activer l’effet Zoom
Sélectionnez l’étape souhaitée.
Dans le panneau de droite, allez à Comportement de glissade.
Activez l’effet Zoom.
Une fois activées, les options Zoom (+) et Zoom out (-) apparaissent en haut à droite de l’étape.
Expérience utilisateur final
Lorsque l’effet de zoom est activé, l’image de la diapositive est automatiquement zoomée dès la première vue.
Les lecteurs peuvent cliquer sur l’icône − (dézoomer) pour revenir à la vue originale.
Ils peuvent utiliser l’icône + (zoom) pour zoomer à nouveau si besoin.
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 est une ouverture déroulante ou une case qui s’élargit – c’est important pour le lecteur.
Activer Animer clic
Sélectionnez l’étape souhaitée.
Dans le panneau de droite, allez à Comportement de glissade.
Activez Animer le clic.
Dans le menu déroulant de la durée de l’animation , sélectionnez une durée :
3 secondes - Affiche 1,5 seconde avant et après le clic. Idéal pour des interactions rapides et simples.
5 secondes - Équilibré ; Idéal dans la plupart des cas où une brève animation est nécessaire.
10 secondes - Indique jusqu’à 5 secondes de chaque côté ; idéal pour des 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 images disponibles.
Expérience utilisateur final
Le pas se joue sous forme de mini-vidéo, centré sur le point de clic.
Modifier l’image étape
Culture
Utilisez Crop pour supprimer Chrome du navigateur, les barres latérales ou les zones d’écran non pertinentes et garder l’attention du lecteur sur ce qui compte réellement à cette étape.
Pour un guide complet sur la façon de recadrer une image de pas, voir Recadrer.
Gestion des éléments ajoutés
Pour examiner et gérer toutes les améliorations ajoutées à une étape :
Dépliez la section Éléments ajoutés dans le panneau de droite.
Survolez n’importe quel élément pour accéder aux options disponibles :
Cliquez sur Modifier pour le mettre à jour.
Cliquez sur Supprimer pour le supprimer.
Prochaines étapes
Une fois votre guide peaufiné, vous pouvez publier, traduire, cloner ou gérer l’accès. Voir Guides de gestion étape par étape pour la traduction, le clonage, la désédition et les paramètres.
FAQ
Comment configurer le titre SEO et la description pour un guide étape par étape ?
Pour configurer le SEO pour un guide étape par étape :
Naviguez vers le guide souhaité dans le portail de la base de connaissances.
Cliquez sur l’icône Plus () et sélectionnez SEO.
Dans la boîte de dialogue des paramètres de l’article, mettez à jour le méta-titre, le slug et la description.
Cliquez sur Enregistrer pour appliquer les modifications. Pour plus d’informations, lisez l’article sur Article SEO.
Comment puis-je mettre à jour le titre et le slug de l’URL ?
Cliquez sur le titre du guide en haut de l’éditeur > mettre à jour le titre, l’URL et la description > cliquez sur Mettre à jour.
Comment puis-je activer la table des matières pour mon guide étape par étape ?
Chaque étape d’un guide peut apparaître dans une table des matières sur le site de la base de connaissances. Pour activer la table des matières :
Naviguez dans Paramètres () > Portail de la base de connaissances > Paramètres d’article et SEO dans le portail de la base de connaissances.
Dans l’onglet Paramètres de l’article , dépliez l’accordéon droit de l’article .
Activez le bouton Afficher la table des matières .