Sujet sur Discussion Gestion:Tâches/Liste/119/2

Comment gérer les opérations plus complexes tel que l'ajout d'une image

5
Résumé par Antoine Mercier-Linteau

Utilisation de callbacks jQuery.

Charles-Éric Noël Laflamme (discussioncontributions)

Jusqu'à maintenant, pour ce qui est de guider l'utilisateur à faire des opérations simples (comme mettre en texte en gras par exemple), ça va super bien. Là où ça se corse, c'est pour les opérations un peu plus difficile (comme insérer une image par exemple, qui demande de cliquer sur "Insérer", puis sur "Média", puis où l'on doit rechercher une image, pour finalement ajouter une description avant de confirmer l'insertion de l'image). Je vois actuellement 3 options pour approcher ce genre d'opération plus complexe:

  1. Guider l'utilisateur vers la première étape, puis le laisser figurer le reste de l'opération sous la prémisse que celle-ci est assez intuitive. (Pas super optimal)
  2. Guider l'utilisateur vers la première étape et lui indiquer de cliquer sur le bouton "Suivant" lorsque celle-ci a été faite. Le guider alors vers la deuxième étape encore en lui indiquant encore de cliquer sur le bouton "Suivant" lorsque celle-ci a été faite, etc. (Déjà plus user friendly, mais demande le clic de boutons suivants superflus)
  3. Guider l'utilisateur vers la première étape et lorsque celle-ci est faite, amorcer automatiquement les consignes pour la deuxième étape, etc. (Super user friendly, mais demande l'utilisation des Callbacks du Visual Editor)

Évidemment, je pense que la 3ème option est la meilleure, mais elle demande que qu'on listen à des callbacks du Visual Editor pour passer d'une étape à une autre. Le problème, c'est que je n'ai aucune idée où trouver le nom de ces callbacks ou si même ils existent. La documentation du Visual Editor est assez limité et j'ai essayé de les catcher avec l'outil Performance du Debuggeur, mais sans chance.

Antoine Mercier-Linteau (discussioncontributions)

Il se peut qu'ils n'aient pas programmés de callbacks pour ces fonctions de l'Éditeur Visuel.

Il y a moyen cependant, d'une étape à l'autre, d'insérer des callbacks sur des éléments arbitraires avec jQuery (exemple: $(".oo-ui-buttonElement-button").click(function(){ alert('22'); });). C'est pas idéal et ce sera fragile, mais ça pourra le faire.

Sinon, que dis-tu de déplacer l'insertion d'images sur un tour différent?

Charles-Éric Noël Laflamme (discussioncontributions)

Pour ma part, je pense que l'insertion d'images à sa place dans ce tour. Ce pourrait cependant être plus sage de la retirer le temps de trouver une manière de bien l'intégrer

Antoine Mercier-Linteau (discussioncontributions)

Ok. Ma préoccupation en ce sens en est une de longueur. Selon les recommandations des gens de MediaWiki, il est préférable de garder les tours courts afin de ne pas perdre l'attention des utilisateurs.

On verra avec les commentaires des testeurs.

Charles-Éric Noël Laflamme (discussioncontributions)

Effectivement, je pense que le dernier mot revient toujours aux utilisateurs! J'ai d'ailleurs réussi à passer d'un step à un autre en utilisant des callbacks personnalisés avec jQuery comme tu avais commenté. Merci beaucoup du conseil !