Läsning/Webb/Stationära förbättringar
|
Stationära förbättringar
.png) En serie nya funktioner och omplaceringar i Vector-utseendet
|
Det tidigare förvalda Wikimedia-utseendet (Vector) rullades ut 2010. Över det kommande årtiondet berikades gränssnittet med tillägg, finesser och användarskript. De flesta av vilka inte samordnats visuellt eller över flera wikier. Samtidigt har webbdesign samt förväntningar från läsare och användare förändrats. Det var dags att ta några av de här idéerna och föra de till standardupplevelsen för alla användare, på alla wikier, på ett organiserat och standardiserat sätt.
Between 2019 and 2023, we were building a new skin. Vårt mål är att göra Wikimedias wikier mer välkomnande och öka användbarheten för läsare och bibehålla användbarheten för befintliga användare. Vi har mätt det ökande förtroendet och positiva känslan gentemot våra webbplatser och våra webbplatsers användbarhet (det att använda vanliga funktioner som att söka och byta språk).
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.
Uppdateringar
november 2023: Visuella förändringar, fler implementeringar och skiftande fokus
?vectorzebradesign=0)
?vectorzebradesign=1)Ny stil inspirerad av Zebra-prototypen
Som en del av prototyp #9 Zebra, som vi skrivit om i de senaste två uppdateringarna, har vi introducerat två sorters visuella förändringar: färgbaserad separering av områden och andra CSS-modifieringar. Som vi tidigare rapporterat om visade A/B-testen inte att separering baserat på färg var en förbättring. Vi har istället fokuserat på andra CSS-modifieringar och vi implementerar nu dessa förändringar. För att granska skillnaden kan du använda URL-parametrarna: ?vectorzebradesign=0 (utan förändringarna) och ?vectorzebradesign=1 (med förändringarna). Förändringarna är:
- Rullgardinsmenyer (när sidospalten, innehållsförteckningen, användarmenyn och verktygsmenyn inte är fästa) har en ljusare kant och skugga.
- Knapparna "flytta till sidofältet"/"dölj" i rullgardinsmenyerna har en grå bakgrund istället för hakparentes.
- Huvudmenyn har inte längre en grå bakgrund när den placeras i sidospalten (när den är fäst). Alla menyer har istället samma utseende när de placeras i sidospalterna.
- De vänstra och högera kolumnerna har samma bredd.
- På grund av förändringarna ovan blir innehållet lite smalare när menyer fästs i både kolumnerna.
- Glappet mellan innehållsförteckningen och innehållsområdet är mindre.
I mitten av november skickade vi ut dessa förändringar på följande Wikipediaversioner: franska, katalanska, hebreiska, polska. Vi planerar att introducera dessa förändringar på alla wikier inom 2-3 veckor. Dessa kommer möjliggöra kommande modifieringar, såsom menyn Tillgänglighet för läsning.
Fortsatt aktivering av utseendet Vector 2022
Sedan vår senaste uppdatering har vi ändrat standardutseendet på några Wikipediaversioner: nederländska, hindi, ungerska, norska (bokmål) och svenska. Vi har också släppt en kort video om utseendet. Dessutom var vi efter att vi fått alla logotyper från vårt designteam också redo att fortsätta aktivera på systerprojekt.
- Utseendet Vector 2022 är nu standard på alla icke-engelska Wikibooks, Wikinews, Wikiquotes, Wikiuniversity samt Meta-Wiki.
- Vi fortsätter diskutera och planera aktivering på de kvarvarande systerprojekten, börjar med icke-engelska Wikisource, Wiktionary och Wikivoyage.
Vissa av dessa projekt kan behöva justeringar, som standardinställningar för begränsad/full bredd i unika namnrymder på Wikisource. Finesser eller användarskript kan också behöva uppdateras. Vi hjälper gärna till med fixa detta eller assistera er, beroende på om förändringarna behöver göras i skälva utseendet eller en gemenskapskontrollera kod.
Fokusera på vidare stationära och mobila förbättringar av läsligheten
Teamet har skiftat fokus på projektet tillgänglighet för läsning. Vi kommer arbeta på förbättringar i typografi och introducera ett mörkt läge på utseenden Vector 2022 och Minerva. Besök projektsidan för fler detaljer och information om hur du kan engagera dig.
Vad var vårt mål?
Föreställ dig en garderob
-
Vi vill gradvis förvandla detta... -
...till detta :)
space.jpg)
Det tidigare gränssnittet...
...levde inte upp till förväntningarna. ...var plottrigt och ointuitivt. ...uppmärksammade inte gemenskapen. ...var inte konsekvent med mobilversionen.
- Det stationära gränssnittet levde inte upp till förväntningarna från moderna webbplattformar. Den upplevdes som desorienterande och disharmonisk. Navigering och gränssnittslänkar organiserades hursomhelst.
- Det fanns plotter som distraherade användarna från att fokusera på det de kom för. Det är utmanande för läsare att fokusera på innehållet. Man kunde inte på ett intuitivt sätt byta språk, söka efter innehåll eller byta inställningar. Nya användare kunde inte intuitivt skapa ett konto, redigera eller lära sig att använda icke-artikelsidor för att moderera.
- En väldigt liten del av läsarna förstod hur Wikimedias wikier fungerade. Många läsare var inte medvetna om att innehållet de läste skrevs av volontärer och uppdaterades frekvent eller att de själva kunde delta.
- Den stora skillnaden i upplevelsen mellan vårt stationära gränssnitt, våra appar och mobilwebben gjorde det svårt läsare att knyta an till våra produkter. Det saknades enhetlighet i konceptet på Wikimedias wikier.
Hur ändringarna görs
Principer
Vi rör inte innehållet. Vi rör inte andra utseenden än Vector. Vi tar inte bort funktionaliteter. Vi inspirera av befintliga finesser. Vi gör inga större ändringar i enklare steg.
- Vi arbetar bara på gränssnittet. Inget arbete utförs i form av att utforma mallar, struktur hos sidors innehåll, kartstöd eller mallar mellan wikier.
- Utseenden förutom Vector är utanför ramen för våra justeringar. Vi har fryst Vector till Legacy Vector och börjat rulla ut våra funktioner som delar av den nya standard Vector.
- Element i gränssnittet har flyttats runt men alla navigeringsobjekt och annan funktionalitet som tidigare fanns tillgänglig som standard stannade kvar.
- Vi har analyserat flera wikier och noterat flera användbara finesser. Några av dem förtjänade definitivt att användas och vara en del av standardupplevelsen.
- Vi testade våra förbättringar i samarbete med diverse frivilliga "tidiga antagande" wikier, både Wikipediaversioner och systerprojekt.
- Trots att våra ändringar lätt syns försökte vi ha en evolutionär inställning och ville att webbplatsen ska fortsätta kännas bekant för läsare och användare. Alla funktioner har diskuterats, utvecklats och rullats ut var för sig.
- Vi samlade in data både innan utvecklandet och efter utrullning (via A/B-test, prototyptester, osv.). Skulle vi fått starkt negativa resultat skulle vi ha rullat tillbaka våra ändringar.
Utrullningsplan och tidslinje
Utseendet kan nu bli standard på alla wikier.
| minskande antal wikier | växande antal wikier |
|---|---|
| användare eller läsare ser som standard inte våra ändringar |
användare och läsare ser som standard våra ändringar |
| bara användare kan välja det (från inställningarna, genom att bocka i Vector (2022) i fliken Utseende) |
bara användaren kan väja bort det (med hjälp av Byt till gamla utseendet i sidfältet, eller direkt från sina inställningar) |
| Year | Month | Deployments |
|---|---|---|
| 2019 | maj | First team discussions |
| 2020 | juli/augusti | 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 |
| februari | Deployments on more pilot wikis, including Bengali, Korean, and Portuguese Wikipedias | |
| 2022 | augusti | The new user menu is introduced |
| januari | The new sticky header is introduced Deployments on more pilot wikis, including Indonesian, Thai, and Vietnamese Wikipedias | |
| februari | The changes are separated out from the Vector legacy code to a new skin "Vector 2022" | |
| maj | 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 | |
| december | Deployments on Arabic and Greek Wikipedias | |
| 2023 | januari | Deployment on English Wikipedia |
| februari | The full/limited width preference becomes persistent for logged-out users | |
| mars | The new page tools menu is introduced | |
| april | Deployment on Polish Wikipedia | |
| maj | Deployment on Spanish Wikipedia | |
| augusti | 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 | mars | Deployments on most Wikisources and Foundation internal wikis |
Engagera dig & kontakt
- Testa individuellt: I inställningarna, bocka i alternativet Vector (2022). Du kan också aktivera våra ändringar med hjälp av globala inställningar.
- Främja: informera din gemenskap. Dela våra uppdateringar och blogginlägg.
- Rapportera fel: För att rapportera ett fel, skapa ett ärende på Phabricator och lägg till #Desktop Improvements Vector 2022-projekt.
.jpg)
- Översätt: hjälp oss översätta relaterade sidor:
Vilka funktioner som lagts till