Interactions de Page

Les Interactions d'Objet sont principalement utilisées pour créer des prototypes interactifs, mais elles peuvent également être utilisées pour fournir des liens vers des spécifications et des exigences dans les projets.

Les Interactions de Page sont utilisées lorsque vous souhaitez créer un lien depuis une page Moqups vers un emplacement différent, soit au sein du projet Moqups, soit à l'extérieur.

Les Interactions de Page peuvent être utilisées pour simuler :

• La navigation entre les écrans d'une application mobile
• La navigation entre les différentes pages d'un site web

Dans cet article, nous expliquerons chaque partie d'une Interaction de Page, et comment l'appliquer. Nous vous montrerons également comment modifier, dupliquer ou supprimer des interactions.

Panneau d'Interactions

Le Panneau d'Interactions est situé dans la Barre Latérale Droite et depuis ce panneau vous pourrez :

• Voir toutes les Interactions qui ont été appliquées à un objet

• Créer une Interaction

• Ajouter une Zone cliquable

• Contrôler la façon dont les interactions sont affichées dans la section Options :

  • Montrer les zones cliquables : Affiche les zones cliquables en mode Édition.
  • Afficher les indicateurs d'interaction : Ajoute un badge lumineux aux objets avec des interactions – sur la page et dans le Panneau de contour – en mode Édition.
  • Révéler la cible de l'interaction : En mode Aperçu, affiche une info-bulle avec l'action et la cible lorsque vous survolez un objet.

Déclencheur, Action et Cible

Une Interaction de Page est composée de trois parties : un Déclencheur, une Action et une Cible.

Déclencheur

Un Déclencheur est l'événement qui met une interaction en mouvement. En utilisant le menu déroulant supérieur, vous pouvez choisir parmi plusieurs déclencheurs : En cliquant ou en appuyant, Sur clic droit, Sur double-clic, Souris entrée, Souris sortie.

Action

Une Action est l'instruction qui s'exécutera après qu'un déclencheur est activé. Le deuxième menu déroulant vous permet de choisir des Actions qui s'appliquent aux Interactions de Page ou aux Interactions d'Objet.

Pour les Interactions de Page, vous pouvez choisir : Aller à la page, Ouvrir le lien, ou Retour.

Cible

Une Cible est le résultat final visible à la fin d'une interaction. Dans le cas des Interactions de Page, lorsque vous ouvrez le menu déroulant de cible, vous verrez l'Arborescence de votre projet et, depuis là, vous pouvez choisir n'importe quelle page comme Cible.

Selon la page dont vous partez, vous pouvez également choisir d'aller à la Page Parente, à la Page Suivante ou à la Page Précédente.

Pour définir une cible, vous pouvez également cliquer sur le bouton cible vert à côté du menu déroulant et choisir une page cible directement depuis le Panneau des Pages.

Ajouter des interactions de page

Pour ajouter une Interaction de Page en utilisant le menu déroulant de cible :

1. Sélectionnez l'objet ou le groupe auquel vous souhaitez ajouter l'interaction
2. Cliquez sur l'Onglet Interactions pour ouvrir le panneau
3. Choisissez un Déclencheur dans le menu déroulant supérieur
4. Dans le deuxième menu déroulant, sélectionnez une Action dans la liste des Interactions de Page
5. Dans le menu déroulant Cible, sélectionnez une option de page
6. Cliquez sur Terminé pour appliquer l'interaction

Pour ajouter une Interaction de Page en utilisant le bouton de cible :

1. Sélectionnez l'objet ou le groupe auquel vous souhaitez ajouter l'interaction
2. Cliquez sur l'Onglet Interactions pour ouvrir le panneau
3. Choisissez un Déclencheur dans le menu déroulant supérieur
4. Dans le deuxième menu déroulant, sélectionnez une Action dans la liste des Interactions de Page
5. Cliquez sur le bouton Cible vert pour activer le Mode de Sélection de Cible
6. Cliquez sur n'importe quelle Page ou dans le Panneau des Pages pour en faire la page cible
7. Cliquez sur Terminé pour appliquer l'interaction.

Modifier, dupliquer ou supprimer des interactions de page

Lorsque vous appliquez une interaction à un objet, elle apparaît immédiatement dans la Liste des Interactions en haut du Panneau d'Interactions. À mesure que vous ajoutez d'autres interactions au même objet, vous les verrez apparaître là également. Vous pouvez facilement modifier ou supprimer n'importe quelle interaction de la liste – ou dupliquer une interaction pour une réutilisation rapide.

Modifier une Interaction

Modifier une interaction est utile lorsque vous souhaitez changer des parties d'une interaction déjà existante. En utilisant la fonction de modification, vous pouvez mettre à jour le Déclencheur, l'Action ou la Cible individuellement – sans affecter les autres parties de l'interaction.

Pour modifier une interaction :

1. Sélectionnez l'objet ou le groupe d'objets dont vous souhaitez modifier l'interaction
2. Cliquez sur l'Onglet Interactions pour ouvrir le Panneau d'Interactions
3. En haut du panneau, localisez l'interaction que vous souhaitez modifier
4. Cliquez sur le bouton Modifier pour activer le mode édition
5. Modifiez l'interaction et cliquez sur Terminé pour enregistrer vos modifications
6. Votre interaction mise à jour clignotera en vert dans la liste pendant quelques secondes

Dupliquer une Interaction

Souvent, vous souhaitez appliquer différentes variations d'une interaction au même objet. La fonction Dupliquer vous permet de dupliquer une interaction existante, puis de modifier son Déclencheur, son Action et sa Cible selon vos besoins.

Pour dupliquer une interaction :

1. Sélectionnez l'objet ou le groupe d'objets dont vous souhaitez dupliquer une interaction
2. Cliquez sur l'Onglet Interactions pour ouvrir le Panneau d'Interactions
3. En haut du panneau, localisez l'interaction que vous souhaitez dupliquer
4. Cliquez sur l'icône Copier et une interaction identique apparaîtra dans la Liste des Interactions en haut du panneau
5. Pour modifier la nouvelle interaction, cliquez sur le bouton Modifier et suivez les étapes de la section Modifier les Interactions de cet article

Supprimer une Interaction

Pour supprimer une interaction :

1. Sélectionnez l'objet ou le groupe d'objets dont vous souhaitez supprimer une interaction
2. Cliquez sur l'Onglet Interactions pour ouvrir le Panneau d'Interactions
3. En haut du panneau, localisez l'interaction que vous souhaitez supprimer
4. Cliquez sur le bouton Supprimer

Questions et réponses

Quelles interactions fonctionnent dans un PDF exporté ?

Toutes les Interactions de Page fonctionnent normalement, à l'exception de Retour, qui repose sur l'historique de votre navigateur pour la direction. Les Interactions d'Objet ne fonctionnent pas dans les PDFs.

Si vous souhaitez fournir aux parties prenantes un prototype entièrement fonctionnel, invitez-les comme invités du projet, ou partagez un lien de projet. Apprenez à faire les deux dans Partage. Vous pouvez également exporter un visionneur HTML hors ligne interactif.