Lesen/Web/Desktopverbesserungen

From mediawiki.org
< Reading‎ | Web
This page is a translated version of the page Reading/Web/Desktop Improvements and the translation is 16% complete.
Outdated translations are marked like this.

Der aktuelle Standard-Skin der Wikimedia-Projekte (Vector) wurde im Jahr 2010 ausgerollt. In dieser Zeit wurde die Bedienoberfläche mit einer ganzen Reihe von Erweiterungen, Helferlein und Benutzerskripten erweitert. Die meisten wurden nicht visuell oder über Wikis koordiniert. Gleichzeitig haben sich das Web-Design und die Erwartungen der Leser und der Autoren weiterentwickelt. Deshalb meinen wir, dass es an der Zeit ist, einige dieser Ideen aufzugreifen und sie für alle Benutzer standardmäßig bereitzustellen, auf allen Plattformen, in einer geordneten und einheitlichen Weise.

Between 2019 and 2023, we were building a new skin. Unser Ziel ist, die Wikimedia-Wikis einladender zu gestalten und gleichzeitig die Nützlichkeit für die Bestandsautoren zu erhalten. Anhand der üblichen Nutzung, beispielsweise bei der Suche oder beim Umschalten der Lokalisierung, beobachten wir, wie die Benutzer diese Veränderungen aufnehmen.

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.

Aktualisierungen

Was ist unser Ziel?

Stelle dir eine Garderobe vor:

Das bisherige Interface…

…passt nicht mehr zu den Erwartungen der Benutzer……es wirkt völlig überladen, und es ist nicht intuitiv zu bedienen……der Community-Ansatz wird daraus nicht ersichtlich……es stimmt nicht mit der mobilen Version der Website überein…

  1. Die Desktop-Oberfläche passt nicht mehr zu den Erwartungen, die von den heutigen Web-Plattformen geprägt werden. Sie wirkt verwirrend und völllig zusammenhanglos. Die Navigation und die Verlinkungen waren planlos umgesetzt worden.
    • 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.
  2. Diese Unordnung lenkt die Benutzer ab von deren eigentlichem Ziel ab, das sie hatten, als sie hierher kamen. Sie macht es ihnen schwer, sich auf den Content zu konzentrieren. Die Benutzer können nicht intuitiv zwischen verschiedenen Sprachen hin und her schalten, nach Inhalten suchen oder ihre Lese-Einstellungen anpassen. Neue Autoren sind nicht in der Lage, intuitiv ihren Account einzurichten, den Editor zu starten oder zu Seiten außerhalb des Artikelnamensraums zu erreichen, um an Diskussionen teilzunehmen.
    • 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.
  3. Nur eine kleine Minderheit der Leser versteht, wie die Wikimedia-Wikis funktionieren. Viele Leser sind sich nicht darüber bewusst, dass die Inhalte, die sie lesen, von Ehrenamtlichen geschrieben und häufig aktualisiert werden oder dass sie selbst dazu beitragen könnten.
  4. Der große Unterschied bei der Bedienung unserer Desktop-Oberfläche, unserer Mobilen Apps und der mobilen Web-Oberfläche macht es für die Leser schwer, sich zwischen diesen Oberflächen zurechtzufinden. Sie sind uneinheitlich konzipiert.

Wie die Änderungen gemacht werden

Prinzipien

Die Inhalte lassen wir unangetastet.Wir werden Skins, die nicht Vector sind, nicht verändern.Wir werden auch keine Funktionalität entfernen.Wir machen keine größeren Veränderungen in einzelnen Schritten.

  1. Wir arbeiten nur an der Bedienoberfläche, nicht am Seitenstil, am Aufbau der Seite, an der Unterstützung für Landkarten oder an Vorlagen, die die verschiedenen Wikimedia-Projektwikis miteinander verknüpfen.
  2. Andere Skins als Vector sind von diesen Anpassungen nicht betroffen. Das alte Vector haben wir als Legacy Vector eingefroren. Alle neuen Features fließen in den neuen Standard-Vector ein.
  3. Einzelne Elemente der Oberfläche werden dabei möglicherweise ihre Position auf dem Bildschirm veränden, aber die Navigation und anderes, was es derzeit gibt, bleibt standardmäßig erhalten.
  4. Obwohl diese Veränderungen leicht zu erkennen sein werden, verfolgen wir einen evolutionären Ansatz. Wir möchten, dass die Leser und die Autoren die Website weiterhin als vertraut empfinden. Jedes einzelne Feature wird für sich betrachtet, entwickelt und umgesetzt.

Process for developing the features

  1. 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.)
  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)
  3. 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.
  4. 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)
    • Alle Verbesserungen werden gemeinsam mit ganz verschiedenen Early-Adopter-Wikis getestet, sowohl Wikipedias als auch Schwesterprojekte.
    • We also monitor usage across all wikis, where many account holders have been already using the new skin.
  5. 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.

Welche Features hinzugefügt werden

Projektplan und Timeline

Wir möchten, dass unsere Verbesserungen im August/September 2022 in allen Wikis Standard sind.

Year Month Deployments
2019 Mai First team discussions
2020 Juli/August The new logo , collapsible sidebar , and limited content width introduced on the first early adopter (pilot) wikis , including French Wikipedia
September The new search widget is introduced
2021 Juni The new language switching is introduced
Februar Deployments on more pilot wikis, including Bengali, Korean, and Portuguese Wikipedias
2022 August The new user menu is introduced
Januar The new sticky header is introduced
Deployments on more pilot wikis, including Indonesian, Thai, and Vietnamese Wikipedias
Februar The changes are separated out from the Vector legacy code to a new skin "Vector 2022"
Mai The new table of contents is introduced
Juni The skin is introduced on the last pilot wikis, including Catalan and Japanese Wikipedias
The first visual refinements are introduced
Oktober Deployments on the smallest Wikipedias
November The new full/limited-width toggle button is introduced
Dezember Deployments on Arabic and Greek Wikipedias
2023 Januar Deployment on English Wikipedia
Februar The full/limited width preference becomes persistent for logged-out users
März The new page tools menu is introduced
April Deployment on Polish Wikipedia
Mai Deployment on Spanish Wikipedia
August Deployment on Chinese (zh) and several smaller Wikipedias
Oktober Deployments on Swedish, Hungarian, Dutch, Hindi, Norwegian bokmål Wikipedias
Also on Meta-Wiki and most Wikibooks, Wikinews, Wikiquotes and Wikiversity wikis
November Deployments on most Wikivoyages and Wiktionaries
The last visual refinements (known as Zebra 9) are introduced
2024 März Deployments on most Wikisources and Foundation internal wikis

Contact

  • Subscribe to the newsletter
  • Opt-in individually: in Preferences, check the option Vector (2022). You can also enable our changes using the Global preferences.
  • Promote: Inform your community. Share our updates and blog posts.
  • Report bugs: to report a bug, create a task in Phabricator and add #Desktop Improvements Vector 2022 project.
  • Translate: help us translate related pages:
Priority translations 

TOP3

  1. Lesen/Web/Desktopverbesserungen
  2. Lesen/Web/Desktop-Verbesserungen/Häufig gestellte Fragen
  3. Lesen/Web/Desktopverbesserungen/Funktionen

Other priority translations

  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. Lesen/Web/Desktopverbesserungen/Aktualisierungen
  5. Reading/Web/Desktop Improvements/Repository#posts
  6. Template:Reading/Web/Desktop Improvements/Office hours announcement

Direct link to all translations