Reading/Web/Desktop Improvements/Features/Sticky Header/fr

Dans le cadre du Projet d'améliorations bureau, nous introduisons une nouvelle manière d'afficher les outils les plus fréquemment utilisés qui auparavant se trouvaient en haut de la page. La nouvelle fonctionnalité permettra d'accéder à ces outils tout au long de la page via un entête « fixe » ou « figé ». Notre objectif est de faciliter l'accès des lecteurs et des contributeurs à ces outils. Nous nous rendons compte que, aujourd'hui, ils doivent souvent faire défiler la page au complet jusqu'à monter en haut.

Contexte et objectifs
Actuellement, de nombreuses fonctionnalités des pages wiki ne sont accessibles aux utilisateurs que situées en haut de la page, et/ou sur le panneau à gauche de la page. Cela devient problématique sur les pages plus longues, lorsque le défilement des premiers paragraphes oblige l'utilisateur à remonter pour accéder à nouveau aux outils et autres ressources. La méthode que nous proposons pour résoudre ce problème consiste à rendre l'entête du site « figé ». Cela signifie qu'il reste fixé tout en haut de l'écran (au-dessus du contenu) lorsque vous faites défiler la page vers le haut ou vers le bas.

En outre, nous offrons actuellement très peu d'orientation dans la page à nos lecteurs et contributeurs. Pour cela, distinguer entre une page et une autre devient compliqué.

Notre but :
 * Donner en même temps la fonctionnalité et le contexte tout au long de la page.
 * Réduire le temps que les lecteurs et les contributeurs passent à défiler la page vers le haut ou vers le bas pour des raisons de navigation.

Cas d'utilisation

 * En tant que lecteur, je veux savoir à tout moment quel article je suis en train de lire, afin de pouvoir m'orienter facilement sur le site.
 * En tant que contributeur, je veux pouvoir accéder à des fonctionnalités importantes (p.e. éditer, aller dans l'historique ou dans la page de discussion de l'article) à partir de n'importe quelle endroit de la page, sans perdre du temps en faisant défiler la page vers le haut.
 * En tant que lecteur multilingue, je veux pouvoir changer de langue à tout moment de ma lecture, de sorte que je puisse passer directement à l'autre après avoir trouvé un mot ou une phrase qui prête à confusion.

Description et prérequis de la fonctionnalité
Un entête fixe/figé apparaitra en haut de la page lorsque l'utilisateur aura dépassé l'entête actuel de la page.


 * Pour les utilisateurs anonymes, l'entête contiendra les éléments suivants :
 * Logo du wiki
 * Barre de recherche
 * Nom de la page
 * Titre de section


 * Pour les utilisateurs connectés, l'entête contiendra les éléments suivants :
 * Logo du wiki
 * Menu utilisateur (voir la page dédiée)
 * Barre de recherche
 * Nom de la page
 * Titre de section
 * Lien vers la page de discussion
 * Lien vers l'historique de la page
 * Lien vers l'édition du wikicode et/ou via l'éditeur visuel (selon les préférences des wikis eux-mêmes)
 * Sélecteur de langue

Le comportement de défilement de l'entête doit s'adapter aux besoins des utilisateurs connectés. L'entête doit pouvoir s'adapter aux résolutions d'écran faibles (inférieurs à 500px)
 * Note : nous sommes en train de tester plusieurs comportements de défilement et de déclenchement, notamment en permettant à l'entête d'apparaître lors du défilement de la page et du changement d'onglet. Nous allons tester aussi l'affichage de l'entête en permanence

Prototype
https://people.wikimedia.org/~jdrewniak/dip/p4.html#/en/wiki/Moon

Utilisateurs anonymes
Note: for the first iteration of the sticky header, the header will only be available for logged-in users

Tests utilisateur
Nous avons effectué des tests utilisateur de l'entête fixe avec des lecteurs et des contributeurs de trois endroits et langues différentes, afin de déterminer quelle fonctionnalité devrait être incluse dans l'entête fixe en priorité. For the first iteration of the sticky header, we will be removing triggering behavior and making the sticky header persistent as per request of a number of the editors involved in the user testing. We will then evaluate the change once live. Nous avons également testé l'utilisabilité de notre prototype actuel.

The results of the test were used to iterate on the links available within the header as well as the triggering and persistent behavior of the header. Voir les résultats complets de ce test.

Test du prototype
En mai 2021, nous effectuons des tests de prototype avec des utilisateurs connectés à travers 30 wikis. The test was designed to gather feedback on the usability and functionality of the sticky header and user menu.

Our preliminary results show that an overwhelming majority of test participants reported positive experience with a sticky header. Participants mentioned they enjoyed the ability to access important functionality from any part of the page.

However, a large number of participants (~20%) indicated issues with the appearance of the sticky header itself. The majority of these participants indicated that they wished for the header to appear on the page permanently rather than by a variety of triggers. Some of the participants indicated that while they enjoyed the appearance of the header on trigger, they experienced issues with the header appearing/disappearing too quickly.

As next steps, we will be reviewing the triggers that allow the header to appear and disappear. We are also planning on further experimentation with the sticky header appearing persistently on the page. These changes will be expected to appear within the first iteration of the sticky header deployed to our pilot wikis.

Quantitative testing
We will be monitoring the before and after usage of the links included in the sticky header on our pilot wikis following our initial deployments. We expect to see a small but significant rise in access to some of these links, in particular, to the talk page and history page.

Voir aussi

 * Sticky sections gadget on English Wikipedia
 * Sticky header user script
 * Sticky header user script
 * Sticky header user script

My templates use sticky elements. How do I get them to work with the sticky header?
Add the `.mw-sticky-header-element` class to any elements that you want to stick to the bottom of the sticky header.