Présentation
Avec Touch, vous créez du contenu interactif pour les écrans tactiles, sans programmation : menus à plusieurs niveaux, quiz, et plus. Le visiteur touche un bouton ou une image, et l’écran passe à la diapositive choisie.
Premiers pas
Dans ce tutoriel, nous créons un petit quiz, comme exemple de contenu qui réagit au toucher ou au clic.
Avant de commencer, essayez le quiz vous-même (vous pouvez cliquer sur les boutons avec la souris).
Créer du contenu interactif avec Touch
Diapositives
Le quiz contient 6 diapositives différentes :
- Page d’accueil
- Première question
- La bonne réponse à la première question
- Deuxième question
- La bonne réponse à la deuxième question
- Mauvaise réponse
Créer les diapositives
Pour une interface tactile, on n’a souvent pas l’image finale en tête. Créez toutes les diapositives avant de les relier par des actions de clic : une action de clic demande de choisir une diapositive précise. Si l’ensemble n’est pas encore clair, l’ordre peut changer. Il est plus simple de tout créer d’abord, puis de brancher les actions.
Ajouter des actions de clic
Vous pouvez ajouter une action de clic à un élément (image, texte, rectangle, etc.) ou utiliser un élément « bouton ». Le bouton est en fait un élément transparent, que vous placez au-dessus d’autres éléments pour réagir au toucher. Dans ce quiz, les boutons sont des rectangles avec du texte par-dessus. Plutôt que d’attribuer une action à la fois au rectangle et au texte, nous ajoutons un bouton par-dessus et nous lui attribuons l’action.
Nous plaçons le bouton au-dessus du bouton visuel, et nous lui donnons l’action de passer à la diapositive 2 au clic.
Une fois toutes les diapositives créées, nous passons en revue les boutons et nous les pointons vers la bonne diapositive. Les mauvaises réponses mènent à une diapositive « Mauvaise réponse », d’où l’on peut recommencer. Les bonnes réponses mènent à une diapositive « Bonne réponse », d’où l’on passe à la question suivante.
Revenir à la page d’accueil
Parfois, quelqu’un commence le quiz et part au milieu. Nous voulons que le quiz revienne au début après un moment d’inactivité. Pour cela, nous utilisons la durée de la diapositive et la possibilité de choisir quelle diapositive suit.
Nous considérons que si personne n’a cliqué pendant 1 minute, la personne est partie. Nous réglons donc la durée des diapositives sur 1 minute. Pour que la liste revienne à la première diapositive, nous réglons aussi « Après cette diapositive, lire » sur « Diapositive 1 ». Sinon, par défaut, c’est la diapositive suivante qui passe (cette option est aussi dans les paramètres de la diapositive, section « Avancé »).
Dès que vous changez le comportement par défaut (par défaut, c’est toujours la diapositive suivante), une petite flèche apparaît sur la vignette. Au survol, elle indique quelle diapositive suit :
Si vous n’avez pas besoin de revenir au début, vous pouvez simplement régler toutes les diapositives sur « lire en continu ».
Récupérer cette liste
Vous pouvez copier cet exemple de quiz dans votre compte pour le voir et le modifier. Allez sur la page « Listes de lecture » de notre portail web, cliquez sur « A partir du modèle », puis sur l’onglet « Touch ». Cliquez sur la liste « Touch Quiz » pour la copier dans votre compte.
Options
Alignement
Ajuste, aligne, et verrouille ou déverrouille le plugin.
Au clic
Choisissez la diapositive à afficher au clic.
- Passer à – va à l’index de la diapositive dans la liste. Cela vise une position : si l’ordre change, la diapositive atteinte change aussi.
- Ancrer à – ancre une diapositive précise. Si l’ordre change, le clic va toujours vers cette diapositive. Pour pouvoir ancrer, donnez d’abord un nom à la diapositive dans ses paramètres (là où l’on règle la durée).
Positionnement
Affine la taille et la place du plugin.
Questions fréquentes
Les actions de clic vont vers la mauvaise diapositive après l’ajout de diapositives.
Par défaut, les actions de clic sont liées à une diapositive par son index dans la liste. Si l’ordre change, l’action va vers une autre diapositive. Vous pouvez toutefois ancrer le clic sur une diapositive précise : donnez-lui d’abord un nom (dans les paramètres, là où l’on règle la durée), puis choisissez l’option pour ancrer cette diapositive.
Comment éviter de revenir à la première diapositive pendant que quelqu’un l’utilise ?
Comme dans cet exemple, nous voulons que la liste revienne à la page d’accueil après un moment d’inactivité. Cas courant : un formulaire web à remplir. Si la personne est lente, comment éviter que la liste revienne au début pendant qu’elle remplit le formulaire (ou qu’elle utilise un site) ?
Les listes ont un réglage appelé « délai d’interaction ». Il se trouve dans les paramètres de la liste (là où l’on la renomme), section « avancé ». Le délai d’interaction retarde la diapositive suivante à chaque toucher ou clic.
NB ! Cette fonction n’est PAS disponible dans l’aperçu web ni sur les lecteurs Android (y compris Fire TV).
Imaginez une diapositive de 60 secondes : après 60 secondes sans action, elle revient à la première. Si le délai d’interaction est de 20 secondes, et que la personne touche, tape ou clique alors qu’il reste moins de 20 secondes, le temps repasse à 20 secondes à chaque interaction (et le décompte reprend de 20 secondes). Si elle interagit alors qu’il reste plus de 20 secondes, le réglage n’a pas d’effet. La bonne valeur dépend de la fréquence à laquelle vous attendez un toucher.
