Lesen/Web/Desktopverbesserungen
Desktopverbesserungen
Eine Reihe neuer Funktionen und Umstellungen in der Vector-Oberfläche
|
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:
-
Hier würden wir gerne mal etwas Ordnung hineinbringen…
-
…ungefähr so :)
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…
- 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.
- 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.
- 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.
- 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.
- 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.
- 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.
- 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.
- 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
- 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.)
- 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)
- 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.
- 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.
- 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.
die meisten Wikis | Early-Adopter-Wikis |
---|---|
Autoren und Leser werden unsere Veränderungen standardmäßig nicht sehen |
Autoren und Leser werden unsere Veränderungen standardmäßig sehen |
Opt-in nur für Autoren (in den Account-Einstellungen Vector (2022) im Aussehen-Tab aktivieren) |
Opt-out nur für Autoren (mittels Umschalten zum bisherigen Aussehen in der Seitenleiste, oder direkt in den Account-Einstellungen) |
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
- 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: