Lecture/Web/Améliorations pour ordinateur
|
Améliorations de l'interface pour ordinateur de bureau
Une série de nouvelles fonctionnalités et de modifications pour l'habillage Vector
|
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
Page principale : Reading/Web/Desktop Improvements/Updates
Quel était notre objectif ?
Imaginez une étagère
-
Nous avons progressivement transformé ceci... -
…en cela :)
space.jpg)
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.
.png)
- 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.
- 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.
- 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.
- 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.
- 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.
- 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.
- 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.
- 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
- 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.)
- 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)
- 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.
- 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.
- 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
Page principale : Reading/Web/Desktop Improvements/Features
Plan de déploiement et calendrier
L'habillage est maintenant prêt pour être déployé par défaut sur tous les wikis.
| réduction du nombre de wikis | accroissement du nombre de wikis |
|---|---|
| les contributeurs ou lecteurs ne voient pas nos modifications par défaut |
les contributeurs et lecteurs voient nos modifications par défaut |
| seuls les contributeurs inscrits peuvent choisir d'adopter les nouvelles fonctionnalités (directement dans les préférences utilisateur, en cochant Vector (2022) dans l'onglet Apparence) |
seuls les contributeurs inscrits peuvent choisir de désactiver les nouvelles fonctionnalités (en utilisant Basculer vers l’ancien habillage dans la barre latérale, ou directement dans leurs préférences utilisateur) |
| 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
- 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 .
.jpg)
- Traductions: aidez-nous à traduire les pages associées :