Citire/Web/Îmbunătățiri desktop

This page is a translated version of the page Reading/Web/Desktop Improvements and the translation is 50% complete.
Outdated translations are marked like this.

Au trecut 10 ani de când a fost implementată actuala interfață Wikimedia implicită (Vector). În ultimul deceniu, interfața a fost îmbogățită cu extensii, gadget-uri și scripturi de utilizator. Cele mai multe dintre acestea nu au fost coordonate vizual sau cross-wiki. În același timp, designul web, precum și așteptările cititorilor și editorilor au evoluat. Credem că este timpul să luăm câteva dintre aceste idei și să le aducem la experiența implicită a tuturor utilizatorilor, pe toate wiki-urile, într-un mod organizat, consecvent. Over the following decade, the interface was 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, evolved. It was 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.

Obiectivele noastre sunt de a face wiki-urile Wikimedia mai primitoare și de a crește utilitatea în rândul cititorilor și de a menține utilitatea pentru editorii existenți. Măsurăm creșterea încrederii și a sentimentului pozitiv față de site-urile noastre și utilitatea site-urilor noastre (folosirea acțiunilor comune, cum ar fi căutarea și schimbarea limbii).

În prezent, pe majoritatea wiki-urilor, numai utilizatorii autentificați se pot înscrie individual. Pe wiki-urile selectate, modificările noastre sunt implementate pentru toți în mod implicit, iar utilizatorii autentificați pot renunța. Sperăm să creștem treptat setul de wiki-uri „adoptat timpuriu ”, până când îmbunătățirile noastre vor fi implicite pe toate wiki-urile în 2021.

Actualizări

noiembrie 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 "mută în bara laterală"/ "ascunde" 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.

septembrie 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.

Care este obiectivul nostru?

Imaginați-vă un dulap

În prezent, interfața...

… nu se potrivește cu așteptările.…este aglomerat și nu intuitiv.…nu evidențiază partea comunității.…nu este în concordanță cu versiunea mobilă.

  1. Interfața desktop nu corespunde așteptărilor create de platformele web moderne. Se simte dezorientat și deconectat. Legăturile de navigare și interfață sunt organizate la întâmplare.
  2. Există dezordine care distrage atenția utilizatorilor de la a se concentra la motivul pentru care au venit. Este o provocare pentru cititori să se concentreze asupra conținutului. Nu le este posibil să schimbe intuitiv limbile, să caute conținut sau să ajusteze setările de citire. Noii editori nu își pot folosi intuiția pentru a-și configura contul, a deschide editorul sau pentru a învăța cum să folosească paginile care nu includ articole în scopuri de moderare.
  3. Un procent foarte mic de cititori înțeleg cum funcționează wiki-urile Wikimedia. Mulți cititori nu știu că conținutul pe care îl citesc este scris de voluntari și actualizat frecvent sau că pot contribui și ei.
  4. Marea diferență de experiențe între interfața noastră desktop, aplicații și web-ul mobil îngreunează cititorii să conecteze produsele noastre. Există o lipsă de unitate în conceptul de site-uri Wikimedia.

Cum se fac modificările

Principii

Noi nu atingem conținutul. Nu eliminăm nicio funcționalitate. Nu atingem alt skin în afară de Vector. Ne inspirăm din gadgeturile existente Nu facem schimbări majore în pași unici.

  1. Lucrăm doar la interfață. Nu se va lucra în ceea ce privește formatele de stil, structura conținutului paginii, suportul pentru hărți sau formatele cross-wiki.
  2. Altele skin-uri decât Vector nu fac obiectul ajustărilor noastre. Am înghețat Vector în Legacy Vector și am început să implementăm funcțiile noastre ca părți ale noului Vector implicit.
  3. Deși modificările noastre sunt ușor de observat, adoptăm o abordare evolutivă și dorim ca site-ul să fie în continuare familiar cititorilor și editorilor. Fiecare caracteristică este discutată, dezvoltată și implementată separat.
  4. Intenția noastră este să testăm îmbunătățirile noastre în colaborare cu un set divers de wiki-uri „adoptatoare timpurii” de voluntariat, atât Wikipedia, cât și proiecte surori.
  5. Atât înainte de dezvoltare, cât și după implementare, colectăm date (prin testare A/B, runde de feedback prototip etc.). În cazul unor rezultate semnificativ negative, vom anula modificările noastre.
  6. Am analizat multe wiki-uri și am observat multe gadget-uri utile. Unele dintre ele merită cu siguranță să fie scoase la suprafață și să facă parte din experiența implicită.
  7. Elementele interfeței se pot deplasa, dar toate elementele de navigare și alte funcționalități disponibile în prezent în mod implicit vor rămâne.


Planul de implementare și calendarul

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

The timeline

Lista wiki-urilor primitoare (wiki-uri de testare) 

Primul grup de wiki-uri (marcate ca ◇ pe cronologia de mai sus):

Al doilea grup de wiki-uri (marcate ca ◇◇ pe cronologia de mai sus):

Al treilea grup de wiki-uri (marcate ca ◇◇◇ pe cronologia de mai sus):

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

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

Get involved & Contact

  • Special:Newsletter/28/subscribe
  • Traduceți: ajutați-ne să traducem paginile conexe:
Traduceri prioritare 

TOP3

  1. Citire/Web/Îmbunătățiri desktop
  2. Reading/Web/Desktop Improvements/Frequently asked questions
  3. Citire/Web/Îmbunătățiri desktop/Caracteristici

Alte traduceri prioritare

  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. Reading/Web/Desktop Improvements/Updates
  5. Citire/Web/Îmbunătățiri desktop/Depozit
  6. Template:Reading/Web/Desktop Improvements/Office hours announcement

Link direct către toate traducerile


Ce caracteristici vor fi adăugate