Šablony, které zobrazují varování nebo upozornění o obsahu stránky, momentálně nejsou na mobilních stránkách Wikimedie viditelné. V důsledku toho si čtenáři nemusí být vědomi problémů ovlivňujících spolehlivost stránek, které si prohlížejí. Tato nedostatečná transparentnost může být problematická, zejména v případech, kdy stránky označené pro vážné obavy, jako jsou falešné články nebo stránky určené k smazání, nejsou viditelné.

Tým webového editoru si klade za cíl vylepšit způsob, jakým jsou tyto šablony pro řešení problémů se stránkami řešeny v mobilní verzi webu, počínaje šablonami ambox a jejich ekvivalenty napříč wikinami. Cílem je zahrnout jasné popisy problému nebo oznámení spolu s uvedením jeho závažnosti. Tyto změny pomohou uživatelům činit informovanější úsudky o spolehlivosti obsahu, který čtou. Zobrazování těchto varování by navíc mohlo vzbudit zájem čtenářů o projekty Wikimedie, což by potenciálně mohlo zvýšit jejich zapojení jako přispěvatelů.

Níže uvádíme několik příkladů, jak by se tyto změny mohly projevit. Zpětná vazba je vítána.

• 
  Nové zpracování stylů oznámení na stránce – obecné zpracování
• 
  Nové řešení stylingu oznámení na stránce – problém střední závažnosti
• 
  Nové řešení stylingu oznámení na stránce – problém s vysokou závažností
• 
  Nové zpracování stylů oznámení na stránce – několik problémů

Aktualizace

Úvod

Pokud se v článcích objevují problémy, často se nad nimi zobrazí velké barevné pole, které čtenáře a editory na ně upozorní.

Tato oznámení jsou ve skutečnosti speciální šablony vložené do obsahu článku.

Anglická Wikipedie

Každé oznámení v článku má svou vlastní šablonu a každá šablona používá metašablonu s názvem {{Ambox}} (okno zprávy článku). Ambox používá Lua modul s názvem Module:Message box. Ostatní jmenné prostory MediaWiki, jako například kategorie a diskusní stránky, mají také upozornění specifická pro jejich jmenný prostor.

Tato oznámení existují již více než deset let a mají mnoho konvencí ohledně jejich používání. Přispěvatelé je udržují. Každá jazyková komunita si může svobodně přijmout nebo vymyslet svá vlastní oznámení, specifická pro potřeby svého projektu. Například Commons má širokou škálu licenčních oznámení, zatímco Wiktionary používá zcela odlišná oznámení.

Široká škála a rozmanitost těchto oznámení ztěžuje jejich standardizaci. Jeden úspěšný pokus se uskutečnil v roce 2007 na anglické Wikipedii.

• 
  Před standardizací v roce 2007
• 
  Po standardizaci v roce 2007

K této aktualizaci došlo ještě předtím, než vůbec existoval moderní mobilní web. Navzdory pozdější snaze WMF přenést tato oznámení na mobilní web stále nejsou pro mobilní zařízení příliš optimalizovaná. Jako výchozí bod se tento návrh zaměří na vylepšení oznámení v jmenném prostoru článků, které vycházejí ze šablony {{Ambox}}.

Aktuální mobilní úprava

• 
  Odkaz "problémy se stránkou" pod názvem článku
• 
  Po klepnutí na odkaz se uživateli zobrazí překryvná vrstva s problémy na stránce.

Na současných mobilních stránkách Wikimedia nezobrazujeme celou šablonu {{Ambox}}. Místo toho zobrazujeme malý šedý odkaz s textem "page issues" (problémy se stránkou) pod názvem článku. Po kliknutí se zobrazí překryvná vrstva se seznamem problémů. Některá oznámení obsahují text pro "kompaktní" verzi šablony. Pokud je k dispozici, zobrazí se pouze text pro kompaktní verzi.

Cíl

Cílem tohoto projektu je zlepšit povědomí o konkrétních problémech v článku na mobilním webu. Toho dosáhneme změnou vizuálního stylu problémů na stránce.

Tým bude spolupracovat s komunitami na poskytnutí pokynů pro styling šablon. Tato práce povede k optimálnímu formátování problémů na mobilních zařízeních, aniž by se muselo měnit formátování na počítačích.

Tento cíl odpovídá Programu 2, Cíl 1 ročního plánu pro čtenáře. "Umožnit čtenářům posoudit kvalitu a spolehlivost článku během jejich čtení".

Navrhované změny

Obecné

Problémy s mobilní stránkou zobrazí následující:

• Popis problému
  • V případě dostupnosti budou použity krátké popisy problému.
  • Pokud není k dispozici krátký popis, zobrazí se začátek podrobného popisu problému.**
  • Délka krátkých i dlouhých popisů bude omezena prostorovými omezeními.
• Závažnost problému
  • Závažnost bude nastavena podle ambox type takto (to znamená, že zdědí barvu typu šablony):
    • Závažné: type=speedy, type=delete
    • Střední: type=content
    • Lehké: type=style
    • Poznámka: type=notice, type=move, type=protection
  • Všechny ostatní šablony se zobrazí s normální závažností.

Každá úroveň závažnosti bude mít na stránce vlastní vzhled a umístění.

• Pokud problém obsahuje odkazy na jiné stránky, budou tyto odkazy odstraněny. Odkazy se zobrazí v modálním okně s podrobnostmi o problému na stránce.

Příklady:

Více problémů

• Úrovně závažnosti problémů budou odvozeny z úrovní závažnosti jednotlivých problémů.
• Pokud článek obsahuje šablonu {{Multiple issue}}, bude úroveň problému článku nejvyšší dostupná úroveň problému.
• Například pokud má šablona {{Sporný název}} úroveň "High", budou se problémy v článku zobrazovat na vysoké úrovni. (příklad).
• Každá úroveň problému s více čísly obdrží jedinečný text, vzhled a pozici na stránce.

Ikona pro více problémů může být obecná, zatímco články mají specifičtější ikony (např. ikona 'sweep' s nízkou prioritou pro čištění článků a ikona 'balance' se střední prioritou pro problémy z hlediska článku), bude použita obecnější ikona priority. Další informace získáte na stránce phab:T202351.

Příklad:

První aktualizace modálního okna problému na stránce

Pro začátek provedl tým čtenářů následující změny v modálním okně problému stránky. Tato změna proběhla koncem března 2018. Cílem této změny je odhalit více podrobností o samotném problému stránky. Zároveň poskytuje čtenářům informace o tom, jak tyto problémy vyřešit.

• 
  Modální okno s problémy se stránkou před změnami
• 
  Modální okno s problémy se stránkou po změnách

Hodnocení funkcí

Tým Readers chce pochopit, jaký vliv má zvyšování povědomí a důležitosti problémů se stránkami na mobilních webových stránkách, zejména na vnímanou kvalitu a spolehlivost stránek čtenáři. Naším cílem je pomoci čtenářům lépe posoudit spolehlivost a kvalitu článku, který čtou. Naše hypotéza je, že zvýšení jejich povědomí o problémech se stránkami k tomuto cíli přispěje.

Rádi bychom odpověděli na následující otázky:

Zvyšuje nový postup pro oznámení o problémech se stránkami povědomí čtenářů o problémech se stránkami?

• Kvalitativní výzkum:
  • Všímají si čtenáři řešení problému s novou stránkou více než řešení současného?
  • Všímají si čtenáři verze B (s názvy) nového zpracování více než verze A (bez názvů)?

Všímají si čtenáři oznámení o problémech se stránkou, která se nacházejí za úvodním odstavcem, častěji než když jsou umístěna v horní části stránky?

• Kvantitativní výzkum:
  • Dochází ke zvýšení počtu prokliků v důsledku nových úprav problémů (ze stránky článku do modálního okna s problémy)?

Existuje nějaká korelace mezi závažností problému a mírou prokliku?

Jak se uživatelé cítí, když jsou informováni o problémech se stránkami? Jak povědomí o problémech se stránkami ovlivňuje jejich vnímání Wikipedie?

• Kvalitativní výzkum:
  • RQ1 – Dávají čtenářům smysl problémy se stránkou?
  • RQ2 – Zajímají čtenáře problémy se stránkami? Považují je za užitečné? Důležité?
  • RQ3 – Jsou čtenáři již obeznámeni s problémy se stránkami? Setkali se s nimi u jiných článků?
  • RQ4 – Chápou čtenáři, jak fungují problémy se stránkou? Jinými slovy, jak se na stránce zobrazují?
  • RQ5 – Změní uvědomění si problémů se stránkami vnímání Wikipedie čtenářů?

Další výzkumné otázky:

• Jak si čtenáři obecně utvářejí názory na kvalitu a spolehlivost stránek Wikipedie?
• Zajímají čtenáře více o problémy, které Wikipedie považuje za závažnější, než o problémy, které jsou považovány za méně závažné?
• Jaké zpětné vazby (pokud nějaké) se aktivují v důsledku zvýšeného povědomí o problémech se stránkami? Například se zvyšuje počet úprav na mobilních zařízeních, pokud jsou problémy se stránkami odkazujícími na danou stránku? Ovlivňují nové změny v řešení problémů míru jejich odstranění?

Technické výzvy

Technické problémy spojené s vylepšováním šablon Amboxu vyvolávají několik problémů. Stručně řečeno, šablony jsou nekonzistentní.

Výstup šablony {{Ambox}} je v mnoha ohledech nekonzistentní.

• napříč jazyky
• napříč různými typy šablon
• umístění uvnitř článku

Neexistuje žádný konzistentní strojově čitelný způsob extrakce obsahu šablony.

Navrhovaná technická řešení

Použití rozšíření TemplateStyles k vytvoření CSS šablon optimalizovaných pro mobilní zařízení

K diskusi pro budoucí iteraci.

Použití služby Page Content Service k zobrazení problémů se stránkami

phab:T172002

Úprava CSS MobileFrontend/Minervy tak, aby vyhovovalo stávajícímu kódování šablony

Toto řešení by fungovalo v rámci stávající struktury šablon a pravděpodobně pouze na anglické Wikipedii.

Mnoho šablon {{Ambox}} obsahuje třídu CSS, která označuje text jako skrytý při stlačení. Pomocí CSS bychom mohli tento přebytečný text skrýt a uživatelům zobrazit pouze "souhrnný" text. Jedná se o stejný text, který se aktuálně zobrazuje v překryvné vrstvě problémů stránky. Mnoho šablon, zejména šablon pro mazání, tuto třídu CSS nemá. Problém s délkou textu by musel být řešen pro každou šablonu zvlášť.

Zde je ukázka toho, jak by mohla vypadat úprava CSS.

Přidání strukturované HTML atributy do šablon Amboxu

Toto řešení vyžaduje úpravu šablon.

Jak již bylo zmíněno, HTML kód vytvořený šablonami {{Ambox}}. Může se to změnit kdykoli a v jakémkoli jazyce. Neměli bychom těmto změnám bránit, ale měli bychom zajistit, aby si je přispěvatelé mohli přizpůsobit novým kontextům, jako jsou mobilní zařízení.

Přidání sémantických atributů do HTML kódu {{Ambox}} by nám mohlo poskytnout potřebné "háčky" pro extrakci obsahu Amboxu. Pak bychom to mohli vhodným způsobem prezentovat na mobilu. Mohli bychom poskytnout standardní sadu atributů, které mohou editoři šablon vkládat do svých šablon. To by fungovalo bez ohledu na použitou šablonu nebo jazyk. Tyto atributy by mohly být "strojově čitelné", což znamená, že je lze analyzovat nebo extrahovat. Například jako Page Content Service pro mobilní aplikace. Tyto sémantické atributy by byly pro čtenáře neviditelné. Neovlivnily by vzhled stávajících šablon.

Sémantické atributy HTML spadají do kategorie "mikroformátů". Cílem je rozšířit HTML o možnost vyjadřovat velmi specifické typy dat způsobem, který je strojově čitelný. HTML kód Amboxu bychom mohli rozšířit o atributy, které by šablony identifikovaly jako "okna zpráv" s různými vlastnostmi. Mezi tyto vlastnosti může patřit například priorita, datum a kroky, které lze provést. Tyto informace by pak mohly být analyzovány. Spotřebitelé by mohli zahrnout mobilní web a aplikace. Také prezentováno koncovým uživatelům v mobilním režimu.

Mohli bychom si vytvořit vlastní standard, ale již existuje doporučená specifikace W3C s názvem RDFa. RDFa standardizuje, jak používat atributy k přidávání bohatých metadat do HTML.

RDFa definuje bohaté datové struktury jako "slovníky" nebo sady vlastností, které definují datovou strukturu. Můžeme definovat vlastní slovník, který popisuje vlastnosti "okna zprávy" a tyto vlastnosti použít v atributech HTML.

Například RDFa používá atributy HTML, jako například vocab, typeof, property a content. Následující příklad ukazuje, jak je přidat do šablon.

<div vocab="https://meta.wikimedia.org/ContentSchemas" typeof="MessageBox" name="Citations needs">
    <span property="summary">
    This article needs additional citations for verification.
</span>
Please help improve this article by adding citations to reliable sources. Unsourced material may be challenged and removed.
<small property="date" content="2017-06-01">
    (June 2017)
</small>
    <a property="action" href="/wiki/Help:Maintenance_template_removal" title="Help:Maintenance template removal">
        Learn how and when to remove this template message
    </a>
</div>

Seznam problémů s optimalizací stránek pro mobilní zařízení

Výše navrhované změny vylepší většinu šablon pro problémy se stránkami. Dva druhy šablon budou specializované. Jednou z nich jsou šablony s definovanými krátkými popisy (ty, které obsahují text označený jako :skrýt při zkrácení:). Druhým druhem jsou šablony s definovaným typem ambox. Tyto šablony zobrazí kratší, pro mobilní zařízení optimalizovanější formu textu. Budou obsahovat vizuální indikátory závažnosti problému.

Projekt zavádění

Cíle vývoje a kompatibilita napříč wikinami

Cíle návrhu na vysoké úrovni:

1. Kompaktní: Stránky se dodávají v široké škále délek, ale prostor na obrazovce telefonů je omezený a my chceme respektovat touhu čtenáře po přístupu k obsahu, proto jsme se rozhodli, že bannery musí být kompaktní (dva řádky textu, tedy maximálně zhruba 62 pixelů vysoké). Doufáme, že editoři šablon dále upřesní popisy problémů na stránkách, aby (více) stručně popsali daný problém.
2. Snadno pochopitelné: Na anglické Wikipedii existuje více než 300 unikátních stránek s různými problémy, mnohé s krásnými, uživatelsky přívětivými ikonami. I když redaktoři mohou být s každým jednotlivým číslem obeznámeni, chtěli jsme najít způsob, jak je pro čtenáře zjednodušit. Vektorovým způsobem jsme zvolili závažnost (tj. typ) jako hlavní koncept pro vizuální komunikaci pomocí 5 generických, globálně srozumitelných ikon.
3. Snadná interakce: myslíme si, že je důležité, aby čtenáři měli možnost snadno získat přístup k dalším informacím o problému na stránce a aby se ho dokonce pokusili opravit. I když mnoho popisů problémů se stránkami má vloženy různé odkazy, chtěli jsme zaměřit pozornost čtenáře na jednu akci: Zjistěte více. Konzistentní umístění modrého odkazu Další informace usnadňuje komukoli další řešení problému, který objeví.

Zde je příklad ideálního banneru pro problém se stránkou:

Kompatibilita napříč wikinami:

Protože problémy se stránkami nejsou napříč stovkami projektů wiki nijak strukturovány, věděli jsme, že s kompatibilitou bude velký problém. Jinými slovy, neexistoval pro nás jednoduchý způsob, jak konzistentně vykreslit všechny problémy se stránkami ze všech projektů na mobilních zařízeních, aby to splňovalo naše výše uvedené vývojové cíle. Protože nejlépe známe anglickou Wikipedii, rozhodli jsme se zaměřit kód pro vykreslování na formátování anglických stránek. Problémy se stránkami na některých jiných wikin fungují docela dobře ihned po instalaci (např. v japonštině, čínštině), nicméně u jiných projektů bude nutné přeformátovat šablony problémů se stránkami, aby se hezky zobrazovaly v mobilních zařízeních.

Zde je několik příkladů z různých stránek wikin, které vysvětlují, jaké druhy oprav doporučujeme:

italština	polština	španělština	ruština
Doporučujeme odstranit barevný okraj nalevo od banneru a místo něj použít poskytnuté ikony.	Doporučujeme odlišnou ikonu od té, která je zde uvedena, a omezit šířku na dva řádky textu.	Doporučujeme odlišnou ikonu od té, která je zde uvedena, a omezit šířku na dva řádky textu.	To je téměř ideální, nicméně text by měl být omezen na dva řádky.
odkaz	odkaz	odkaz	odkaz

Optimalizace stránek s problémy (šablony ambox) pro mobilní zařízení

Viz Doporučení pro články optimalizované pro mobilní zařízení na wikinách Wikimedie#Přizpůsobení stránek pro mobilní zařízení

Související odkazy

• Transparentnost již od návrhu. Jak zviditelnění problémů se stránkami na mobilní verzi Wikipedie pomáhá posilovat důvěru a účast. - příspěvek na blogu, listopad 2020