Čtení/Web/Vylepšení vzhledu pro PC
|
Vylepšení vzhledu pro PC
.png) Nové vlastnosti a úpravy pro zobrazení Vector
|
Předchozí výchozí vzhled Wikimedia (Vector) byl nasazen v roce 2010. Během následujícího desetiletí bylo rozhraní obohaceno o rozšíření, gadgety a uživatelské skripty. Většina těchto prvků nebyla koordinována vizuálně či napříč wikinami. Současně se vyvíjel webdesign, stejně jako očekávání čtenářů a redaktorů. Nastal čas vzít některé z těchto nápadů a uvést je do výchozího prostředí všech uživatelů na všech wikinách organizovaným a konzistentním způsobem.
Between 2019 and 2023, we were building a new skin. Naším cílem je učinit wikiny Wikimedie přívětivější a zvýšit užitečnost mezi čtenáři a zachovat užitečnost pro stávající editory. Měříme nárůst důvěry a pozitivního sentimentu vůči našim stránkám a užitečnost našich stránek (používání běžných akcí, jako je vyhledávání a změna jazyka).
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.
Novinky
listopadu 2023: Vizuální změny, další nasazení a posun zaměření
?vectorzebradesign=0)
?vectorzebradesign=1)Nový styl inspirovaný prototypem Zebra
V rámci Zebra #9 prototype, o kterém jsme psali v posledních dvou aktualizacích, jsme zavedli dva druhy vizuálních změn: separaci oblastí na základě barev a další úpravy CSS. Jak jsme uvedli dříve, A/B test neprokázal, že separace na základě barev byla zlepšením. Místo toho jsme se zaměřili na ostatní úpravy CSS a tyto změny nyní implementujeme. Pro náhled rozdílu můžete použít parametry URL: ?vectorzebradesign=0 (bez změn) a ?vectorzebradesign=1 (se změnami). Změny jsou:
- Rozbalovací nabídky (postranní panel, obsah, uživatelská nabídka a nabídka nástrojů, pokud nejsou připnuté) mají světlejší obrys a vržený stín.
- Tlačítka "přesunout do postranního panelu"/ "skrýt" v rozbalovacích nabídkách mají místo hranatých závorek šedé pozadí.
- Hlavní nabídka již nemá šedé pozadí, když je umístěna v bočním sloupci (když je připnutá). Místo toho mají všechny nabídky stejný vzhled, když jsou umístěny v postranních sloupcích.
- Levý a pravý sloupec mají stejnou šířku.
- V důsledku výše uvedené změny se šířka obsahu mírně zúží, když jsou nabídky připnuty v obou sloupcích.
- Mezera mezi obsahem a oblastí obsahu je menší.
V polovině listopadu jsme tyto změny odeslali do následujících Wikipedií: francouzské, katalánké, hebrejké, polské. Tyto změny plánujeme zavést do všech wiki během 2-3 týdnů. Ty umožní budoucí úpravy, jako je nabídka Přístupnost pro čtení.
Pokračující nasazení vzhledu Vector 2022
Od naší poslední aktualizace jsme změnili výchozí vzhled na několika Wikipediích: holandské, hindské, maďarské, norské (bokmål) a švédské. Také jsme vydali krátké video o vzhledu. Po obdržení všech log od našeho týmu designérů jsme navíc byli připraveni pokračovat v rozsáhlém nasazení na sesterských projektech.
- Vzhled Vector 2022 je nyní výchozí na všech neanglických Wikibooks, Wikinews, Wikiquotes, Wikiversity, stejně jako na Meta-Wiki.
- Pokračujeme v konverzacích a plánujeme nasazení do zbývajících sesterských projektů, počínaje neanglickým Wikisource, Wikislovníkem a Wikivoyage.
Některé z těchto projektů mohou vyžadovat úpravy, například výchozí nastavení pro omezenou/plnou šířku ve jmenných prostorech jedinečných pro Wikisource. Možná bude potřeba aktualizovat také gadgety nebo uživatelské skripty. Rádi provedeme opravy nebo pomůžeme s jejich vytvořením v závislosti na tom, zda je třeba provést změny v samotném vzhledu nebo v kódu kontrolovaném komunitou. Máte-li jakékoli dotazy nebo požadavky na další změny, obraťte se na nás na stránce diskuse o vylepšeních počítače nebo napište přímo na adresu SGrabarczuk (WMF).
Zaměření na další vylepšení čitelnosti pro počítače a mobily
Tým se zaměřil na projekt Přístupnost pro čtení. Budeme pracovat na vylepšení typografie a zavedeme tmavý režim do skinů Vector 2022 a Minerva. Navštivte prosím stránku projektu, kde najdete další podrobnosti a informace o tom, jak se zapojit.
Co bylo naším cílem?
Představte si šatní skříň
-
Rádi bychom ji postupně předělali… -
...do toho :)
space.jpg)
Předtím rozhraní…
...nesplnilo očekávání. …bylo nepřehledné a nebylo intuitivní. …nezdůrazňovalo komunitní stránku. …nebylo v souladu s mobilní verzí.
- Desktopové rozhraní nesplňovalo očekávání vytvořená moderními webovými platformami. Bylo to dezorientující a odpojené. Odkazy na navigaci a rozhraní byly organizovány nahodile.
- Byl tam nepořádek, který odváděl pozornost uživatelů od soustředění se na to, pro co přišli. Pro čtenáře bylo náročné soustředit se na obsah. Nebylo jim možné intuitivně přepínat jazyky, vyhledávat obsah nebo upravovat nastavení čtení. Noví redaktoři nedokázali použít svou intuici k tomu, aby si založili účet, otevřeli editor nebo se naučili používat stránky, které nejsou články, pro účely moderování.
- Velmi malé procento čtenářů chápalo, jak fungují wikiny Wikimedie. Mnoho čtenářů si neuvědomovalo, že obsah, který čtou, píší dobrovolníci a je často aktualizován, nebo že mohou také potenciálně přispět.
- Velký rozdíl ve zkušenostech mezi naším desktopovým rozhraním, aplikacemi a mobilním webem ztěžoval čtenářům připojení našich produktů. Chyběla jednota v pojetí stránek Wikimedia.
Jak se provádějí změny
Zásady
Nedotýkáme se obsahu. Jiné vzhledy než Vector neměníme. Neodstraňujeme žádnou funkci. Inspirujeme se stávajícími gadgety. Velké změny neprovádíme v jednotlivých krocích.
- Pracujeme pouze na rozhraní. Není zde žádná práce, pokud jde o šablony stylů, strukturu obsahu stránek, podporu map nebo šablony napříč wikinami.
- Jiné vzhledy než Vector jsou mimo rozsah našich úprav. Zmrazili jsme Vector na Legacy Vector a začali jsme nasazovat naše funkce jako součásti nového výchozího Vectoru.
- Prvky rozhraní se posunuly, ale všechny navigační položky a další funkce dostupné dříve ve výchozím nastavení zůstaly.
- Analyzovali jsme mnoho wikin a všimli jsme si mnoha užitečných gadgetů. Některé z nich si rozhodně zasloužily, aby se objevily a byly součástí výchozího zážitku.
- Vyzkoušeli jsme naše vylepšení ve spolupráci s rozmanitou sadou dobrovolnických wikin "budoucích osvojitelů", a to jak Wikipedie, tak sesterských projektů.
- Přestože jsou naše změny snadno patrné, zvolili jsme evoluční přístup a chtěli jsme, aby byl web čtenářům a redaktorům i nadále známý. Každá funkce byla prodiskutována, vyvinuta a nasazena samostatně.
- Před vývojem i po nasazení jsme sbírali data (prostřednictvím A/B testování, prototypových kol zpětné vazby atd.). V případě výrazně negativních výsledků jsme se zavázali vrátit naše změny zpět.
Plán nasazení a časový plán
Vzhled je nyní připraven stát se výchozím na jakékoli wiki.
| zmenšující se počet wikin | rostoucí počet wikin |
|---|---|
| editoři nebo čtenáři nevidí ve výchozím nastavení naše změny |
editoři a čtenáři vidí ve výchozím nastavení naše změny |
| přihlásit se mohou pouze editoři (v uživatelských preferencích zaškrtnutím Vektor (2022) na kartě Vzhled) |
pouze editoři se mohou odhlásit (pomocí Přepnout na starý vzhled na postranním panelu nebo přímo z preferencí svých uživatelů) |
| Year | Month | Deployments |
|---|---|---|
| 2019 | května | First team discussions |
| 2020 | července/srpna | The new logo, collapsible sidebar, and limited content width introduced on the first early adopter (pilot) wikis, including French Wikipedia |
| září | The new search widget is introduced | |
| 2021 | června | The new language switching is introduced |
| února | Deployments on more pilot wikis, including Bengali, Korean, and Portuguese Wikipedias | |
| 2022 | srpna | The new user menu is introduced |
| ledna | The new sticky header is introduced Deployments on more pilot wikis, including Indonesian, Thai, and Vietnamese Wikipedias | |
| února | The changes are separated out from the Vector legacy code to a new skin "Vector 2022" | |
| května | The new table of contents is introduced | |
| června | The skin is introduced on the last pilot wikis, including Catalan and Japanese Wikipedias The first visual refinements are introduced | |
| října | Deployments on the smallest Wikipedias | |
| listopadu | The new full/limited-width toggle button is introduced | |
| prosince | Deployments on Arabic and Greek Wikipedias | |
| 2023 | ledna | Deployment on English Wikipedia |
| února | The full/limited width preference becomes persistent for logged-out users | |
| března | The new page tools menu is introduced | |
| dubna | Deployment on Polish Wikipedia | |
| května | Deployment on Spanish Wikipedia | |
| srpna | Deployment on Chinese (zh) and several smaller Wikipedias | |
| října | Deployments on Swedish, Hungarian, Dutch, Hindi, Norwegian bokmål Wikipedias Also on Meta-Wiki and most Wikibooks, Wikinews, Wikiquotes and Wikiversity wikis | |
| listopadu | Deployments on most Wikivoyages and Wiktionaries The last visual refinements (known as Zebra 9) are introduced | |
| 2024 | března | Deployments on most Wikisources and Foundation internal wikis |
Zapojte se a kontaktujte
- Testujte samostaně: v Předvolbách zaškrtněte volbu Vektor (2022). Naše změny můžete také povolit pomocí Globálních předvoleb.
- Propagujte: Informujte svou komunitu. Sdílejte naše aktualizace a příspěvky na blogu.
- Nahlašujte chyby: Pro nahlášení chyby vytvořte úkol ve Phabricatoru a přidejte projekt #Desktop Improvements Vector 2022.
.jpg)
- Překládejte: Pomozte nám přeložit související stránky:
Jaké funkce byly přidány