Předchozí výchozí vzhled Wikimedia (Vector) vyšel v roce 2010. Během následujícího desetiletí bylo rozhraní obohaceno o rozšíření, gadgety a uživatelské skripty. Většina z nich nebyla koordinována vizuálně nebo mezi wikinami. Současně se vyvíjel webdesign, stejně jako očekávání čtenářů a redaktorů. Nakonec jsme se rozhodli 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.
|
Vylepšení vzhledu pro PC
.png) Nové vlastnosti a úpravy pro zobrazení Vector
|
V letech 2019 až 2023 jsme budovali nový vzhled. Chtěli jsme, aby byly wikiny Wikimedie přívětivější a zvýšili jsme užitečnost mezi čtenáři a zachovali užitečnost pro stávající editory. Měřili jsme 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 přepínání jazyků).
V roce 2022 byl nový vzhled připraven jako výchozí. Od té doby jej zavádíme na více a více wikinách. Nakonec potřebujeme mít jeden vzhled jako výchozí všude. Je to proto, že ponechat dva jako výchozí na dobu neurčitou je nemožné.
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 knihovnu
-
Postupně jsme ji předělali… -
...takto :)
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 Wikimedie.
Jak jsme prováděli změny
Zásady
Nedotýkali jsme se obsahu. Neměnili jsme jiné vzhledy než Vector. Žádnou funkci jsme neodstranili. Inspirovali jsme se stávajícími vychytávkami. Zásadní změny jsme neprováděli v jednotlivých krocích.
- Pracujeme pouze na rozhraní. Nebyla provedeny žádné úkony, pokud jde o šablony stylů, strukturu obsahu stránek, podporu map nebo šablony napříč wikinami.
- Jiné vzhledy než Vector byly 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.
- Pohybovali jsme se po prvcích rozhraní, 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 vychytávek. Některé z nich si zasloužily, aby se objevily a byly součástí výchozího vzhledu.
- Testovali jsme naše vylepšení ve spolupráci s různorodou sadou dobrovolnických early adopter (pilotních) wikin, a to jak na Wikipedii, tak na sesterských projektech.
- Zvolili jsme evoluční přístup. Chtěli jsme, aby se pilotní wikiny čtenářům a redaktorům i nadále zdály 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 naše změny odvolali.
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ů) |
| Rok | Měsíc | Rozvoj |
|---|---|---|
| 2019 | května | První týmové diskuse |
| 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 | Nasazení na více pilotních wikin, včetně bengálských, korejských a portugalských Wikipedií | |
| 2022 | srpna | The new user menu is introduced |
| ledna | The new sticky header is introduced Nasazení na více pilotních wikinách, včetně indonéských, thajských a vietnamských Wikipedií | |
| ú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