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
novembre 2023: des changements visuels, des déploiements plus nombreux et une réorientation des priorités
Nouveau style inspiré du prototype Zebra
Dans le cadre du prototype Zebra #9, dont nous avons parlé dans les deux dernières mises à jour, nous avons introduit deux types de changements visuels : une séparation des zones basée sur la couleur et d'autres modifications CSS. Comme nous l'avons rapporté précédemment, le test A/B n'a pas prouvé que la séparation basée sur la couleur était une amélioration. Nous nous sommes donc concentrés sur les autres modifications CSS, que nous mettons en œuvre dès à présent. Pour voir la différence, vous pouvez utiliser les paramètres URL suivants : ?vectorzebradesign=0
(sans les modifications) et ?vectorzebradesign=1
(avec les modifications). Les changements sont les suivants :
- Les menus déroulants (barre latérale, tableau de contenu, menu utilisateur et menu outils lorsqu'ils ne sont pas fixés) ont un contour plus léger et une ombre déroulante.
- Les boutons "déplacer vers la barre latérale"/"masquer" dans les menus déroulants ont un arrière-plan gris au lieu de crochets.
- Le menu principal n'a plus de fond gris lorsqu'il est placé dans la colonne latérale (lorsqu'il est épinglé). Au lieu de cela, tous les menus ont la même apparence lorsqu'ils sont placés dans les colonnes latérales.
- Les colonnes gauche et droite ont la même largeur.
- En raison du changement ci-dessus, la largeur du contenu devient légèrement plus étroite lorsque les menus sont fixés dans les deux colonnes.
- L'écart entre la table des contenus et la zone de contenu est plus petit.
À la mi-novembre, nous avons distribué ces modifications aux Wikipédias suivantes: français, catalan, hébreu, polonais. Nous prévoyons d'introduire ces changements sur toutes les wikis dans les 2-3 semaines. Ces modifications permettront de faire des modifications futures, comme le menu de l'accessibilité pour la lecture.
Déploiements continus du thème Vector 2022
Depuis notre dernière mise à jour, nous avons changé l'apparence par défaut sur quelques Wikipédias : néerlandais, hindi, hongrois, norvégien (bokmål) et suédois. Nous avons également publié une courte vidéo sur l'habillage. En outre, après avoir reçu tous les logos de notre équipe de conception, nous étions également prêts à poursuivre les déploiements à grande échelle sur des projets frères.
- L'habillage Vector 2022 est désormais proposé par défaut sur tous les Wikibooks non anglais, les Wikinews, Wikiquotes, Wikiversity, ainsi que sur Meta-Wiki.
- Nous continuons les discussions et planifions les déploiements pour le reste des projets frères, en commençant par Wikisource non anglais, le Wiktionnaire et Wikivoyage.
Certains de ces projets peuvent avoir besoin d'ajustements, comme les paramètres par défaut pour la largeur limitée/plénière dans les espaces de noms uniques à Wikisource. Les gadgets ou les scripts utilisateurs peuvent également devoir être mis à jour. Nous sommes heureux de les corriger ou de les aider à les corriger, selon qu'il faudra modifier l'apparence elle-même ou un code contrôlé par la communauté. Contactez-nous sur la page de discussion la page de discussion des amélioration du Bureau ou écrivez directement à S.Grabarczuk(WMF) si vous avez des questions ou des demandes de modifications à venir.
Focus sur d'autres améliorations de la lisibilité des ordinateurs de bureau et des mobiles
L'équipe a mis l'accent sur le projet accessibilité à la lecture. Nous allons travailler sur les améliorations de la typographie et introduire le mode sombre pour les habillages Vector 2022 et Minerva. Veuillez consulter la page du projet pour plus de détails et d'informations sur la façon de participer.
Quel était notre objectif ?
Imaginez une étagère
-
Nous avons progressivement transformé ceci...
-
…en cela :)
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.
- 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.
- 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. Il ne leur était pas possible de trouver intuitivement comment changer de langue, rechercher du contenu ou ajuster les paramètres de lecture. Les nouveaux contributeurs ne peuvaient pas utiliser leur intuition pour configurer leur compte, ouvrir l'éditeur ou apprendre à utiliser des pages autres que celles des articles à des fins de modération.
- 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 nous sommes inspirés des gadgets existants. 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 analysé beaucoup de wikis et nous avons remarqué beaucoup de gadgets utiles. Certains d'entre eux méritent clairement d'être analysés et intégrés à l'expérience par défaut.
- Nous avons testé nos améliorations 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.
- 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.
- Avant le développement comme après le déploiement, nous avons collecté des données (via les tests A/B, l'analyse des commentaire sur le prototype, etc.). Dans le cas de résultats négatifs significatifs, nous sommes revenus en arrière sur les modifications.
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 .
- Traductions: aidez-nous à traduire les pages associées :