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 52% 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.

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.

Zur Zeit können in den meisten Wikis nur angemeldete Benutzer individuell Optionen auswählen. Bei ausgewählten Wikis werden unsere Änderungen standardmäßig für alle bereitgestellt, und angemeldete Benutzer können sie abschalten. Wir hoffen, dass die Early-Adopter-Wikis schrittweise immer mehr werden, bis unsere Verbesserungen im Juli des Jahres 2022 der Standard auf allen Wikis sein werden.

Aktualisierungen

November 2023: Visual changes, more deployments, and shifting focus

Before (?vectorzebradesign=0)
After (?vectorzebradesign=1)

New styling inspired by Zebra prototype

As part of Zebra #9 prototype, which we wrote about in the last two updates, we introduced two kinds of visual changes: color-based area separation, and other CSS modifications. As we reported previously, the A/B test didn't prove that the color-based separation was an improvement. We focused on the other CSS modifications instead, and we're implementing these changes now. To preview the difference, you may use URL parameters: ?vectorzebradesign=0 (without the changes) and ?vectorzebradesign=1 (with the changes). The changes are:

  • Dropdown menus (the sidebar, table of contents, user menu, and tools menu when not pinned) have a lighter outline and drop-shadow.
  • The "In die Seitenleiste verschieben"/ "Verbergen" buttons in the dropdown menus have a gray background instead of the square brackets.
  • The main menu no longer has a gray background when it is placed in the side column (when it's pinned). Instead, all menus have the same appearance when placed in the side columns.
  • The left and right columns have equal width.
  • Due to the change above, the content width gets slightly narrower when menus are pinned in both columns.
  • The gap between the table of contents and content area is smaller.

In mid-November, we shipped these changes to the following Wikipedias: French, Catalan, Hebrew, Polish. We are planning on introducing these changes across all the wikis within 2-3 weeks. These will enable future modifications, like the Accessibility for reading menu.

Continuing deployments of the Vector 2022 skin

A video about Vector 2022

Since our last update, we have changed the default skin on a few Wikipedias: Dutch, Hindi, Hungarian, Norwegian (bokmål), and Swedish. We have also released a short video about the skin. In addition, after receiving all logos from our Design team, we were also ready to continue the wide-scale deployments on sister projects.

  • The Vector 2022 skin is now the default on all non-English Wikibooks, Wikinews, Wikiquotes, Wikiversity, as well as on Meta-Wiki.
  • We are continuing conversations and scheduling deployments to the remainder of sister projects, beginning with non-English Wikisource, Wiktionary, and Wikivoyage.

Some of these projects may need adjustments, like default settings for limited/full-width at namespaces unique to Wikisource. Gadgets or user scripts may need to be updated, too. We gladly make fixes or assist in making them, depending on whether changes need to be made in the skin itself or a community-controlled code. Reach out to us on the Desktop Improvements talk page or write directly to SGrabarczuk (WMF) if you have any questions or requests for further changes.

Focusing on further desktop and mobile readability improvements

The team has shifted focus onto the Accessibility for reading project. We will work on improvements in typography and introduce dark mode to the Vector 2022 and Minerva skins. Please visit the project page for more details and information on how to get involved.

September 2023: Results from the Content separation (Zebra #9) A/B test

In June 2023, we ran an experiment which compared different content separation layouts of the interface.

This prototype shows the tested design; we're calling it "Zebra". The goal was to improve readability and focus on the content of the page. The experiment tested the prototype design and compared it to the current all-white Vector 2022 design. The results of the experiment showed:

  1. A 3% increase in pageviews per session in the treatment group attributed to Zebra
  2. A 3.4% decrease in edits per session in the treatment group attributed to Zebra
  3. A 17% decrease in the click rate of the table of contents
  4. An 87% increase in the page tool pins per session

After reviewing the settings of our test, we did not find any issues that would result in data inconsistencies. Next, we studied other factors which might affect the results of the test. We noticed that a significant amount of the decrease in edits and pageviews came from screen sizes narrower than 1200 px. We combined these results with the results of our user tests.

These did not indicate significant differences in readability between the test and control designs.

Our conclusion was that the prototype did not, in its tested form, improve readability and could negatively affect edits.

We decided not to proceed with the deployment of this prototype in its tested form. Instead, we plan to improve readability and focus on the content through the following:

  1. Introducing changes to the typography, focused on improving readability and content comprehension. This is the goal of the new project, Accessibility for reading
  2. Introducing improvements to Zebra, optimizing for narrower screens, and repeating the tests.

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.
  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.
  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 auch keine Funktionalität entfernen. Wir werden Skins, die nicht Vector sind, nicht verändern. Wir lassen uns von den bereits bestehenden Helferlein anregen. 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. 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.
  4. Alle Verbesserungen werden gemeinsam mit ganz verschiedenen Early-Adopter-Wikis getestet, sowohl Wikipedias als auch Schwesterprojekte.
  5. Vor und nach der Einführung des neuen Skins sammeln wir Daten (via A/B testing, in Prototyp-Feedback-Runden usw.). Falls es sehr negatives Feedback geben sollte, werden wir Veränderungen auch wieder zurücknehmen.
  6. Wir haben uns viele Wikis angeschaut und viele nützliche Helferlein. Einige davon verdienen es auf jeden Fall, in der neuen Oberfläche erhalten zu bleiben.
  7. 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.


Projektplan und Timeline

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

The timeline

Liste der Early-Adopter-Wikis (Test-Wikis): 

Erste Gruppe von Wikis (Auf der Zeitleiste oben als ※ markiert):

Zweite Gruppe von Wikis (Auf der Zeitleiste oben als $2 markiert):

Dritte Gruppe von Wikis (Auf der Zeitleiste oben als $3 markiert):

Vierte Gruppe von Wikis (in der obigen Zeitleiste mit § gekennzeichnet):

First group of small wikis (marked as ¶ on the timeline above): 

Get involved & Contact

  • Special:Newsletter/28/subscribe
  • 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


Welche Features hinzugefügt werden