Usage et efficacité
Comment rendre un geste inhabituel compréhensible sans imposer un tutoriel ?
Un geste inhabituel peut être compris sans long tutoriel si l’interface rend visibles la zone d’action, la réponse attendue et la possibilité d’essayer sans conséquence. La forme, les mots et le premier retour doivent travailler ensemble. Une animation séduisante mais sans indice peut rester parfaitement opaque pour une personne qui découvre le site.
L'essentiel.
Un geste inhabituel devient compréhensible lorsque l’interface indique où agir, montre ce qui répond et permet de revenir en arrière. La découverte peut rester ludique, mais l’accès aux informations essentielles ne doit pas dépendre d’une devinette.
- Associer le geste à une conséquence perceptible et utile.
- Donner un indice au bon endroit, au moment où la personne peut agir.
- Permettre l’essai, l’annulation et un accès simple à la même fonction.
- Observer des premières utilisations sans expliquer le mécanisme à l’avance.
La priorité est de distinguer ce qui relève de l’exploration et ce qui conditionne l’accès au contenu. Une interaction facultative peut laisser une part de surprise. Un geste nécessaire pour consulter l’offre, choisir un produit ou contacter l’entreprise demande des repères plus explicites et une alternative simple.
Concevoir la découverte comme une courte séquence
La compréhension se construit souvent en plusieurs moments. La personne repère un élément différent, tente une action, voit une réponse puis comprend ce qu’elle peut poursuivre. Chaque moment peut échouer indépendamment des autres.
Un objet qui ressemble à une image fixe peut ne jamais être manipulé. Un objet qui réagit trop faiblement laisse penser que le geste n’a pas fonctionné. Un objet qui change brutalement de page peut décourager un nouvel essai. Il faut donc dessiner la découverte, pas seulement l’état final de l’interaction.
| Moment | Question à résoudre | Indice possible |
|---|---|---|
| Avant l’action | Où puis-je agir ? | Poignée, bord visible ou libellé proche |
| Au début du geste | Est-ce que cela fonctionne ? | Déplacement immédiatement perceptible |
| Pendant l’action | Que suis-je en train de changer ? | Valeur, état ou aperçu synchronisé |
| À la fin | Comment continuer ou revenir ? | Résultat stable et commande de retour |
Ces indices doivent rester cohérents avec le moyen de commande. Un message « survolez » n’aide pas sur un téléphone. Une flèche peut indiquer un déplacement, mais aussi être comprise comme un lien : le contexte visuel doit lever cette ambiguïté.
Garder une alternative visible
L’originalité d’un geste ne doit pas devenir une condition pour atteindre une fonction essentielle. Une rotation peut être complétée par des vues nommées. Un glissement peut être accompagné de boutons. Un parcours libre peut disposer d’un sommaire.
Le critère WCAG sur les gestes du pointeur demande notamment une alternative à un pointeur pour les gestes multipoints ou dépendant d’un tracé, sauf lorsqu’ils sont essentiels. Le critère sur les mouvements de glissement traite séparément l’alternative sans glisser. Une solution au clavier ne résout donc pas à elle seule tous les besoins d’un usage tactile.
L’alternative gagne à être présentée comme un mode normal de consultation. Un petit lien « version simplifiée » difficile à trouver peut laisser croire qu’il faut d’abord réussir le geste. La fonction doit se comprendre avant que la personne choisisse comment l’utiliser.
Exemple pédagogique : comparer deux finitions
Imaginons une marque fictive qui propose de déplacer une séparation verticale entre deux finitions d’un matériau. La première maquette ne montre qu’une grande photographie. Sans indication, certains visiteurs peuvent la regarder sans découvrir la comparaison.
La version de travail ajoute une poignée identifiable, deux noms de finition et une courte invitation « Faites glisser pour comparer ». Une commande permet aussi d’afficher chaque finition séparément. Le premier déplacement répond immédiatement, sans attendre une distance arbitraire.
Rendre le geste découvrable
- IndiceLa poignée et les noms de finition rendent la zone d’action identifiable.
- RéponseLe premier mouvement produit un changement immédiatement perceptible.
- RésultatLa comparaison et le choix de finition restent compréhensibles.
- AlternativeDes commandes permettent de consulter les deux finitions sans glisser.
Le test consiste à demander de comparer les finitions sans mentionner la poignée. On observe si la personne découvre l’interaction, si elle attribue correctement les noms aux images et si elle peut choisir une finition. Les commentaires esthétiques sont recueillis ensuite, afin de ne pas confondre goût pour le dispositif et compréhension de sa fonction.
Ajuster les indices avec des observations précises
Lors d’un test, notez le premier endroit touché, les essais répétés et les moments où la personne cherche une explication. Ne concluez pas immédiatement qu’elle « n’a pas compris ». L’indice peut être trop discret, le résultat trop tardif ou le geste incompatible avec son équipement.
Essayez une modification à la fois : déplacer le libellé, renforcer la poignée ou rendre le résultat plus explicite. Comparez les comportements observés avec la même tâche. Une courte animation de démonstration peut aider, mais elle ne doit pas devenir un mouvement permanent qui gêne la lecture.
Le degré d’aide peut ensuite diminuer après une première utilisation réussie, à condition de rester retrouvable. Il faut aussi contrôler la découverte depuis une page intérieure : la personne peut arriver sans avoir vu les explications prévues sur l’accueil.
Le bon critère est la capacité à comprendre et à agir, avec une marge d’exploration volontaire. La surprise demeure intéressante lorsqu’elle enrichit une action déjà possible ; elle devient coûteuse lorsqu’elle masque le seul accès au contenu.
Questions fréquentes
Une interaction expliquée perd-elle son originalité ?
Non. Un indice peut être intégré au langage visuel du site et laisser intacte la qualité de la réponse. La singularité peut venir du comportement, de la matière ou de la relation au contenu. Elle n’exige pas que le visiteur ignore comment commencer.
Peut-on utiliser un tutoriel au premier passage ?
Oui, lorsqu’une expérience complexe le justifie. Il doit rester court, contextuel et consultable à nouveau. Il faut aussi vérifier ce qui se passe quand il est ignoré ou fermé. Un tutoriel ne compense pas durablement une commande invisible ou une conséquence incompréhensible.
Comment savoir si l’aide est devenue excessive ?
Observez si elle détourne l’attention du contenu, masque la scène ou répète une instruction déjà comprise. Une aide utile répond à une difficulté concrète. On peut réduire sa présence lorsque les tests montrent que les repères visuels suffisent, tout en conservant une commande de recours.
Sources
LVX : donner des prises à l’expérience créative
LVX peut concevoir les indices et les alternatives comme des éléments de direction artistique. Le geste est d’abord relié à une information ou à une sensation précise, puis sa découverte est prototypée avec différents niveaux d’aide. L’observation de premières utilisations permet de choisir ce qui doit être visible, suggéré ou expliqué. Cette démarche garde une place à la surprise tout en donnant au visiteur les moyens d’entrer dans l’expérience, de la comprendre et d’en sortir librement. Les indices sont vérifiés sur les premières visites, sans explication préalable. Découvrir notre approche.
