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.
|
Vylepšení vzhledu pro PC
.png) Nové vlastnosti a úpravy pro zobrazení Vector
|
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).
V současné době se na většině wikin mohou jednotlivě přihlásit pouze přihlášení uživatelé. Na stále více a více wikinách však jsou naše změny standardně nasazeny pro všechny a přihlášení uživatelé se mohou odhlásit. Zvyšujeme počet wikin, kde je Vektor 2022 výchozím, dokud naše vylepšení nebudou výchozí na všech wikinách.
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 :)
.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. Neodstraňujeme žádnou funkci. Jiné vzhledy než Vector neměníme. 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.
- 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ě.
- 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ř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.
- 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.
- Prvky rozhraní se posunuly, ale všechny navigační položky a další funkce dostupné dříve ve výchozím nastavení zůstaly.
| 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ů) |
Plán nasazení a časový plán
Vzhled je nyní připraven stát se výchozím na jakékoli wiki.
Seznam wikin prvních uživatelů (testovací wikiny)
|
|---|
|
První skupina wikin (označená jako ※ na časové ose výše):
Druhá skupina wikin (označená jako † na časové ose výše):
Třetí skupina wikin (označená jako ‡ na časové ose výše):
Čtvrtá skupina wikin (označená jako § na časové ose výše): |
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: