Wikipédia:Sondage/Utilisabilité et accessibilité des palettes de navigation

Une page de Wikipédia, l'encyclopédie libre.

Ce sondage porte sur une première étape d'amélioration de l'utilisabilité des palettes de navigation. Il s'agit de résoudre les problèmes d'ergonomie les plus évidents, à l'aide de deux solutions simples à mettre en œuvre. Ce sondage permet également de démarrer une réflexion pour améliorer l'accessibilité du modèle, dans une seconde étape à venir.

Difficultés rencontrées[modifier le code]

Des tests utilisateurs indiquent que les boîtes déroulantes actuelles sont difficiles d'utilisation. Même des lecteurs habitués de WP peuvent avoir des difficultés à comprendre que oui, les palettes en bas de pages s'ouvrent. Le bouton [dérouler] n'existe en effet que sur Wikipédia, et est très éloigné des usages en ergonomie Web, où certaines icônes caractéristiques de ce comportement sont plus fréquentes.

J'ai demandé à plusieurs personnes d'utiliser les palettes, de comprendre à quoi elles servent et « d'obtenir / afficher plus de contenu avec cette boîte ».

  1. Les utilisateurs ont vu les boutons « v d m » en premier (ordre de lecture de gauche à droite oblige), et ne comprenaient pas à quoi ces boutons servaient. Ils ont parfois cliqué dessus pour voir où cela pouvait bien les mener, et n'ont pas été très avancés une fois arrivés sur l'édition du modèle, par exemple.
  2. Il y a fréquemment des liens dans les titres des palettes, et cela a parfois gêné les utilisateurs. Mais c'était bien moins problématique que les liens « v d m » et l'apparence du bouton « dérouler », ainsi il est difficile de déterminer si ces liens sont une véritable gêne ou non. Si cette amélioration est acceptée, nous pourrons le savoir à l'aide d'autres tests utilisateurs.
  3. Le bouton « dérouler » étant loin du titre, les « cobayes » n'ont pas compris que les deux étaient associés. Ils n'ont pas immédiatement saisi que ce qui permet d'accéder au contenu indiqué dans le titre est le bouton « dérouler », et n'auraient pas cherché à comprendre si je ne le leur avais pas explicitement demandé.

Démarche d'amélioration[modifier le code]

  1. ajouter au bouton une icône en forme de flèche montrant clairement l'action qui peut être réalisée sur cette boîte, selon l'usage courant ;
  2. remplacer « [dérouler] / [enrouler] », peu explicite et inhabituel, par « afficher / masquer » ;
  3. passer la taille des caractères (actuellement en small) en taille normale pour augmenter sa visibilité ;
  4. rapprocher visuellement l'icône du titre de la boîte, pour qu'on voie bien qu'on peut accéder à un contenu en rapport avec le titre ;
  5. le survol de l'icône fait apparaître une bulle d'aide explicite.

Lors du rapide sondage bistrotier du premier août, beaucoup ont clairement exprimé la volonté de voir un texte associé à l'image (Afficher la liste des capitales d'Europe afficher), ainsi c'est cette solution qui est retenue.

Les palettes ont généralement les liens « v d m », « voir discuter modifier », à gauche. Ce qui pose un problème de priorité : le lecteur va d'abord savoir comment voir le modèle, en discuter et le modifier avant même de savoir quel est son titre et son contenu. De gauche à droite, le modèle doit présenter :

  1. Le titre
  2. le contenu (via le bouton d'ouverture)
  3. les fonctionnalités avancées (voir discuter modifier)

Les modifications proposées au vote[modifier le code]

Voici le JavaScript et le code CSS proposés au vote. Pour tester le nouveau bouton généré par le JavaScript que Cacycle (WikEd) a créé, suivez les instructions suivantes. Ajoutez dans votre monobook.js (ou votre vector.js) :

importScript('Utilisateur:Dodoïste/Boîte déroulante.js');

Ajoutez dans votre votre monobook.css (ou votre vector.css):

@import url(http://fr.wikipedia.org/w/index.php?title=Utilisateur:Dodoïste/Boîte_déroulante.css&action=raw&ctype=text/css);

Ce script ne change pas la position des liens « v d m » : pour ce faire il faudra modifier l'emplacement de Modèle:Tnavbar dans le Modèle:Méta palette de navigation.

Quelques pistes à explorer pour la suite[modifier le code]

Attention : Ces idées sont présentées à titre purement indicatif, et ne sont pas soumises au vote dans ce sondage.

Il s'agira dans la deuxième partie de peaufiner ce qui aura été fait, en conduisant d'autres tests utilisateurs pour mesurer l'impact des changements et les points qu'il reste à améliorer, et en améliorant l'accessibilité avec l'aide de l'atelier accessibilité. Cette partie portera sur des changements plus complexes et moins évidents, ainsi d'autres discussions, et probablement un autre sondage, seront nécessaires pour décider de son adoption. Voici quelques pistes à explorer pour la suite :

  1. Une amélioration du script permettant d'éviter le recours à un tableau mélangeant tableau de mise en forme et tableau de données, ce qui améliorera de manière significative l'accessibilité de ces boîtes déroulantes. Le script pourra également tirer parti de développements récents en matière de normes et d'attributs d'accessibilité.
    Coût : Après la mise en place de cette nouvelle version des boîtes déroulantes, à côté des boîtes actuelles, un long processus de remplacement des unes par les autres devra être entrepris.
  2. Une amélioration de la qualité des contrastes des couleurs utilisés dans les palettes, pour améliorer l'accessibilité. Le contraste actuel n'est pas critique, mais gagnerait à être amélioré.
  3. Clarifier l'intitulé des liens « v d m », totalement imperméables pour les nouveaux. Ou remplacer par un unique lien vers l'édition du modèle, comme suggéré sur :en. Il est également possible de déplacer ces liens en bas de palette. Le débat est ouvert.
  4. Clarifier les titres, en précisant le type de contenu qu'on peut afficher. Par exemple, « Capitales d'Europe » indique un thème, généralement similaire au thème déjà abordé dans l'article (raison de sa présence). Il n'indique pas ce qui se trouve dans la palette. Il serait préférable d'avoir un titre tel que « Liste des capitales d'Europe » : on sait ainsi qu'en ouvrant la palette on obtiendra une liste.
    Tentative d'appliquer cette idée à Modèle:Palette Agriculture Bio et Modèle:Palette Non-violence. Adéquat ? Merci pour vos idées. -- MHM (d) 1 octobre 2009 à 08:40 (CEST)[répondre]
    Je manque de données sur ce point. Il faudra faire des tests utilisateurs, sur plusieurs types de palettes différentes, pour identifier avec précision quels sont les difficultés du lecteur, et quelles sont les solutions qui fonctionnent.
    Ceci dit, je ne vois toujours pas d'indication du type de contenu (liste). Et le lien dans le titre est en trop, à mon avis. Je verrais plutôt : « Liste des fondateurs, méthodes, organisations et labels de l'Agriculture biologique ». Mais le titre est trop long, ce serait bien de trouver plus court. En même temps, vu la variété du contenu de la palette, je ne vois pas comment faire plus court et bien présenter le contenu. « Liste des principaux articles sur l'Agriculture biologique » ? Dodoïste [ dring-dring ] 1 octobre 2009 à 13:49 (CEST)[répondre]
    Un aspect, j'ai mis le titre principal « Agriculture biologique » au début (donc à gauche, dans le sens de la lecture), justement pour que le thème de la palette soit plus immédiat. Alors on pourrait avoir « Agriculture biologique : principaux articles » ? Et où poursuivre cette discussion qui ne concerne pas directement ce sondage ? -- MHM (d) 3 octobre 2009 à 14:11 (CEST)[répondre]
    Il manque en effet un espace pour coordonner des efforts relatifs à l'utilisabilité. Je songe à créer un Wikipédia:Atelier utilisabilité. J'en parlerai pour avoir des avis, et je ferai un sondage. C'est à venir, mais pas pour tout de suite. :-) Dodoïste [ dring-dring ] 12 octobre 2009 à 15:39 (CEST)[répondre]

Êtes-vous favorable à l'adoption du Javscript et du CSS proposés ci-dessus, ainsi qu'au déplacement des liens « v d m » à droite ?

Pour[modifier le code]

  1. Pour pas besoin de cohabiter avec l'ancien modèle avec un bot remplaceur. JackPotte (d) 31 juillet 2009 à 19:23 (CEST)[répondre]
    Merci de ton soutien. Je voulais lancer ce sondage il a déjà plusieurs jours. Mais Lgd aimerait faire le script avant de lancer le sondage, et en même temps place ce changement en dernière priorité de son emploi du temps. -_- En gros, il est pas prêt d'être ouvert ce sondage. Mais je laisse volontiers ton avis là, pas de souci. :-) À + Dodoïste [ dring-dring ] 9 août 2009 à 15:45 (CEST)[répondre]
  2. Pour. Vyk | 21 septembre 2009 à 17:42 (CEST)[répondre]
  3. Pour Y a peut-être des arguments cachés pour être "contre", mais je ne les vois pas. Je me manifeste plus pour féliciter le proposant pour la clarté et la précision de son exposé préalable (et selon toute apparence la bonne préparation sur le fond de sa proposition) que pour émettre un réel avis de fond, étant totalement incompétent en ergonomie. Mais disons que ça a l'air complètement intelligent. Touriste (d) 21 septembre 2009 à 17:44 (CEST)[répondre]
  4. Pour Ça semble effectivement une très bonne idée, --Wikinade (d) 21 septembre 2009 à 17:48 (CEST)[répondre]
  5. Plutôt pourAu revoir Bonjourtheo (On se rappelle ?) 21 septembre 2009 à 17:49 (CEST)[répondre]
  6. Pourproposition argumentée avec des principes d'ergonomie et des tests utilisateurs. Bon courage par contre pour l'amélioration des constrastes car il risque d'y avoir pas mal d'opposition du style "oui mais moi rouge sur orange j'aime bien". Léna (d) 21 septembre 2009 à 17:51 (CEST)[répondre]
  7. Pour Oui, aucun problème. Logique. Ο Κολυμβητής (You know my name) 21 septembre 2009 à 18:07 (CEST)[répondre]
  8. Pour Gz260 (d) 21 septembre 2009 à 18:28 (CEST)[répondre]
  9. Pour L'auteur du sondage est manifestement compétent en la matière et ne fait pas une proposition qui lui est passée comme ça par la tête, mais basée sur du concret. Je ne vois pas de raison de s'y opposer. Pour v d m, avoir seulement v me paraîtrait le plus logique Jean-Fred (d) 21 septembre 2009 à 18:42 (CEST)[répondre]
  10.  Oui • Chaoborus 21 septembre 2009 à 19:02 (CEST)[répondre]
  11. Plutôt pour Je ne trouve pas que cette modification change grand chose, mais je sais que cette fonctionnalité ne s'adresse pas à moi, donc Pour si elle permet au plus grand nombre de s'y retrouver, du moment que l'introduction du javascript ne rende pas cette fonctionnalité incompatible avec certains navigateurs (mais je pense que cette question a déjà été étudiée avant de faire cette proposition). En revanche, ce qui me perturbe avec les palettes, c'est que le titre de la palette renvoie vers un autre article, alors qu'instinctivement pour moi il devrait enrouler / dérouler la boite. Mais j'ai ptet une manière tordue de réfléchir. Je me souviens qu'à mes débuts sur WP ce qui me frustrait particulièrement c'était de cliquer sur une image et d'arriver non pas à l'article correspondant mais à l'image elle-même sur WP. C'est un peu le même genre ;). Freewol (d) 21 septembre 2009 à 19:18 (CEST)[répondre]
    Merci de ton feedback, c'est très utile. Justement, une de mes idées départ était de pouvoir ouvrir la palette aussi bien avec l'icône qu'avec le titre (si tu est tordu au moins on est deux :p). Techniquement cela impliquerait de modifier tous les modèles, ce qui est lourd et nécessiterait une très forte approbation de la communauté. Ensuite, je ne suis pas certain que ce soit le comportement attendu de la part de la plupart des utilisateurs. Donc j'ai mis cette idée de côté, en attendant d'avoir plus d'informations à ce sujet. C'est une des possibilités qui sera étudiée dans la seconde phase. :-) Amicalement, Dodoïste [ dring-dring ] 21 septembre 2009 à 20:29 (CEST)[répondre]
  12. Pour amélioration ergonomique intéressante. Avec une petite réserve au maintien des trois bouton v,d,m qui peut générer une certaine confusion (ou au moins une hésitation). Je suis partisan d'avoir un seul bouton ouvrant la page de la palette; on retrouve alors une page wiki avec les boutons discuter et modifier logiquement positionnés --Priper (d) 21 septembre 2009 à 20:14 (CEST)[répondre]
  13. Pour Il y a eu une grande amélioration du modèle depuis le passage sur le bistro. Pas de problème pour remplacer de v d m par un lien unique (soit modifier soit voir)--Nouill (d) 21 septembre 2009 à 20:22 (CEST)[répondre]
  14. Pour, que des idées de bon sens, des changements en apparence assez mineurs mais qui demande de travail et change la vie, merci. Cdlt, Vigneron * discut. 21 septembre 2009 à 20:42 (CEST)[répondre]
  15. Pour, cela me paraît largement gagner en lisibilité et pertinence. Hannes > zeg 't maar 21 septembre 2009 à 21:12 (CEST)[répondre]
  16. Pour Cela me paraît en effet gagner en clarté pour les non-initiés à WP. - Pmiize (d) 21 septembre 2009 à 21:57 (CEST)[répondre]
  17. Pour bien que rétissant sur ce qui est la partie couleur. --GdGourou - Talk to °o° 21 septembre 2009 à 23:25 (CEST)[répondre]
  18. Pour ne désoriente pas les "vieux" wikipédiens tout en orientant mieux les newbies -- Xfigpower (pssst) 22 septembre 2009 à 09:47 (CEST)[répondre]
  19. Pour--tpa2067(Allô...) 22 septembre 2009 à 10:00 (CEST)[répondre]
  20. Pour Tel que c'est proposé j'approuve, mais si d'autres modifications sont proposées plus tard, il faudra peut-être discuter plus longuement. O. Morand (d) 23 septembre 2009 à 00:54 (CEST)[répondre]
  21. Pour C'est très joli, et c'est conviviable. Beaucoup plus clair. Je maintiens toutefois mon commentaire que j'ai fait plus bas, à savoir qu'on devrait simplement arrêter d'indiquer les atroces et incompréhensibles vdm. Les utilisateurs qui modifient des modèles sont capables d'aller les chercher. — Riba (discuter) 25 septembre 2009 à 19:08 (CEST)[répondre]
  22. J'ajoute ma voix — Steƒ ๏̯͡๏﴿ 28 septembre 2009 à 07:27 (CEST)[répondre]
  23. Pour. Romainhk (QTx10) 29 septembre 2009 à 13:32 (CEST)[répondre]
  24. Pour idem Priper amélioration ergonomique intéressante. Concernant (v,d,m) : Je suis aussi partisan d'avoir un seul bouton ouvrant la page de la palette -- MHM (d) 29 septembre 2009 à 16:45 (CEST)[répondre]
  25. Pour Superbe. (Oui, le sondage est catégorisé comme clos, mais bon, du moment qu’il n’est pas protégé est qu’il est encore marqué comme « en cours » sur WP:*, je me permets de laisser mon vote Émoticône). Moipaulochon 7 octobre 2009 à 21:42 (CEST)[répondre]
  26. Pour pour v-d-m et pour "afficher/masquer", --Prosopee (d) 15 octobre 2009 à 11:26 (CEST)[répondre]

Contre[modifier le code]

Neutre[modifier le code]