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
 * Recherche
 * Nom de la page
 * Section name


 * For logged-in users, the header will contain the following:
 * Wiki logo
 * User tools menu (see user tools page)
 * Search
 * Page name
 * Section name
 * Link to talk page
 * Link to history page
 * Link to source and/or edit (following the preferences of the wikis itself)
 * Language switching functionality

The scrolling behavior of the header must adapt to the needs of logged-in users The header must be adaptable at lower screen resolutions (down to 500px)
 * Note: we are currently testing a variety of scrolling and triggering behavior including allowing the header to appear upon scrolling up the page and when switching tabs. We will also be exploring displaying the header in a persistent manner

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

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

User testing
We performed user testing of the sticky header with readers and editors in three locations and languages with the goal of determining which functionality was highest priority in order to include within a sticky header. 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. We also tested the usability of our current prototype.

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. See the full results of this test.

Prototype testing
In May 2021, we performed prototype testing with logged-in users across 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.

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.