Lecture/Web/Améliorations pour ordinateur

This page is a translated version of the page Reading/Web/Desktop Improvements and the translation is 79% complete.

Le précédent habillage par défaut de Wikimedia (Vector) est sorti en 2010. Durant la décennie qui a suivi, l'interface a été enrichie avec des extensions, des gadgets et des scripts utilisateur. La plupart d'entre eux n'ont pas été harmonisés visuellement ni entre wikis. En parallèle, les standards de l'architecture du web, et les attentes des lecteurs ainsi que celles des contributeurs, ont évolué. Finalement nous avons décidé de prendre en compte certaines de ces idées et d'en faire l'expérience par défaut pour tous les utilisateurs et utilisatrices, sur tous les wikis, et ce de manière organisée et cohérente.

Entre 2019 et 2023, nous avons développé un nouvel habillage. Nos objectifs ont été de rendre les wikis Wikimedia plus accueillants et d'augmenter leur utilité pour les lecteurs ainsi que pour les contributeurs existants. Nous avions mesuré l'évolution de la confiance et des ressentis envers nos sites, ainsi que leur utilité (fréquence d'utilisation des actions communes telles que la recherche et le changement de langue).

En 2022, le nouvel habillage était prêt à devenir l'habillage par défaut. Depuis, nous l'avons introduit progressivement sur tous les wikis. A terme, il fallait avoir un habillage par défaut partout. C'est parce que, en garder deux par défaut devenait infiniment impossible.

Mises à jour

Quel était notre objectif ?

Imaginez une étagère

L'interface avant...

…ne correspondait pas aux attentes. ... était encombrée et peu intuitive. …ne mettait pas en évidence le côté communautaire. …n'était pas cohérente avec la version mobile.

 
  1. L'interface sur ordinateur ne correspondait pas aux attentes créées par les plateformes web modernes. Elle semblait déroutante et peu intuitive. La navigation et les liens de l'interface étaient organisés de manière hasardeuse.
    • Readers were unable to understand the purpose, terminology, and concepts of available tools such as the main menu, user menu, and page tools.
    • Editors found the hierarchy of the navigation to be confusing for newcomers.
    • Editors and other contributors wanted easier access to tools they used frequently.
    • Editors expressed interest in having fewer, but more prominent, ways to begin contributing.
  2. L'encombrement empêchait les utilisateurs de se concentrer sur ce qu'ils cherchent. Il était difficile pour les lecteurs de se concentrer sur le contenu. Les nouveaux contributeurs ne pouvaient pas utiliser leur intuition pour réaliser des tâches simples non liées à la lecture.
    • Too much information density and navigational elements on the page made it difficult to focus on a particular reading or editing task.
    • Readers found it difficult to navigate the page and spent a lot of time scrolling.
    • Readers found it difficult to search for information that is relevant to them.
    • Multilingual readers were not aware of language switching functionality.
    • Readers wanted to have an easy way to view the table of contents throughout the page.
    • Character count per line was more than three times the recommended value.
  3. Un très petit pourcentage de lecteurs comprenaient la manière dont les wikis Wikimedia fonctionnaient. Beaucoup de lecteurs n'étaient pas conscients que ce qu'ils lisaient était écrit par des bénévoles et mis à jour fréquemment, et qu'eux-mêmes pouvaient aussi potentiellement y contribuer.
  4. Du fait des grandes différences entre nos interfaces (sur ordinateur, sur applis et sur la version web mobile), les lecteurs ont du mal à faire le lien entre nos produits. Il y a eu un manque d’unité dans la conception des sites Wikimedia.

Comment les changements ont été effectués

Principes

Nous n'avons pas touché au contenu. Nous n'avons pas modifié les habillages autres que Vector. Nous n'avons pas supprimé de fonctionnalité. Nous n'avons pas fait de modification majeure en une seule étape.

  1. Nous travaillons seulement sur l'interface. Nous n'avons pas touché aux modèles de mise en forme, ni à la structure du contenu des pages, au support des cartes, ni aux modèles interwiki.
  2. Les habillages autres que Vector ne sont pas concernés par nos modifications. La version courante de Vector a été figée sous le nom de Legacy Vector, et déployée avec nos fonctionnalités dans le nouveau Vector par défaut.
  3. Les éléments de l'interface ont été déplacés, mais tous les éléments de navigation ainsi que les autres fonctionnalités précédemment disponibles par défaut sont restées.
  4. Nous avons adopté une approche évolutive et avons souhaité que les wikis pilotes continuent à rester familiers aux lecteurs et aux contributeurs. Chaque fonctionnalité a donc été discutée, développée et déployée séparément.

Process for developing the features

  1. 2019: Problem identification research with both readers and editors – We studied the way people used the site. We identified the largest usability issues as well as obstacles in becoming more engaged with reading or editing. We did this by interviewing readers and editors across multiple countries and locations. We also surveyed gadgets and user scripts. Some of them deserved to be surfaced and be a part of default experience. (See the links: Research and design: Phase 1, Research and design: Phase 2.)
  2. 2019–2022: Prototype development and testing – We built out the ideas for features and began showing prototypes. Each feature was tested with readers and editors through interviews and on-wiki prototype testing. We used Central Notice banners across multiple languages and Wikimedia projects. Each prototype was tested by approximately 200 editors on average. (Example)
  3. 2020–2023: Refining and building – We refined or changed the features based on the outcomes of the prototype testing. In some cases, we asked for additional opinions to ensure we were making the right decisions.
  4. 2020–2023: A/B testing and other quantitative testing on wikis – This was the "beta" phase:
    • We performed tests for whether the features worked as expected based on the previously defined criteria of success. We made "before and after" comparisons or performed A/B tests. As the latter, we gave a new feature to 50% of users and compared them to the other 50%. After two weeks we compared the results.
    • If we received negative results, we identified the reasons across different audiences and made changes to the feature. Then, we would test the feature again. In the case of significantly negative results, we rolled back our changes. (Example)
    • Nous avons testé ces changements en collaboration avec un panel varié de wikis (pilotes) bénévoles de la première heure , issus à la fois des Wikipedias et des projets frères.
    • We also monitor usage across all wikis, where many account holders have been already using the new skin.
  5. 2022 – onwards: Deployments on more and more wikis – The results of testing and subsequent analysis concluded that our changes result in improved usage of the skin, and save time previously spent in scrolling, searching, and navigating. We interpret this as an easier and more comfortable reading experience. There are no negative effects to pageviews, account creation, or edit rates. Knowing this, we continue to roll out the skin on more and more wikis.

Fonctionnalités ajoutées

Plan de déploiement et calendrier

L'habillage est maintenant prêt pour être déployé par défaut sur tous les wikis.

Année Mois Déploiements
2019 mai Discussions de la première équipe
2020 juillet/août The new logo , collapsible sidebar , and limited content width introduced on the first early adopter (pilot) wikis , including French Wikipedia
septembre The new search widget is introduced
2021 juin The new language switching is introduced
février Déploiements sur d'autres wikis pilotes, y compris les Wikipedia en bengali, coréen et portugais.
2022 août The new user menu is introduced
janvier The new sticky header is introduced
Déploiement sur d'autres wikis pilotes dont les Wikipedia indonésienne, thaï, et vietnamienne.
février Les modifications ont été portées dans le nouvel habillage "Vector 2022", séparément de l'ancien code Vector.
mai The new table of contents is introduced
juin L'habillage a été introduit sur les derniers wikis pilotes des Wikipedia catalane et japonaise.
The first visual refinements are introduced
octobre Déploiement sur les Wikipedia les plus petites.
novembre Ajout du nouveau sélecteur pleine largeur / largeur limitée
décembre Déploiements sur les Wikipedia arabe et grecque
2023 janvier Déploiement sur Wikipédia anglophone
février Les préférences pleine largeur / largeur limitée deviennent permanentes pour les utilisateurs déconnectés.
mars The new page tools menu is introduced
avril Déploiement sur la Wikipedia polonaise
mai Déploiement sur la Wikipedia espagnole
août Déploiement sur les Wikipédia chinoises (zh) et plus petites
octobre Déploiements sur les Wikipedia suédoise, hongroise, néerlandaise, hindi et norvégienne bokmål
Aussi sur Meta-Wiki et la plupart des wikis Wikibooks, Wikinews, Wikiquotes et Wikiversity
novembre Déploiements sur la plupart des Wikisources et Wiktionnaires
Dernières améliorations visuelles (connues sous le nom de Zebra 9) sont introduites
2024 mars Déploiements sur la plupart des wikis Wikisource et de la Fondation

Contact

  • Abonnez-vous à la lettre d’information
  • Souscription individuelle : cocher l'option Vector (2022) dans les Préférences. Vous pouvez également activer nos modifications en utilisant les Préférences globales.
  • Promouvez : informez votre communauté. Partagez nos mises à jour et nos billets de blog.
  • Rapportez les bogues: pour rapporter un bogue, créez une tâche dans Phabricator et ajoutez-lui le projet #Desktop Improvements Vector 2022 .
  • Traductions: aidez-nous à traduire les pages associées :
Traductions prioritaires 

TOP3

  1. Lecture/Web/Améliorations pour ordinateur
  2. Lecture/Web/Améliorations pour ordinateur de bureau/FAQ
  3. Lecture/Web/Améliorations du bureau/Fonctionnalités

Autres traductions prioritaires

  1. Template:Reading/Web/Desktop Improvements/Talk page intro
  2. Template:Reading/Web/Desktop Improvements/Features/Navigation
  3. Template:Reading/Web/Desktop Improvements/Header
  4. Lecture/Web/Améliorations pour ordinateur/Actualités
  5. Lecture/Web/Améliorations du bureau/Dépôt
  6. Template:Reading/Web/Desktop Improvements/Office hours announcement

Lien direct vers toutes les traductions