Lecture/Web/Améliorations pour ordinateur

From mediawiki.org
< Reading‎ | Web
This page is a translated version of the page Reading/Web/Desktop Improvements and the translation is 100% complete.

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.

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).

Actuellement, sur la plupart des wikis, seuls les utilisateurs et utilisatrices connectés peuvent choisir d'adopter individuellement ces changements. Sur de plus en plus de wikis, bien que nos modifications soient déployées pour tous par défaut, les utilisateurs connectés peuvent revenir à l'ancienne version. Nous sommes en train d'augmenter le nombre de wikis adoptant Vector 2022 par défaut, jusqu'au déploiement des améliorations sur tous les wikis.

Mises à jour

novembre 2023: des changements visuels, des déploiements plus nombreux et une réorientation des priorités

Avant (?vectorzebradesign=0)
Après (?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

Vidéo sur 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.

septembre 2023 : résultats de la séparation de contenu (Zebra #9) test A/B

En juin 2023, nous avons mené une expérience qui a comparé différentes conceptions de séparation du contenu dans l'interface. Ce prototype montre la conception testée; nous l'appelons « Zebra ». L'objectif était d'améliorer la lisibilité et de se concentrer sur le contenu des pages. L'expérience a testé la conception du prototype et l'a comparé à l'architecture actuelle de Vector 2022 entièrement vierge. Les résultats de l'expérience ont montré :

  1. Une augmentation de 3% des pages vues par session dans le groupe de traitement étant attribué à Zebra
  2. Une diminution de 3,4% des modifications par session dans le groupe de traitement attribué à Zebra
  3. Une diminution de 17% du taux de clics sur les sommaires
  4. Une augmentation de 87% des entrées d'outils de page par session

Après avoir revu les paramètres de notre test, nous n'avons trouvé aucun problème qui entraînerait des incohérences dans les données. Nous avons ensuite étudié d'autres facteurs qui pourraient influencer les résultats du test. Nous avons remarqué qu'une partie significative de la diminution des modifications et des pages vues provenait des tailles d'écran inférieures à 1200 px. Nous avons combiné ces résultats avec les résultats de nos tests utilisateur. Ces données n'indiquent pas de différences significatives de lisibilité entre les conceptions d'essai et de contrôle.

Nous avons conclu que le prototype, dans sa forme testée, n'améliorait pas la lisibilité et pouvait avoir un impact négatif sur les modifications. Nous avons décidé de ne pas procéder au déploiement de ce prototype sous sa forme testée. Au lieu de cela, nous prévoyons d'améliorer la lisibilité et de nous concentrer sur le contenu par le biais des éléments suivants :

  1. Introduction des modifications de la typographie, axées sur l'amélioration de la lisibilité et de la compréhension du contenu. C'est l'objectif du nouveau projet, Accessibilité en lecture
  2. Introduction d'améliorations à Zebra, optimisation pour les écrans plus étroits, et répétition des tests.

Quel était notre objectif ?

Imaginez une armoire

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.

  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.
  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. 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.
  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 sont effectués

Principes

Nous ne touchons pas au contenu. Nous ne supprimons aucune fonctionnalité. Nous ne changeons pas les habillages autres que Vector. Nous sommes inspirés par les gadgets existants. Nous ne faisons pas de modifications majeures en une seule étape.

  1. 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.
  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 nous allons déployer nos fonctionnalités dans le nouveau Vector par défaut.
  3. 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.
  4. 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.
  5. 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.
  6. 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.
  7. 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.


Plan de déploiement et chronologie

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

The timeline

Liste des wikis adoptants de la première heure (wikis de test) 

Premier groupe de wikis (marqué comme ※ sur la ligne de temps ci-dessus) :

Deuxième groupe de wikis (marqué comme † sur la ligne de temps ci-dessus) :

Troisième groupe de wikis (marqué comme ‡ sur la ligne de temps ci-dessus) :

Quatrième groupe de wikis (marqué comme § sur la ligne de temps ci-dessus) :

Premier groupe de petits wikis (marqué comme ¶ sur la ligne de temps ci-dessus) : 

Participez et contact

  • Abonnez-vous à la lettre d’information
  • 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


Fonctionnalités qui ont été ajoutées