Lecture/Web/Améliorations pour ordinateur
|
Améliorations de l'interface pour ordinateur de bureau
.png) 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) a été déployé 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 les wikis. En parallèle, les standards de l'architecture du web, et les attentes des lecteurs ainsi que celles des contributeurs, ont évolué. Le moment était venu 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.
Between 2019 and 2023, we were building a new skin. Nos objectifs sont de rendre les wikis Wikimedia plus accueillants et d'augmenter leur utilité pour les lecteurs ainsi que pour les contributeurs existants. Nous avons 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).
In 2022, the new skin became ready to be the default. Since then, we are introducing it on more and more wikis. Ultimately, we need to have one skin as the default everywhere. This is because keeping two as the default indefinitely is impossible.
Mises à jour
novembre 2023: des changements visuels, des déploiements plus nombreux et une réorientation des priorités
?vectorzebradesign=0)
?vectorzebradesign=1)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 armoire
-
Nous voudrions progressivement transformer ceci... -
…en cela :)
space.jpg)
Auparavent, l'interface...
…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 sont effectués
Principes
Nous ne touchons pas au contenu. Nous ne changeons pas les habillages autres que Vector. Nous ne supprimons aucune fonctionnalité. Nous sommes inspirés par les gadgets existants. Nous ne faisons pas de modifications majeures en une seule étape.
- Nous travaillons seulement sur l'interface. Nous ne toucherons pas aux modèles de mise en forme, ni à la structure du contenu des pages, au support des cartes, ou 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 nous allons déployer nos fonctionnalités dans le nouveau Vector par défaut.
- Les éléments de l'interface ont changé de place, 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 volontaires de la première heure, à la fois des Wikipedias et des projets frères.
- Bien que nos changements soient facilement perceptibles, nous avons adopté une approche évolutive et avons souhaité que le site apparaisse familier 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, des consultations autour du prototype, etc.). Dans le cas où les résultats négatifs étaient significatifs, nous sommes revenus en arrière sur les modifications.
Plan de déploiement et chronologie
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) |
| Year | Month | Deployments |
|---|---|---|
| 2019 | mai | First team discussions |
| 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 | Deployments on more pilot wikis, including Bengali, Korean, and Portuguese Wikipedias | |
| 2022 | août | The new user menu is introduced |
| janvier | The new sticky header is introduced Deployments on more pilot wikis, including Indonesian, Thai, and Vietnamese Wikipedias | |
| février | The changes are separated out from the Vector legacy code to a new skin "Vector 2022" | |
| mai | The new table of contents is introduced | |
| juin | The skin is introduced on the last pilot wikis, including Catalan and Japanese Wikipedias The first visual refinements are introduced | |
| octobre | Deployments on the smallest Wikipedias | |
| novembre | The new full/limited-width toggle button is introduced | |
| décembre | Deployments on Arabic and Greek Wikipedias | |
| 2023 | janvier | Deployment on English Wikipedia |
| février | The full/limited width preference becomes persistent for logged-out users | |
| mars | The new page tools menu is introduced | |
| avril | Deployment on Polish Wikipedia | |
| mai | Deployment on Spanish Wikipedia | |
| août | Deployment on Chinese (zh) and several smaller Wikipedias | |
| octobre | Deployments on Swedish, Hungarian, Dutch, Hindi, Norwegian bokmål Wikipedias Also on Meta-Wiki and most Wikibooks, Wikinews, Wikiquotes and Wikiversity wikis | |
| novembre | Deployments on most Wikivoyages and Wiktionaries The last visual refinements (known as Zebra 9) are introduced | |
| 2024 | mars | Deployments on most Wikisources and Foundation internal wikis |
Participez et contact
- Test en individuel : 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 :
Fonctionnalités qui ont été ajoutées