Les zones de clic servent de marqueurs invisibles dans les images à 360°. Ils sont parfaits pour tester la capacité des apprenants à explorer le contenu par eux-mêmes.

• Ajouter des zones de clic
• Zones de clic de formatage
• Comprendre le comportement des zones de clic
• Formatage des étiquettes
• Modification de la police des étiquettes
• Ajouter du son aux étiquettes
• Ajouter des photos et des vidéos aux étiquettes
• Ajouter des indices de zone de clic
• Conseils relatifs à la mise en forme des zones sensibles
• Modification des polices d'indication de la zone de clic
• Ajouter des infobulles
• Info-bulles de formatage
• Ajouter des boutons aux étiquettes
• Rendre les boutons interactifs
• Boutons de formatage
• Comprendre l'état des boutons
• Modifier et repositionner les zones de clic
• Renommer les zones de clic
• Supprimer des zones de clic

Ajouter des zones de clic

Dans l'éditeur d'images à 360°, vous pouvez ajouter une ou plusieurs zones de clic à votre activité interactive. Cliquez sur Zone de clic sur le ruban ou cliquez avec le bouton droit sur l'image et choisissez Insérer une zone de clic. Deux options s'offrent à vous pour créer des formes de zone de clic :

• Créez un rectangle en cliquant et en faisant glisser votre souris sur l'image en même temps.
• Dessinez une forme personnalisée en cliquant sur l'image à l'endroit où chaque point de contrôle doit se trouver.

Vous pouvez faire glisser les points de contrôle de n'importe quelle forme pour modifier sa forme. Vous pouvez supprimer un point de contrôle en cliquant dessus, puis en appuyant sur la touche Supprimer.

Zones de clic de formatage

Modifiez la couleur et les effets de toutes les zones de clic.

La couleur par défaut pour les zones de clic provient de Contrôle 1 des couleurs de votre thème. Pour le modifier, allez dans l'onglet Interaction, puis cliquez sur la flèche déroulante Zones de clic pour choisir une couleur. (Cela met à jour la couleur de toutes les zones de clic.)

Dans la même liste, vous pouvez décider si vous souhaitez révéler ou masquer les zones sensibles lorsque les apprenants cliquent dessus, et activer ou désactiver l'animation pulsée pour les zones sensibles non visitées.

Comprendre le comportement des zones de clic

Les zones de clic sont souvent invisibles, de par leur conception, de sorte qu'elles se comportent différemment des marqueurs interactifs. Et leur comportement est influencé par des effets facultatifs, tels que Révéler les zones de clic et les zones de pulsation si vous ne les visitez pas, comme décrit ci-dessous.

Reveal et Pulse sont tous deux activés

• Les zones de clic non visitées affichent un carré transparent pulsant.
• Lorsque vous passez le pointeur sur un carré ou une zone de points chauds qui pulsent, la forme complète de la zone réactive s'affiche et le curseur prend la forme d'une main en même temps.
• Cliquez sur une zone de clic pour épaissir sa bordure.
• Les zones de clic visitées prennent une couleur plus foncée.
• Cliquez en dehors d'une zone de clic pour faire clignoter brièvement toutes les zones de clic. (Les zones de clics non visitées s'affichent dans la couleur de votre choix. Les zones de clic visitées sont plus sombres.)

Reveal est activé et Pulse est désactivé

• Aucun repère visuel initial ne s'affiche pour les zones de clic visitées ou non visitées.
• Le survol d'une zone de point chaud permet d'afficher la forme complète de la zone de point d'intérêt.
• Cliquez sur une zone de clic pour épaissir sa bordure.
• Les zones de clic visitées prennent une couleur plus foncée.
• Cliquez en dehors d'une zone de clic pour faire clignoter brièvement toutes les zones de clic. (Les zones de clics non visitées s'affichent dans la couleur de votre choix. Les zones de clic visitées sont plus sombres.)

Reveal et Pulse sont tous deux désactivés

• Aucun repère visuel initial ne s'affiche pour les zones de clic visitées ou non visitées.
• Lorsque vous passez le pointeur sur une zone de clic, le curseur prend la forme d'une main.
• Cliquez sur n'importe quelle zone de la zone de clic pour afficher sa forme complète et épaissir sa bordure.
• Les zones de clic visitées prennent une couleur plus foncée.
• Cliquez en dehors d'une zone de clic pour faire clignoter brièvement les zones de clic visitées. (Les zones de clics non visitées n'apparaissent pas. Les zones de clic visitées sont plus sombres.)

Formatage des étiquettes

Modifiez simultanément le thème et le style de toutes les étiquettes de votre activité interactive.

Pour modifier le thème de vos étiquettes, accédez à l'onglet Interaction, puis cliquez sur la flèche déroulante Thème pour sélectionner un thème clair ou foncé.

Dans le même onglet, vous pouvez personnaliser le style des étiquettes. Cliquez simplement sur la flèche de la liste déroulante Coins pour choisir un style de coin carré ou arrondi, et si vous préférez masquer ou afficher le connecteur.

Modification de la police des étiquettes

Les polices utilisées pour le titre et la description de l'étiquette sont par défaut les polices du thème de votre projet.

Pour utiliser une autre police, utilisez le sélecteur de police de l'onglet Zone de clic pour modifier une étiquette individuelle, ou personnalisez les polices de votre thème pour modifier simultanément toutes les étiquettes de votre module.

Ajouter du son aux étiquettes

Importez du son depuis votre ordinateur, générez des clips de synthèse vocale, choisissez du son dans la médiathèque ou enregistrez une narration directement dans Storyline 360. Il vous suffit de sélectionner votre zone de clic, d'accéder à l'onglet Label du ruban, de cliquer sur Audio et de choisir l'une des options audio :

Après avoir ajouté du son, des options supplémentaires sont disponibles sur le ruban Média, telles qu'un éditeur audio, un dispositif de réglage du volume, etc. Pour en savoir plus sur l'utilisation de l'audio, consultez les sections Édition audio et Utilisation des outils audio.

Pour modifier la couleur d'accent des contrôles multimédia du point d'accès sélectionné, cliquez sur Accent dans le ruban multimédia, puis choisissez la couleur d'accent du lecteur ou une couleur personnalisée.

Pour ajouter des sous-titres codés à l'audio de la zone de clic, sélectionnez le son et cliquez sur Ajouter des sous-titres dans le ruban multimédia. Consultez ce guide de l'utilisateur pour tout savoir sur l'utilisation des sous-titres codés.

Ajouter des photos et des vidéos aux étiquettes

Ajoutez une image ou une vidéo à l'étiquette de chaque hotspot. Il vous suffit de sélectionner votre zone de clic, d'accéder à l'onglet Label du ruban, de cliquer sur Image ou Vidéo, puis de choisir l'une des options suivantes :

Photo

Vidéo

Pour modifier une photo ou une vidéo que vous avez ajoutée à une étiquette, consultez les guides d'utilisation suivants :

• Formatage des images, des captures d'écran et des personnages
• Montage de vidéos
• Réglage des propriétés vidéo

Ajoutez du texte alternatif à toutes les photos et vidéos afin qu'elles soient accessibles aux lecteurs d'écran et aux autres technologies d'assistance. En savoir plus.

Ajouter des indices de zone de clic

Aidez les apprenants à naviguer facilement dans vos interactions lors de la visite guidée en ajoutant des indices sur les zones de clic invisibles. Il suffit d'installer la mise à jour d'août 2021 ou ultérieure, puis de suivre les étapes suivantes :

1. Dans l'éditeur d'images à 360°, assurez-vous que vous utilisez la navigation de visite guidée et que l'option Afficher les zones de clics est désactivée.
2. Sélectionnez la zone de clic et cliquez sur Conseil sur le ruban.
3. Ajoutez jusqu'à 250 personnages dans le champ d'indication situé dans le coin inférieur droit de l'image à 360°.

Les indications de zone de clic apparaissent dans le coin inférieur droit de votre image à 360°. Cliquez sur le X pour réduire l'indice, puis sur l'icône d'information pour l'afficher, comme indiqué ci-dessous.

Conseils relatifs à la mise en forme des zones sensibles

Changez le thème de tous les indices de zone de clic en une seule fois. Accédez simplement à l'onglet Interaction, puis cliquez sur la flèche déroulante Thème pour sélectionner un thème clair ou foncé.

Modification des polices d'indication de la zone de clic

Choisissez une police et une taille de police différentes pour les indications de zone de clic individuelles et appliquez-leur un formatage (par exemple, gras, italique et souligné). Il vous suffit de sélectionner l'indice de zone de clic et d'utiliser les options de police dans l'onglet Zone de clic.

Conseil : La police utilisée pour le texte d'indication correspond par défaut aux polices du thème de votre projet. Personnalisez les polices de votre thème pour modifier simultanément tous les conseils de votre module.

Ajouter des infobulles

Donnez aux apprenants des informations succinctes lorsqu'ils survolent des zones de clic lors de vos interactions de navigation gratuite. (Découvrez comment ajouter des infobulles aux marqueurs.) Installez la mise à jour de novembre 2021 ou ultérieure, puis procédez comme suit :

1. Dans l'éditeur d'images à 360°, assurez-vous d'utiliser le mode de navigation libre.
2. Sélectionnez la zone de clic et cliquez sur Info-bulle sur le ruban.
3. Ajoutez jusqu'à 35 personnages dans le champ de texte situé à côté de la zone de clic.

Info-bulles de formatage

Changez le thème de toutes les infobulles de la zone de clic en une seule fois. Accédez simplement à l'onglet Interaction, puis cliquez sur la flèche déroulante Thème pour sélectionner un thème clair ou foncé.

Choisissez une police et une taille de police différentes pour les infobulles de chaque zone de clic et appliquez-leur un formatage (gras, italique et souligné, par exemple). Il vous suffit de sélectionner l'info-bulle de la zone de clic et d'utiliser les options de police de l'onglet Zone de clic.

Ajouter des boutons aux étiquettes

Impliquez vos apprenants en révélant plus d'informations grâce à des boutons cliquables prêts à l'emploi. (Découvrez comment ajouter des boutons aux étiquettes des marqueurs.) Installez la mise à jour de janvier 2022 ou une version ultérieure, puis procédez comme suit.

1. Dans l'éditeur d'image à 360°, sélectionnez la zone de clic et cliquez sur l'onglet Label sur le ruban.
2. Cliquez sur la flèche de la liste déroulante Bouton et choisissez l'un des styles de boutons prédéfinis.
3. Ajoutez jusqu'à 35 personnages dans le champ de texte du bouton.

Ajoutez du texte alternatif aux boutons afin qu'ils soient accessibles aux lecteurs d'écran et aux autres technologies d'assistance. En savoir plus.

Rendre les boutons interactifs

Maintenez l'engagement des apprenants en les guidant vers l'étape suivante de leur parcours. Effectuez des actions spécifiques, telles que le lancement d'un site Web ou le téléchargement d'un document, lorsque les apprenants cliquent sur un bouton. En savoir plus.

Boutons de formatage

Modifiez la couleur d'accent pour les boutons individuels. Il suffit de sélectionner le bouton, de cliquer sur la flèche déroulante Accent, puis de sélectionner une couleur.

Choisissez une police et une taille de police différentes pour les boutons individuels et appliquez-leur un formatage (gras, italique et souligné, par exemple). Sélectionnez le texte du bouton et utilisez les options de police de l'onglet Label.

Comprendre l'état des boutons

Dans les interactions à 360°, les boutons possèdent les états intégrés suivants :

• Normal : l'état initial affiche la couleur d'accent sélectionnée
• Survol : en cas d'interaction avec, affiche une couleur estompée et une icône représentant une main

L'état des boutons dans les interactions à 360° ne peut pas être personnalisé.

Modifier et repositionner les zones de clic

Pour modifier la forme d'une zone de clic, faites glisser ses points de contrôle. Pour repositionner une zone de clic, faites-la glisser vers un autre emplacement de l'activité interactive.

Renommer les zones de clic

Lorsque vous ajoutez des zones de clic, Storyline 360 donne à chacune un nom par défaut : Hotspot 1, Hotspot 2, etc. Nous vous recommandons de leur donner des noms plus intuitifs, afin qu'elles soient reconnaissables lors de l'ajout de déclencheurs.

Pour renommer une zone de clic, vous pouvez saisir le titre d'une étiquette. Le nom de la zone de clic est mis à jour pour refléter le titre de son étiquette. Vous pouvez également double-cliquer sur la zone de clic dans le panneau Marqueurs et zones sensibles, saisir un nouveau nom et appuyer sur la touche Entrée de votre clavier.

Supprimer des zones de clic

Pour supprimer une zone de clic, sélectionnez-la et appuyez sur Supprimer sur votre clavier. Vous pouvez également sélectionner la zone de clic et cliquer sur Couper sur le ruban.

Une autre option consiste à convertir la zone de clic en marqueur. Il vous suffit de sélectionner le point d'accès, puis de cliquer sur Changer de type sur le ruban du point d'accès. En savoir plus sur les marqueurs.