Reading/Web/Desktop Improvements

From mediawiki.org

It has been 12 years since the current default Wikimedia skin (Vector) was deployed. Over the last decade, the interface has been enriched with extensions, gadgets and user scripts. Most of these were not coordinated visually or cross-wiki. At the same time, web design, as well as the expectations of readers and editors, have evolved. We think it's time to take some of these ideas and bring them to the default experience of all users, on all wikis, in an organized, consistent way.

Our goals are to make Wikimedia wikis more welcoming and to increase the utility amongst readers and maintain utility for existing editors. We measure the increase of trust and positive sentiment towards our sites, and the utility of our sites (the usage of common actions such as search and language switching).

Currently, on most wikis, only logged-in users are able to opt-in individually. On selected wikis, our changes are deployed for all by default, and logged-in users are able to opt-out. We are increasing the number of wikis where Vector 2022 is the default, until our improvements are default on all wikis.

Updates[edit]

September 2022: Plans and conversations about the deployment across the Wikimedia wikis

  • High usage on the early adopter wikis. According to the recent study by the Product Analytics team, 87% of contributors active on the early adopter wikis use Vector 2022. Here, active contributors mean users who made at least 5 edits between 1 November 2021 and 31 August 2022. Thank you!
  • Visual refinements. We have completed the list of visual refinements. We planned to complete these before the deployments across more wikis. These changes included work on link colors, icons, and overall look and feel of Vector 2022. We welcome feedback and questions on any of these changes. Write to us on the project talk page.
  • Decision of the English Wikipedia community through the Request for Comment. For the past two months, we have been discussing with the English Wikipedia community. English Wikipedians have identified issues blocking the deployment of Vector 2022 on their home wiki. They have also requested that the decision on the deployment be made through the Request for Comment process. Our draft is now available. We're planning to launch the RfC on Wednesday, September 21. If you edit English Wikipedia, we encourage you to take part!
  • Deployment plans across other projects. We are planning deployment conversations across all of the other Wikimedia projects. We will first begin with the smallest wikis. By the smallest, we mean smaller than top 30 largest active communities. We hope to complete this during the first week of October, 2022. Then, we will begin conversations on medium to large-size wikis. Dates will depend on the consensus across individual communities.
  • More community-facing activities
    • We have posted a new essay on the Diff blog. It has a title Prioritizing equity within Wikipedia's new desktop. The essay is about why and how different groups of users were represented throughout the process of building Vector 2022.
    • We have published the expanded Frequently asked questions page. Take a look and tell us if it's useful. Soon, we will make it possible to translate it.
    • We also display banners encouraging to try out Vector 2022. The banners are only visible for logged-in users having Vector legacy (2010), the current default skin.

August 2022: Wikimania, visual refinements, and more changes[edit]

Slides to our Wikimania 2022 presentation. You may also listen to the recording on YouTube.

Having the structural changes to the features done, we are finishing development of Vector 2022. In particular:

  • We are working on the visual refinements. We will be changing the styles, link colors, font size, content area width, and more. This is based on the results of the feedback we received from our last round of prototype testing.
  • We are releasing updates to the table of contents (ToC) based on the feedback we've received from communities. These updates will make the ToC easier to use on smaller and larger screens. There will be more customization than before. Over the next few weeks, you will see the following changes:
    • The table of contents will be collapsible at all screen sizes
    • Once collapsed, the ToC will be available at the top of the page, next to the article title, as well as in the sticky header
  • The Editing team, whose focus is currently on improving talk pages, has added an "add topic" button to the sticky header on talk pages. This will make it easier to start a new topic on a talk page from any part of the page, without having to scroll to the very top. See their project page for more information on this change and the project overall.

We have also continued discussions on how to make Vector 2022 the default for more communities. Your feedback is helping us make the skin better. We appreciate that. Let's meet again! On Saturday August 13, we are having a session at Wikimania, and a separate meeting for questions and answers right after that.

July 2022: Page title/tabs switch[edit]

Page title & tabs switch - ca.png

We are deploying one of our latest updates. The page title will be displayed above the tabs such as Discussion, Read, Edit, View history, or More.

With this change, we are improving two things. First, we are making it clear that the items in the tabs are related to the the page that's being viewed. It's becoming apparent when we put the page title first. This change also makes switching languages easier. It moved the language button into an even more prominent position at the top of the page. Learn more on Phabricator.

We have been introducing this change in small steps. Since the last days of June, it's been available to all users opted into the Vector 2022 skin, and some early adopter wikis. During the week of July 4, the change will become visible on all the early adopter wikis.

In addition to that, our next office hours will be on July 26 instead of July 12. This will allow us to prepare the communication about making Vector 2022 the default across more wikis. We are also working on better language support for office hours in the future. More information on this coming soon!

What is our objective?[edit]

Imagine a wardrobe[edit]

Currently, the interface…[edit]

…doesn't match the expectations. …is cluttered and not intuitive. …doesn't highlight the community side. …isn't consistent with the mobile version.

  1. The desktop interface does not match the expectations created by the modern web platforms. It feels disorienting and disconnected. Navigation and interface links are organized haphazardly.
  2. There is clutter that distracts users from focusing on what they came for. It is challenging for readers to focus on the content. It is not possible for them to intuitively switch languages, search for content, or adjust reading settings. New editors are unable to use their intuition to set up their account, open the editor, or learn how to use non-article pages for moderation purposes.
  3. A very small percentage of readers understand how Wikimedia wikis function. Many readers are not aware that the content they are reading is written by volunteers and updated frequently, or that they can potentially contribute as well.
  4. The large difference in experiences among our desktop interface, apps, and the mobile web, makes it difficult for readers to connect our products. There is a lack of unity in the concept of Wikimedia sites.

How the changes are made[edit]

Principles[edit]

We do not touch the content. We do not remove any functionality. We do not change skins other than Vector. We are inspired by the existing gadgets. We do not make major changes in single steps.

  1. We are working on the interface only. No work will be done in terms of styling templates, the structure of page contents, map support, or cross-wiki templates.
  2. Though our changes are easily noticeable, we are taking an evolutionary approach and want the site to continue feeling familiar to readers and editors. Each feature is discussed, developed, and deployed separately.
  3. Elements of the interface might move around, but all navigational items and other functionality currently available by default will remain.
  4. Skins other than Vector are out of the scope of our adjustments. We have frozen Vector to Legacy Vector, and begun deploying our features as parts of the new default Vector.
  5. We have analysed many wikis and have noticed many useful gadgets. Some of them definitely deserve to be surfaced and be a part of default experience.
  6. Both prior to development and after deployment, we collect data (via A/B testing, prototype feedback rounds, etc.). In the case of significantly negative results, we will roll back our changes.
  7. It is our intention to test our improvements in collaboration with a diverse set of volunteering early adopter wikis, both Wikipedias and sister projects.


Deployment plan and timeline[edit]

The skin is now ready to become the default on any wiki.

Month and week Community relations
(2022-07) Discussions with the English Wikipedia community Meetings with communities
(2022-08)
Wikimania workshop
Meetings with communities
(2022-09)
(2022-10) 17
24 Deployment on the smallest Wikipedias
(2022-11) 7
14 Discussions with the Arabic, Greek, Hindi, Norwegian, and Swedish Wikipedia communities Full-width toggle
21 No technical changes; meeting with the Spanish-language communities
28 Meeting with the Polish Wikipedia community
(2022-12) 5 Deployments on some/all of the above Wikipedias
12
19,
26
No technical changes
(2023-01) 5 Discussion with 5 other communities, most likely: Czech, Chinese, Finnish, Hungarian Wikipedia, and English Wiktionary
12

List of early adopter wikis (test wikis) 

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

Second group of wikis (marked as † on the timeline above):

Third group of wikis (marked as ‡ on the timeline above):

Fourth group of wikis (marked as § on the timeline above):

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

Get involved & Contact[edit]

  • Translate: help us translate related pages:
Priority translations 

TOP3

  1. Reading/Web/Desktop Improvements
  2. Reading/Web/Desktop Improvements/Frequently asked questions
  3. Reading/Web/Desktop Improvements/Features

Other priority translations

  1. Template:Reading/Web/Desktop Improvements/Office hours announcement
  2. Template:Reading/Web/Desktop Improvements/Talk page intro
  3. Template:Reading/Web/Desktop Improvements/Features/Navigation
  4. Template:Reading/Web/Desktop Improvements/Header
  5. Reading/Web/Desktop Improvements/Updates
  6. Reading/Web/Desktop Improvements/Repository

Direct link to all translations

What features will be added[edit]

Each feature was built and implemented separately, over time. Our decisions are based on community feedback, user testing, and extracted API data.