Lettura/Web/Migliorie all'IU desktop

Start:	2019-05
End:	2023-06
Team members:	Web
Backlog:	Pannello di controllo su Phabricator
Lead:	Olga Vasileva (Proprietaria del prodotto)
Updates:	Sottopagina degli aggiornamenti

This page is a translated version of the page Reading/Web/Desktop Improvements and the translation is 71% complete.

Outdated translations are marked like this.

L'attuale tema Wikimedia predefinito (Vector) è stato distribuito nel 2010. Nel corso dell'ultimo decennio l'interfaccia è stata arricchita con estensioni, gadget e script degli utenti. La maggior parte di questi non era coordinata visivamente o cross-wiki. Allo stesso tempo, il design del web e le aspettative di lettori e utenti si sono evoluti. Pensiamo che sia giunto il momento di prendere alcune di queste idee e portarle nell'esperienza predefinita di tutti gli utenti, su tutti i wiki, in modo organizzato e coerente.

Il nostro obiettivo è quello di rendere i wiki Wikimedia più accoglienti e utilizzabili per i lettori, conservando la loro utilità per i contributori esistenti. Misuriamo l'aumento della fiducia e del sentimento positivo rispetto ai nostri siti e alla loro performance (p.e. l'utilizzo di strumenti comuni quali la barra di ricerca e i link interlinguistici).

Attualmente, sulla maggior parte dei wiki, solo gli utenti registrati possono partecipare individualmente. Su wiki selezionati, le nostre modifiche sono implementate per tutti di default e gli utenti registrati possono scegliere di disattivarle (opt-out). Stiamo aumentando il numero di wiki in cui Vector 2022 è il tema predefinito, fino a quando i nostri miglioramenti saranno attivati di default su tutti i wiki.

Aggiornamenti

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

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 "sposta nella barra laterale"/ "nascondi" 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.

settembre 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:

A 3% increase in pageviews per session in the treatment group attributed to Zebra
A 3.4% decrease in edits per session in the treatment group attributed to Zebra
A 17% decrease in the click rate of the table of contents
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:

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

Qual è il nostro obiettivo?

Immagina un guardaroba

Vorremmo riorganizzare gradualmente questo…
…in questo :)

Attualmente, l'interfaccia…

…non corrisponde alle aspettative. …è disordinata e non intuitiva. …non mette in evidenzia l'aspetto comunitario. …non è coerente con la versione mobile.

L'IU desktop, o interfaccia desktop, non corrisponde alle aspettative create dalle moderne piattaforme web. Ci si sente disorientanti e disconnessi. I collegamenti di navigazione e interfaccia sono organizzati in modo casuale.
Questa confusione distrae gli utenti e gli impedisce di concentrarsi su ciò per cui sono venuti. È difficile per i lettori concentrarsi sul contenuto. Per loro non è possibile cambiare lingua in modo intuitivo, cercare contenuti o modificare le impostazioni di lettura. I nuovi contributori non sono in grado di utilizzare la loro intuizione per impostare il proprio account, aprire l'editor o imparare a utilizzare le pagine che non sono voci per la moderazione.
Solo una piccolissima percentuale di lettori capisce come funzionano i wiki Wikimedia. Molti lettori non sono consapevoli che il contenuto che stanno leggendo è scritto da volontari e aggiornato frequentemente, o che anche loro possono potenzialmente contribuire.
Il grande divario tra le esperienze sulla nostra interfaccia desktop, sulle app e sul web mobile rende difficile per i lettori collegare i nostri prodotti. Manca un'unità concettuale tra i siti Wikimedia.

Come vengono apportate le modifiche

Principi

Non tocchiamo il contenuto. Non rimuoviamo alcuna funzionalità. Non tocchiamo altri temi oltre a Vector. Ci ispiriamo ai gadget esistenti. Non facciamo grandi cambiamenti in un solo passaggio.

Stiamo lavorando solo sull'interfaccia. Non verrà svolto alcun lavoro in termini di modelli di stile, struttura dei contenuti della pagina, supporto delle mappe o modelli cross-wiki.
I temi diversi da Vector non rientrano nell'ambito delle nostre modifiche. Abbiamo cristallizzato Vector come Legacy Vector e abbiamo iniziato a distribuire le nostre funzionalità come parti del nuovo Vector di default.
Sebbene i nostri cambiamenti si notino facilmente, stiamo adottando un approccio evolutivo e desideriamo che il sito continui a sembrare familiare a lettori ed contributori. Ogni funzionalità viene discussa, sviluppata e distribuita separatamente.
È nostra intenzione testare le nostre migliorie in collaborazione con un gruppo variegato di wiki che volontariamente accettino di essere adottanti precoci, sia che corrispondano a una delle edizioni linguistiche di Wikipedia sia che rappresentino uno dei progetti fratelli.
Sia prima dello sviluppo che dopo il lancio di ogni funzionalità raccogliamo dati (attraverso dei test A/B, delle serie di feedback sui prototipi, ecc.). In caso di risultati significativamente negativi ritireremo le nostre modifiche.
Abbiamo analizzato molti wiki e abbiamo notato molti gadget utili. Alcuni di loro meritano sicuramente di essere messi in evidenza e di far parte dell'esperienza utente di default.
Gli elementi dell'interfaccia potrebbero spostarsi, ma tutti gli elementi di navigazione e le altre funzionalità attualmente disponibili per impostazione predefinita rimarranno.

la maggioranza dei wiki	i wiki adottanti precoci
editori o lettori non vedono le nostre modifiche di default	editori o lettori vedono le nostre modifiche di default
solo gli editori possono aderire (dalle preferenze dell'utente, selezionando Vector (2022) nella tab Aspetto)	solo gli editori possono rinunciare (usandoTorna al vecchio aspetto nella barra laterale, o direttamente dalle preferenze utente)

Piano di implementazione e tempistica

IL tema è oggi pronto a diventare predefinito su tutti i wiki.

The timeline

Elenco dei wiki adottanti precoci (wiki di test)

Il primo gruppo di wiki (segnati come ※ sulla timeline qui sopra)

Il secondo gruppo di wiki (segnato come † sulla timeline qui sopra)

Il terzo gruppo di wiki (segnato come ‡ sulla timeline qui sopra)

Wikipedia in arabo marocchino
Wikiquote in francese
Wikipedia in indonesiano
Wikinotizie in portoghese
Wikinotizie in polacco
Wikipedia in thai
Wikipedia in vietnamita
Wikibooks in vietnamita
MediaWiki.org (questo wiki)
wiki della Wikimedia Foundation Governance
Collab wiki
Strategy wiki

Il quarto gruppo di wiki (segnati come § sulla timeline qui sopra)

Il primo gruppo di piccole wiki (segnato come ¶ sulla timeline qui sopra)

Partecipa & Contatti

Iscriviti alla newsletter
Prova individualmente: in Preferenze, seleziona l'opzione Vector (2022). Puoi abilitare i nostri cambiamenti anche usando le Preferenze globali.
Promuovere: informare la tua comunità. Condividere i nostri aggiornamenti e post sul blog.
Segnalare errori: per segnalare un errore, creare un'attività in Phabricator e aggiungere #Desktop Improvements Vector 2022 come identificativo del progetto.