Čtení/Web/Vylepšení vzhledu pro PC
Vylepšení vzhledu pro PC
Nové vlastnosti a úpravy pro zobrazení Vector
|
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.
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í
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 :)
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 | Nové logo , skládací postranní panel a omezená šířka obsahu představené na prvních early adopter (pilotních) wiki , včetně francouzské Wikipedie |
září | Je představen nový vyhledávací widget | |
2021 | června | Je představeno nové přepínání jazyků |
února | Nasazení na více pilotních wikin, včetně bengálských, korejských a portugalských Wikipedií | |
2022 | srpna | Je představeno nové uživatelské menu |
ledna | Představujeme nové sticky záhlaví Nasazení na více pilotních wikinách, včetně indonéských, thajských a vietnamských Wikipedií | |
února | Změny jsou odděleny od původního kódu Vector do nového vzhledu "Vector 2022" | |
května | Je představen nový obsah | |
června | Vzhled je představen na posledních pilotních wikinách, včetně katalánských a japonských Wikipedií Jsou představena první vizuální vylepšení | |
října | Nasazení na nejmenších Wikipediích | |
listopadu | Je představeno nové přepínací tlačítko plné/omezené šířky | |
prosince | Nasazení na arabských a řeckých Wikipediích | |
2023 | ledna | Nasazení na anglické Wikipedii |
února | Předvolba plné/omezené šířky bude pro odhlášené uživatele trvalá | |
března | Je představena nová nabídka nástrojů stránky | |
dubna | Nasazení na polské Wikipedii | |
května | Nasazení na španělské Wikipedii | |
srpna | Nasazení na čínštinu (zh) a několik menších Wikipedií | |
října | Nasazení na švédské, maďarské, holandské, hindské, norské bokmålské Wikipedii Také na Meta-Wiki a většině Wikibooks, Wikinews, Wikiquotes a Wikiversity wikinách | |
listopadu | Většina Wikivoyages a Wikislovníky Jsou představena poslední vizuální vylepšení (známá jako Zebra 9). | |
2024 | března | Nasazení na většině zdrojů Wikisource a interních wikinách Nadace |
Kontakt
- Přihlaste se individuálně: 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.
- Překládejte: Pomozte nám přeložit související stránky: