Čtení/Web/Vylepšení počítače/Funkce/Obsah

This page is a translated version of the page Reading/Web/Desktop Improvements/Features/Table of contents and the translation is 100% complete.

Hlavním cílem projektu Desktop Improvements je zpřístupnit často používané nástroje čtenářům a editorům. Jedním z nejdůležitějších z těchto nástrojů je tabulka s obsahem (ToC). Tato funkce má dvě důležité role. Poskytuje informace o kontextu a umožňuje navigaci mezi stránkami.

V současné době je ToC k dispozici pouze v horní části stránky, což omezuje jeho užitečnost. Plánujeme, aby byl trvalý a dostupný na celé stránce. Naším cílem je usnadnit čtenářům a redaktorům přístup k ToC. Chceme usnadnit získávání kontextu a navigaci po stránce, aniž byste se museli posouvat nahoru.

Pozadí a cíle

Rádi bychom, aby se rozhraní včetně navigačních prvků snáze ovládalo. Doposud jsme vytvořili skládací postranní panel a lepící hlavička. Nyní připravujeme nový ToC.

V současné době:

  • Aktuální ToC je k dispozici pouze v horní části stránky. Je obtížné znovu získat kontext a procházet stránku, aniž byste museli posouvat úplně nahoru
  • U stránek s dlouhou úvodní/úvodní částí není ToC viditelný, dokud se trochu neposunete dolů
  • Uživatelé používají ToC k vytvoření mentálního modelu stránky. To je podobné jako role úvodu ke stránku. Uživatelé se dozví, co stránka obsahuje, jak může být dlouhá, jaké části mohou být nejdelší atd. To se ztratí bez možnosti odkazovat na ToC častěji
  • ToC vytváří spoustu nevyužitého prostoru v oblasti obsahu. Tento prostor by mohl být použit pro zobrazení obsahu a další funkce

Nový trvalý obsah to čtenářům usnadní

  • Pochopte kontext stránky
  • Přejděte do různých částí stránky, aniž byste se museli posouvat na začátek stránky pokaždé, když chtějí získat přístup k obsahu

Případy použití

  • Jako čtenář nebo editor chci mít možnost získat kontext (obsah a strukturu) o stránce, kterou se chystám číst
  • Jako čtenář nebo editor chci mít možnost odkazovat na několik dalších sekcí na stránce na libovolném místě na stránce, abych si mohl vybrat, co budu číst dál
  • Jako čtenář nebo editor chci mít možnost vědět, kolik sekcí má stránka, aniž bych musel rolovat úplně nahoru

Popis funkce a požadavky

Obsah se bude trvale zobrazovat na jedné straně stránky. Bude obsahovat všechny oddíly a pododdíly dostupné v předchozích verzích ToC.

ToC bude obsahovat následující funkce:

  • Sbalitelné podsekce – pro uživatele, kteří chtějí zobrazit pouze nejvyšší úroveň nadpisu sekce
  • Tučné písmo sekce – sekce aktuálně na stránce bude zobrazena tučně. Uživatelé budou moci identifikovat, kde na stránce se nacházejí, když si všimnou tučného písma v ToC
  • Navigace – výběrem sekce v obsahu přejdete do příslušné sekce na stránce
  • U šířky obrazovky menší než 1000 pixelů se ToC sbalí a jako ToC budou použity názvy sekcí.
Obsah zobrazený na anglické Wikipedii

Požadavky na vývoj a směrnice

Prototyp

Obecná funkce ToC: https://en-toc.wmcloud.org/wiki/Moon

Funkce skládací sekce: https://di-toc-collapsible-sections.web.app/Aretha_Franklin

 
Prototyp trvalého obsahu vytvořený pro účely uživatelského testování

Kvalitativní testování

Uživatelské testování s čtenáři a editory

Provedli jsme uživatelské testování obsahu se čtenáři a editory. Testy probíhaly ve třech lokalitách (Argentina, Ghana, Indonésie) a v různých jazycích. Účastníci byli požádáni, aby pracovali s různými verzemi trvalého obsahu. Jejich úkolem bylo poskytnout zpětnou vazbu k preferované verzi. Součástí testu byla také otevřená studie způsobu, jakým čtenáři a redaktoři viděli a používali obsah.

Všichni uživatelé považovali obsah za zásadní pro zážitek ze čtení. Potřebovali to jak pro navigační účely, tak pro nastavení kontextu stránky.

Hlavní postřehy:

  • Testeři preferovali trvalý přístup. Napříč všemi testy byl nejlepším prototypem ten vytrvalý
  • Testeři preferovali více informací. Prototypy, které obsahovaly všechny sekce a podsekce, získaly pozitivnější názory
  • Testeři nechtěli, aby ToC překrýval obsah. Dokonce i v případech, kdy byl doplňkový k hlavnímu ToC v horní části stránky
  • Testerům se líbilo získat představu o poloze na stránce. Poznamenali, že doplňky, jako je zvýraznění nadpisu nebo sekce, jim pomohly s orientací

Výsledky testu byly použity k výběru nejlepšího prototypu. Dále jsme pracovali na tom, aby lépe vyhovoval potřebám účastníků. Zobrazit úplné výsledky tohoto testu.

Testování prototypů s editory

V prosinci 2021 jsme provedli testování prototypu s přihlášenými uživateli na 30 wikinách. Test jsme navrhli tak, abychom získali zpětnou vazbu o použitelnosti a funkčnosti obsahu. Většina ohlasů byla pozitivní. Většině členů komunity se líbí nové umístění a funkce obsahu a podporují tuto změnu.

Shrnutí výsledků testování prototypu
Téma Zpětná vazba Další kroky
ToC Většina zpětné vazby, kterou jsme obdrželi, byla pozitivní, pouze 23 z testovaných 236 uživatelů uvedlo negativní zkušenost s ToC (110 bylo výslovně pozitivní a 38 bylo neutrálních a nepreferovalo ani novou, ani starou verzi) Pokračujte s navrhovaným celkovým návrhem ToC
Rozšiřování sekcí Lidé se přikláněli k tomu, aby měli možnost v případě potřeby sekce rozšířit. Změnili jsme design, abychom umožnili rozšiřování sekcí, když je to možné/na stránce je dostatek místa, a sbalili jsme je pro stránky s delšími ToC, čímž jsme optimalizovali pro zobrazení co nejvyššího počtu sekcí.
ToC na diskusních stránkách Většina lidí, kteří testovali ToC na diskusních stránkách, souhlasila s tím, že by ToC měly mít podobu jako na stránkách s články, a uvedla pozitivní zkušenost s novými ToC. Uživatelé také navrhovali řadu přizpůsobení a nápadů pro ToC na diskusních stránkách, jako je zahrnutí počtu odpovědí pro každé téma nebo počtu lidí účastnících se dané diskuse.
  • Pokračujte s aktuální verzí diskusních stránek pro první A/B test funkce
  • Začněte s požadavky a testováním konfigurací nezbytných pro diskusní stránky v budoucnu (viz phab:T303634 pro budoucí plány)
'Řešení s nižším rozlišením Většina uživatelů preferovala prezentované řešení pro nižší rozlišení. Velký počet lidí však také vyjádřil obavy ohledně jejich schopnosti procházet článek s navrhovaným řešením, které představovalo sekce jako skládací Pokračujeme v diskusích o optimálním řešení s nižším rozlišením pro obsah a prozkoumali jsme několik dalších možností. Pokrok lze sledovat v tomto phab:T306660
Přístup do hlavního menu Velké množství uživatelů nebylo spokojeno s návrhem na zobrazení ToC nebo postranního panelu najednou a vyjádřilo potřebu mít přístup k hlavní nabídce vedle ToC. Obnovili jsme trvalý přístup k postrannímu panelu. Postranní panel a ToC se nyní mohou objevit současně. See our Page Tools page for more details on our plans for the main menu in the future
Kouzelná slova Většina uživatelů navrhla, aby používání kouzelných slov pokračovalo tam, kde je to relevantní Budeme i nadále respektovat všechna magická slova, která neposouvají umístění obsahu po stránce

Kvantitativní testování

Provedeme A/B test funkčnosti aktuální versus nové verze obsahu.

Hlavní otázky:

  1. Je nový obsah se používá častěji než předchozí obsah
  2. Snižuje nový obsah potřebu posouvat se zpět na začátek stránky
  3. Zkracuje nový obsah čas, který lidé stráví rychlým posouváním/posouváním (pokud je to možné)
  4. Jak nový obsah ovlivní čas strávený na stránce

Časté dotazy

Jak mohu získat starý obsah?

Záměrně do článku kromě nového umístění postranního panelu nepřidáváme starý obsah. Je to proto, že zvyšuje celkovou velikost HTML, které je dodáváno klientům, zvyšuje požadavky na úložiště pro naši mezipaměť analyzátoru a vyžaduje další CSS k vykreslení. Je to kompromis, který jsme přijali za snížení práce spojené s údržbou kódu a udržováním optimalizovaného webu.

Uživatelé mohou obnovit starou pozici obsahu pomocí následujícího kódu JavaScript:

document.querySelector('mw\\3Atocplace,meta[property="mw:PageProp/toc"]').replaceWith( document.getElementById('mw-panel-toc') )

Jak magická slova fungují s touto funkcí?

Kouzelné slovo __TOC__ ve Vector 2022 nefunguje, protože obsah je vždy na postranním panelu a nelze to změnit. Nicméně magická slova související s přítomností obsahu nadále fungují, tj. článek může deaktivovat výchozí obsah a v případě potřeby použít svůj vlastní.

Všechna kouzelná slova budou nadále fungovat pro ostatní vzhledy, které vykreslují obsah článku.