Reading/Web/Desktop Improvements/Features/Menu utilisateur

This page is a translated version of the page Reading/Web/Desktop Improvements/Features/User menu and the translation is 100% complete.

Dans le cadre du Projet d'améliorations bureau, nous introduisons une nouvelle manière d'afficher les outils utilisateur qui se trouvent en haut de la page. Nous prévoyons de collecter ces fonctionnalités dans un seul menu qui permettra aux utilisateurs connectés et non connectés un accès pratique à ses outils utilisateur. Notre objectif est de rendre la navigation plus intuitive mettant visuellement en évidence la structure des liens utilisateur et leur finalités.

Contexte

Actuellement, les outils de l'utilisateur se trouvent en haut de la page en tant que liens. Ceci introduit du désordre dans notre hiérarchie de navigation. Puisque les liens ne se présentent pas comme un ensemble, ils peuvent créer de la confusion pour les utilisateurs novices qui ne savent pas que ces liens correspondent aux outils de l'utilisateur individuel. En outre, les liens occupent beaucoup d'espace sur l'écran, ce qui donne une apparence encombrée.

Nous prévoyons d'améliorer l'apparence de ces liens avec les objectifs suivants :

  • Permettre une majeure clarté de la finalité des liens, en montrant visuellement que tous ces liens concernent les fonctionnalités et les outils spécifiques de l'utilisateur
  • Permettre une diminution du surcharge visuel et, en conséquence, une apparence plus accueillante de l'en-tête de la page dans son ensemble.

Exemples de cas d'utilisation

  • Comme lecteur, je veux voir moins de liens en haut de la page, pour mieux me concentrer sur le contenu lui-même.
  • Comme lecteur, je veux un point d'accès facile à repérer vers la création du compte, pour pouvoir créer mon compte rapidement.
  • Comme contributeur, je veux un accès rapide à tous mes liens utilisateur.
  • Comme utilisateur novice, je veux que mes outils utilisateur soient rassemblés en un seul endroit, de sorte que je sache quels sont les outils que j'ai à disposition

Description et prérequis de la fonctionnalité

  1. Tous les liens utilisateur qui se trouvent actuellement en haut de la page seront rassemblés dans un seul menu
  2. Le menu doit permettre différentes options pour les utilisateurs connectés et non connectés
  3. Aucun lien du menu pourra être supprimé
  4. Des liens directs doivent être disponibles pour chaque page de l'utilisateur
  5. Des liens directs doivent être disponibles quand un nouveau message arrive sur la page de discussion utilisateur
  6. Le menu doit permettre des liens ajoutés via les gadgets (comme l'horloge UTC) ou des scripts utilisateur
  7. Le menu doit contenir des logos aussi bien que du texte pour chaque élément du menu, pour permettre une identification plus rapide
  8. Le menu doit fonctionner à des basses résolutions, jusqu'à 500px

Exigences de design et recommandations

Prototype

Ce prototype affiche le comportement des utilisateurs connectés ou non connectés de l'actuelle itération du menu d'outils utilisateur. L'habillage final sera susceptible de changer en fonction des résultats des tests quantitatifs et des retours qualitatifs décrits ci-dessous :

Utilisateurs anonymes

 
Un exemple de la fonctionnalité d'outils utilisateur proposée aux utilisateurs anonymes

Utilisateurs connectés

 
Un exemple de la fonctionnalité d'outils utilisateur proposée aux utilisateurs connectés

Tests utilisateur

Tests utilisateur avec des lecteurs et des contributeurs

Nous avons effectué des tests utilisateurs avec des lecteurs et des contributeurs à trois endroits différents. L'objectif de ce test était d'indiquer la facilité d'usage du menu utilisateur et, en particulier, de déterminer si l'iconographie était compréhensible. Les résultats du test ont indiqué qu'il est préférable d'utiliser à la fois des icônes et du texte dans le menu, spécialement pour des pages spécifiques de wiki telles que le Bac à sable (Brouillon) et la page des Contributions.

Test de prototype avec des contributeurs et d'autres utilisateurs connectés

En mai 2021, nous effectuons des tests de prototype avec des utilisateurs connectés à travers 30 wikis. Nos résultats préliminaires montrent que le menu lui-même était plus facile à utiliser et que les participants pouvaient naviguer intuitivement entre les pages dès leur première essai. Cependant, certains participants ont exprimé le souhait d'avoir plus de contrôle sur quels éléments sont montrés dedans et dehors du menu. Ceci est quelque chose que nous envisageons pour des itérations ultérieurs de la fonctionnalité.

Tests quantitatifs

Avant et après, nous surveillerons l'usage des liens utilisateur sur nos wikis primo-adoptants. Bien que nous nous attendions à une légère baisse des liens utilisateur, toute baisse supérieure à 10 % sera considérée comme un motif pour une itération immédiate du retravail de la fonctionnalité.

FAQ

Why doesn't the user menu show on hover?

Showing a menu on hover is not a good user interface pattern. A menu should not be triggered by hover. Only by click. It's standard in basically all interface elements we provide and Vector legacy was the exception to the rule, historically grown without design oversight. Expected by one user group, surprising to confusing by another.

More context is provided on phab:T275681#6882448.

Plan de lancement

Nous avons travaillé sur ces changements entre avril et juin 2021, nous espérons de déployer nos premières itération vers la moitié de l'année 2021. Nous implémenterons les changements par défaut sur nos wikis primo-adoptants. Les changements seront aussi disponibles pour tous les utilisateurs connectés qui auront choisi de participer à cette expérience.

Voir aussi