Reading/Web/Desktop Improvements/fr

Notre interface pour ordinateurs de bureau a évolué dans le temps. Cependant, depuis l’introduction de l'habillage Vector (le design par défaut du site), la plupart de ces changements ont été conduits par des bénévoles et sont seulement disponibles sous forme de prototypes, gadgets, scripts utilisateur et habillages conçus par des bénévoles. Nous pensons qu’il est temps de prendre certaines de ces idées pour qu’ils deviennent accessibles par défaut. Pendant les deux prochaines années, l’équipe Web des lecteurs va rechercher et développer des améliorations de l’expérience sur ordinateur de bureau à partir d’études et des outils existants. Nos objectifs sont de rendre les wikis Wikimedia plus accueillants pour les nouveaux lecteurs et contributeurs, et plus faciles et rapide à utiliser pour tous (à la fois les contributeurs nouveaux et les plus anciens).

Ce projet en est au balbutiement des discussions. Il n’y a ni projet ni développement concrets pour le moment. Nous avons besoin de votre collaboration et de retours sur les domaines clés du problème et de vos réflexions sur le design initial plus bas.

Comment vous pouvez aider
Vos commentaires: veuillez prendre le temps de lire ces détails et ces sous-pages, et de partager vos commentaires sur la page de discussion en ce qui concerne les idées et les propositions que nous avons collectés jusqu'à présent - Comment pourraient-elles être ensuite améliorées ? Quelles considérations importantes ne sont actuellement pas documentées ?

Recherche et idées : Modifiez la section « Phase 1 : Idées de conception » ci-dessous, pour ajouter de nouvelles idées, des notes, des liens vers des discussions passées, des liens vers des gadgets/scripts existants, des liens vers de bons patrons de conception à considérer, etc.

Test individuel : Une fois le développement commencé, nous rendrons le travail en cours disponible directement via une nouvelle option d'habillage dans les préférences. Vous pourrez individuellement activer et tester les changements.

Wikis complets : Nous sommes également à la recherche de wikis qui seraient intéressés pour aider dans des tests globaux, comme changer localement l’interface par défaut pour les utilisateurs connectés. Si vous pensez que votre communauté pourrait être intéressée, n’hésitez pas à nous poser toutes vos questions, puis débutez une discussion localement, et une fois qu’un consensus local est établi, ajoutez un lien vers cette discussion sur la page de discussion.

Les commentaires et idées plus longs sont les bienvenus sur la page de discussions, dans n’importe quelle langue.

Mises à jour
Inscrivez-vous au Bulletin d’information: mises à jour des améliorations pour ordinateur de bureau pour être notifié(e) lorsque de nouvelles sous-sections sont ajoutées ici. Les étapes clés majeures seront annoncées sur tous les wikis via MassMessage.

February 2020: Update on initial features and overall feature sequence

 * We have began building the opting-in and opting-out structure for the project. The setting for turning the improvements on will be within the user preferences list for logged-in users. For test wikis, the improvements will be on by default, but logged-in users will be able to turn them off anytime via their preferences or a button in the sidebar. Please see the Opting in and Release Plan page for more details and mockups.
 * We have also published the current list of features considered for the project as well as the sequence we plan on building them in. As we will be testing each individual feature prior to building, this list is subject to change based on the feedback we receive.

February 2020: Feedback Round 1 Summary
We have finished our first round of feedback for the prototype of the first few features of the desktop improvements project: the new header, collapsible sidebar, and improved language switching. So far, the results have been mostly positive, with the majority of users seeing the changes as a significant improvement over the current design. However, we also found a few areas for improvement that we will iterate on and consider during development. Here are a few highlights of the results so far:


 * A majority of the editors who tested the prototype really liked the new location of the language switcher.
 * A few editors raised concerns around internationalization and the ability to switch languages using one click.
 * A majority of the editors liked the collapsibility of the sidebar, especially for readers
 * There were some concerns around the amount of white space introduced with a collapsible sidebar and fixed-width layout
 * We saw many requests for a dark/night mode for the site

We are currently running the second feedback round on English and Polish Wikipedias. If you haven’t had a chance yet, please let us know your thoughts on the prototype page. Once both feedback rounds are completed, we will be publishing a more in-depth report.

January 2020: Language Switching Users Tests
In December we did some usability testing to compare the current placement of the Universal Language Selector (in the sidebar) with the proposed location in the article header. We tested a prototype with 21 users in order to determine if people have an easier time switching languages given the new location of the language switcher. The results of the test confirmed our hypothesis — participants in the test group (new location) were able to switch languages more quickly than participants in the control group (old location). Based on these results we plan on continuing to explore moving the language selector to this location as a part of the desktop improvements project.

December 2019: Prototype testing
Between December 2019 and February 2020, we will be performing tests on a prototype for the first few features of the desktop improvements project. We will be gathering feedback from a variety of test wikis by encouraging editors to participate using a central notice banner. We ran the banners and received feedback from the majority of our test wikis during December 2019. In February 2020, we will continue running the banners on English and Polish Wikipedias. So far, the feedback we have received is mostly positive but we have also identified some areas of our prototype that we will iterate on based on the feedback. We will be publishing the results of the first round of feedback over the next few weeks, and of the second, sometime in February. In the meantime, we encourage you to give us feedback (if you haven't yet) on the prototype page.

Octobre 2019 : étude technique étape 2
Nous avons publié les résultats de notre étude technique en préparation du début du travail sur le projet. Nous avons particulièrement travaillé à réunir plus d’informations sur les éléments suivants :
 * la possibilité de servir une version différente du site aux utilisateurs non-connectés (dans l’optique de réaliser des tests avec/sans ou des tests A/B) ;
 * la recherche et les différences entre les outils-gadgets de recherche actuels ;
 * le changement de langue et les possibilités d’améliorer le sélecteur de langue ;
 * T234907, une RFC technique portant sur le choix la base du code avec laquelle commencer.
 * modifications de EventLogging et la manière dont ils vont impacter notre travail

We reached out to all wikis with a MassMessage, and asked for communities to volunteer to be test wikis for this project.

Septembre 2019 : rapport de recherche de Wikimania


Pendant Wikimania 2019, nous avons mené des entretiens avec le but de partager les plans de notre futur projet Améliorations de l’interface pour ordinateurs de bureau, et de récolter des avis enrichissants sur un certaines premières idées de design. Notre recherche a pris la forme d’entretien avec des utilisateurs, d’un exercice de retour libre et d’une présentation avec des petits groupes pour des discussions plus précises. Nous avons publié un rapport et un résumé en PDF (en anglais) des retours que nous avons eus. Globalement, les retours ont été positifs sur les domaines ciblés comme sur les différents prototypes qui permettaient de se faire une idée. Cependant, nous avons aussi pu identifier des points à améliorer.

Nous reprendrons ces retours durant les prochaines semaines et projetterons le développement d’un prototype que nous pourrons tester avec un public plus large issus des différents wikis.

Le diaporama ci-dessous est un échantillon de 19 des idées testées. Pour un contexte détaillé, lisez le compte-rendu en entier puis n’hésitez pas à nous faire un retour sur la page de discussion !

Septembre 2019: utilisation du bureau et analyse des données de comportement
Dans le cadre de notre processus de recherche, nous voulons en savoir plus sur la façon dont les gens utilisent actuellement le site. En particulier, à quelle fréquence ils utilisent les fonctionnalités disponibles telles que les liens dans la barre latérale, le changement de langue et la recherche. Nous avons publié nos résultats. Dans l’ensemble, l’utilisation des liens de la barre latérale est faible - environ 0,5% seulement de tous les utilisateurs déconnectés et 1,6% de tous les utilisateurs connectés avec des ordinateurs de bureau ont cliqué sur l’une des pages liées dans la barre latérale. L'utilisation de la commutation de langue variait, généralement en fonction de la taille du wiki, les wikis plus petits changeant de langue plus souvent.

Août 2019: recherche et réunions à Wikimania


Wikimania nous a donné l’occasion de parler avec des membres expérimentés de nos communautés. Au cours des cinq jours de la conférence, nous avons pu partager les plans du projet et recueillir de précieux commentaires sur un certain nombre d’idées de conception. Notre recherche a consisté en des entretiens avec des utilisateurs, un exercice de retour des commentaires sous forme libre et une présentation + séance de discussion (vous pouvez voir le diaporama que nous avons utilisé ci-contre). Nous publierons bientôt le résumé des commentaires, ainsi que les résultats des entretiens.

Août 2019: recherche technique
Afin d'explorer différentes possibilités techniques pour le projet, l'équipe a passé une semaine sur différentes approches d'un même problème : comment permettre à la barre latérale de pouvoir se replier sur les ordinateurs de bureau. Nous espérons utiliser les résultats de ces expériences pour déterminer l'architecture technique des améliorations, ainsi que l'habillage dans lequel nous souhaitons mettre ces améliorations. Voici une liste des expériences elles-mêmes:


 * construire une barre latérale repliable en utilisant une branche de l'habillage Vector
 * construire la barre latérale du bureau dans l'habillage Minerva. Exploration de la question : "existe-t-t il un monde où il y aurait le même habillage pour le bureau et pour le mobile ?"
 * construire une barre latérale repliable en utilisant les styles utilisateurs uniquement

Constats problématiques

 * 1) Les wikis Wikimedia ne sont pas accueillants
 * Les sites des wikis Wikimedia pour le bureau ne constituent pas une expérience accueillante ou familière pour les nouveaux lecteurs. Ils ne correspondent pas aux attentes créées par le web moderne et nos autres plateformes (les applications Android et iOS ainsi que le site web mobile). Il se sent désorienté et déconnecté à cause de la navigation organisée au hasard et des liens d’interface. De ce fait, les lecteurs et les rédacteurs ont moins confiance dans les wikis de Wikimedia, et ont moins de chances d’explorer les wikis de Wikimedia et finissent par utiliser nos sites moins qu’ils ne le feraient autrement (c’est-à-dire une diminution de la rétention).
 * 1) Les wikis Wikimedia ne sont pas faciles à utiliser
 * Les lecteurs (en particulier les nouveaux lecteurs) ne sont pas en mesure d’exécuter intuitivement des fonctions de base telles que le changement de langue, la recherche de contenu ou le réglage des paramètres de lecture. De plus, il y a beaucoup d'éléments qui détournent de l'attention du contenu qui les intéresse. Les nouveaux contributeurs sont confrontés à un obstacle similaire; une interface peu accueillante ou intuitive et encombrée. Il leur est difficile d’accomplir les tâches de base nécessaires à l’apport de contributions, telles que la création d’un compte, l’ouverture de l’éditeur ou l’apprentissage de l’utilisation de pages spéciales à des fins de modération (par exemple, des pages d’historique pour détecter et corriger le vandalisme). Tous les utilisateurs peuvent avoir des problèmes avec les sites qui ne sont pas correctement réactifs, ce qui entraîne des problèmes comme un contenu très large ou un contenu très étroit (en fonction de la taille de l'écran et de la fenêtre). En maintenant le statu quo, nous empêchons les personnes désireuses de contribuer de pouvoir le faire (biais d'expérience).
 * 1) Il n’est pas facile de comprendre le modèle des wikis Wikimedia
 * Actuellement, un très faible pourcentage des lecteurs comprennent comment les wikis Wikimedia fonctionnent. Notre interface ne souligne pas les mécanismes internes du site d’une manière intuitive. De nombreux lecteurs ne sont pas au courant que le contenu qu’ils sont en train de lire est écrit par des bénévoles et fréquemment mis à jour, ou qu’ils pourraient y contribuer aussi.

De plus, la variété d’expériences qui existent entre nos différents produits (interface pour ordinateur de bureau, applis et web mobile) rend difficile pour les lecteurs de connaitre les liens entre nos produits et de les associer avec le contenu lui-même. Cela crée un manque d’unité dans le concept des sites Wikimedia.

Résumé par public :

Objectifs
Voici les objectifs que nous visons :


 * rendre plus facile pour les lecteurs de se concentrer sur le contenu ;
 * améliorer l’accès aux actions quotidiennes (par exemple la recherche, le changement de langue, la modification) ;
 * mettre les choses à des endroits logiques et pratiques ;
 * augmenter la cohérence de l’interface avec les autres plateformes (web mobile et applis) ;
 * éliminer les encombrements ;
 * anticiper une croissance future.

Contraintes
Voici une liste de choses que nous voulons expressément garder en tête :


 * ne pas toucher au contenu – aucun travail ne sera effectué dans la mise en page des modèles ou du contenu des pages elles-mêmes ;
 * ne supprimer aucune fonctionnalité – les choses peuvent être déplacées, mais tous les éléments de navigation et autres fonctionnalités actuellement disponibles par défaut resteront ;
 * pas de changement drastique de la disposition — nous allons prendre une approche évolutive pour les changements et voulons que le site continue de rester familier aux lecteurs et contributeurs.

Calendrier
Voici le calendrier approximativement imaginé, susceptible d’évoluer en fonction de notre progression :


 * Phase 1 : mai – septembre 2019 : investigation et études pour déterminer où nous pouvons créer de la valeur et sur quoi se concentrer.
 * Phase 2 : juillet – novembre 2019 : développement des priorités, esquisses et prototypage des idées, début des discussions.
 * Phase 3 : octobre 2019 – janvier 2020 : test utilisateur en continu et perfectionnement du design.
 * Phases 4 et + : à déterminer.
 * Phase 4: January 2020 - March 2020: Prototype feedback and iteration. Building out first features - new header and collapsible sidebar
 * Phase 5: March 2020 - May 2020: Prototype, user test, and ship at least 4 features to test wikis
 * Phase 6+: May 2020 - TBD: Continuing with feature sequence

Mesures
Ci-dessous, une ébauche des mesures essentielles que nous souhaitons réaliser durant ce projet. Au fur et à mesure que nous définissons les changements que nous voulons réaliser avec plus de précision, nous reprendrons et étendrons cette liste.

Améliorer l’intérêt pour nos publics actuels, mesuré à travers :


 * les interactions :
 * augmenter les recherches par session de 5 % au cours du projet,
 * augmenter le changement de langue par projet de 5 % au cours du projet ;
 * l’affinité :
 * avoir des retours pour le site avec des sentiments plus positifs et chaleureux (à travers les enquêtes et tests des utilisateurs),
 * augmenter le sentiment de confiance et de crédibilité (mesuré à travers les enquêtes et les tests des utilisateurs).

Processus de recherche et de conception
Remarque générale : notre processus n’est pas particulièrement strict. Il est librement basé sur les bonnes pratiques en matière de recherche et de conception, cependant il est aussi relativement récent et flexible, en ce sens que nous nous engageons dans des activités ad hoc et des explorations lorsqu’elles semblent appropriées. Alors que nous avons dessiné le processus de recherche et de conception en trois phases ci-dessous, en pratique les phases se recoupent. De plus, il ne semble pas y avoir pour le moment une façon évidente de distinguer les activités de recherche de celles de conception (elles sont interdépendantes), nous en discutons donc ensemble.

Phase 1. Investigation, étude, déterminer où nous pouvons créer de la valeur, où se concentrer (mai 2019 – septembre 2019)

 * Page principale : sous page « Recherche et création : phase 1 »

Nous avons commencé en considérant l’expérience par défaut sur les ordinateurs de bureau (donc avec Vector) en nous demandant : de quelle manière peut-on améliorer cela ? Quelles possibilités avons-nous de modifier l’interface pour améliorer l’expérience pour tous les lecteurs et contributeurs ? Comment la modifier pour permettre aux gens de faire plus facilement ce qu’ils veulent ? Comment peut-on créer un environnement de lecture plus agréable ? Bien sûr, pendant la réflexion autour de ces questions, nous avons gardé en tête les contraintes du projet. Parmi les activités d’étude et de conception que nous avons commencées afin d’approfondir ces questions, il y a eu :


 * comprendre l’histoire de notre interface pour ordinateur de bureau ;
 * lire des études de Wikipédia précédentes conduites par la Wikimedia Foundation ou par d’autres instituts d’étude ou des particuliers ;
 * discussions au sein de notre équipe pour développer une compréhension partagée du projet et susciter des idées
 * Winter, Timeless et autres refontes de Wikipedia ;
 * lectures à propos des refontes et mises à jour d’autres grands sites web (Reddit, Twitter, etc.) ;
 * réalisation d’un audit d’autres grands sites web pour tester et glaner des éléments structurels communs.

Le résultat de la phase 1 a été : une meilleure compréhension de l’interface pour les ordinateurs de bureau et une proposition de zones cibles à améliorer. Nous n’avions pas de critères stricts de définition d’une zone cible. D’une manière générale, il s’agissait d’une idée d’amélioration que nous pouvions faire, bien qu’à des niveaux variés de spécificités, tels que : une expérience de lecture plus sobre ou la facilité pour changer de langue. Les zones cibles proposées sont :


 * la création d’un environnement plus ciblé et « tranquille » pour la lecture, en consolidant voire en masquant des liens de navigation y compris :
 * la navigation principale de la barre latérale,
 * les outils pour les articles,
 * les outils de l’utilisateur ;
 * le changement de langue ;
 * la recherche ;
 * la navigation dans l’article / le sommaire.

Des idées supplémentaires, plus spécifiques à des fonctionnalités sont aussi venues : des préférences de lecture (par exemple le mode sombre), un bouton partager, un bouton Modifier plus large, ajouter un bouton Nouvel article (pour les wikis plus petits), rendre plus évident comment s’impliquer, des statistiques d’article, un résumé des activités.

Phase 2. Développement des zones cibles, dessin et prototypage des idées, début des discussions (juillet 2019 – novembre 2019)

 * Page principale : sous page « Étude et conception : phase 2 »

Les activités de recherche et les conversations de la phase 1 nous ont aidés à mieux comprendre le paysage dans lequel nous travaillions (à savoir, l’interface de bureau). Cela nous a également aidés à développer des domaines de concentration potentiels à approfondir (tout en restant ouverts aux nouvelles idées). Notre prochain objectif consistait à approfondir un peu plus les domaines d’intervention en faisant des croquis, des prototypes et, plus important encore, des conversations avec la communauté. Les activités de recherche et de conception comprenaient :


 * comprendre les travaux, recherches et expériences passées dans les domaines d’intervention respectifs
 * obtenir des données d'utilisation générales sur les domaines d'intervention respectifs
 * esquisser et prototyper les premières idées pour faciliter les conversations
 * formuler des hypothèses précoces
 * interviews d'utilisateurs et autres commentaires sur Wikimania
 * commentaires de la communauté via MediaWiki (bientôt disponible)
 * entretiens d'utilisateurs avec des nouveaux arrivants et des lecteurs occasionnels (bientôt disponible)
 * Test utilisateur sur usertesting.com (bientôt disponible)

Le résultat de la phase 2 comprendra : les réactions aux sketches concernant les améliorations spécifiques de l'interface dans les domaines de l'objectif fixé, une précision (par exemple plus argumentée et contenant des informations) sur la façon de choisir les améliorations utiles de continuer, une proposition sur l'odre à adopter pour l'implémentation des améliorations.

Phase 3. Suite des tests utilisateurs et affinage de l'architecture (octobre 2019 – janvier 2020)
La phase 3 consistera en un cycle de tests supplémentaires des idées spécifiques issues de la phase 2, puis l'affinage de nos conceptions en réponse à ce que nous apprenons. Certaines choses doivent potentiellement être testées en tant que bêta sur des wikis réels. Nous travaillerons à identifier ces éléments et à déterminer comment nous prévoyons de les tester en version bêta (c.-à-d. Quelles données nous allons surveiller et quelles décisions nous allons prendre en fonction du comportement que nous observons).

Le résultat de la phase 3 comprendra : l'architecture presque terminée (bien que nous laissons habituellement de la place pour les itérations supplémentaires durant l'implémentation) et un plan de ce que nous voulons apprendre lorsque nous porterons des éléments en bêta, ainsi que les décisions/modifications que nous devrons adopter, sur la base de ces informations.

Phase 1 : Idées de conception
Quelques unes des nombreuses idées qui ont été suggérées sont ci-dessous. N’hésitez pas à ajouter des idées importantes et des liens dont vous avez connaissance :


 * À L’ATTENTION des contributeurs : modifiez bien la version en anglais pour ajouter des idées et liens, ou ajoutez un commentaire sur la page de discussion. Ne vous souciez pas des balsies « tvar » si vous ne les comprenez pas, nous les ajouterons après-coup.

Focusing on the content, distinguish content from user-interface
Se concentrer sur le contenu, distinguer le contenu de l’interface utilisateur
 * Sections de la barre latérale escamotables
 * Exemples : Wikipedia en hébreu, ...
 * Étude : Étude du projet opérabilité sur le masquage des liens de langues,Maquettes du projet opérabilité sur les sections escamotables dans la barre latérale
 * Barre latérale escamotable
 * Exemples : Habillage large (script d’enwiki), Cacher la barre latérale de Vector (script d’enwiki), barre latérale de l’habillage Timeless (disposition adaptative)…
 * Barre latérale flotante
 * Exemples : FloatSide (script d’enwiki)…
 * Tabs in sidebar to organise all the tools and navigation: 1) TOC, 2) Site navigation, 3) Tools (for editing, page info, gadgets), 4) Bookmarks (feature request)
 * The tab icons serve also to collapse/reveal the sidebar.
 * TOC in sidebar: fixed to the screen, separately scrolled.
 * Example: WikiWand
 * Pin-able infobox: show a pin icon in top-right corner of the infobox. When pushed, pin the infobox on the right side of the screen in a column that stays on-screen and scrolls on its own, similar to the sidebar on the left.
 * Collapsible article sections: see at the bottom of the WikiWand page + add a short scrolling effect.
 * Responsive width
 * Responsive content (enwiki/mw gadget), 3 column CSS (personal css),

Easier access to everyday actions
Un accès plus facile aux actions quotidiennes
 * En-tête collant avec la recherche, la table des matières, les liens d'édition
 * Exemples: FloatHead (script enwiki), FloatHead (un autre script enwiki), Floater (script enwiki), Winter (prototype historique), Timeless (habillage alternatif), ...
 * Recherche: wiki ergonomique
 * Changement de langue plus visible (déplacer le sélecteur de langue en haut de la page)
 * Exemples: habillage Timeless à 1325px ou plus et à 1085px ou plus fin, ...
 * Entêtes de tableau collants
 * Exemples: Gadget-StickyTableHeaders (gadget enwiki)
 * Retourner tout en haut de la page
 * Exemples : Bouton Remonter en haut (script de enwiki)
 * Paragraph (¶) symbols on headings: visible only when hovering, next to the edit icon, to easily copy links to sections.

Putting things in logical and useful places
Mettre les choses dans des endroits logiques et utiles
 * Menu utilisateur consolidé (par exemple, réduire des éléments tels que « Déconnexion », « Préférences » et « Bêta » dans un menu déroulant)
 * Exemples : Barre personnelle compacte
 * Préférences pour les utilisateurs déconnectés
 * Exemples : Paramètres d'accessibilité/préférences (T91201), ...
 * Déplacement des actions d'un article de la barre latérale à l'intérieur de l'article
 * Exemples : Winter, habillage Timeless à 1085px ou plus mince, ...
 * Naviguez facilement dans les articles - chargez le contenu de la page à l'aide de JavaScript en arrière plan sans charger la page entière
 * Exemples : RevisionSlider, une extension permettant de naviguer facilement dans les diffs ; Wikipedia hebdo.