Reading/Web/Desktop Improvements/Features/Table of contents/nl
Een hoofddoel van het project Desktop Improvements is om veelgebruikte hulpmiddelen toegankelijker te maken voor lezers en redacteuren. Een van de meest cruciale van deze hulpmiddelen is de inhoudsopgave (ToC). Deze functie heeft twee belangrijke functies. Het geeft informatie over de context en maakt het mogelijk om tussen pagina's te navigeren.
De ToC is nu alleen beschikbaar aan de bovenkant van de pagina, waardoor het nut ervan beperkt is. We willen het persistent maken, dat wil zeggen dat op de hele pagina beschikbaar is. Ons doel is om het voor lezers en redacteuren gemakkelijker te maken om de inhoudsopgave te bereiken. We willen het makkelijker maken om context te krijgen en door de hele pagina te navigeren zonder naar de top te scrollen.
Achtergrond en doelen
We willen graag dat de interface, inclusief de navigatie-elementen, gebruiksvriendelijker wordt. Tot nu toe hebben we een inklapbare zijbalk en een sticky header gebouwd. Nu werken we aan een nieuwe inhoudsopgave.
Actueel:
- De huidige ToC is alleen beschikbaar aan de bovenkant van de pagina. Het is moeilijk om de context te krijgen en te navigeren binnen de pagina zonder helemaal naar boven te scrollen
- Voor pagina's met een lange inleiding is de inhoudsopgave niet zichtbaar totdat u een beetje naar beneden scrolt
- Gebruikers gebruiken de inhoudsopgave om een mentaal model van de pagina te maken. Dit is vergelijkbaar met de rol van de inleiding. Gebruikers leren wat de pagina bevat, hoe lang het kan zijn, welke delen het langste kunnen zijn, enz. Dit gaat verloren zonder het vermogen om vaker naar de inhoudsopgave te kijken
- De inhoudsopgave creëert veel ongebruikte ruimte in het gebied voor de inhoud. Deze ruimte kan worden gebruikt voor het weergeven van inhoud en andere functies
De nieuwe, op het scherm blijvende, inhoudsopgave zal het voor lezers gemakkelijker maken om
- de context van de pagina te begrijpen
- Naar verschillende delen van de pagina te navigeren zonder elke keer naar de bovenkant van de pagina te hoeven scrollen als ze toegang willen tot de inhoudsopgave
Use-cases
- Als lezer of redacteur wil ik de mogelijkheid hebben om context (inhoud en structuur) te krijgen over de pagina die ik ga lezen
- Als lezer of redacteur wil ik de mogelijkheid om de volgende secties op de pagina te lezen op elke locatie van de pagina zodat ik kan kiezen wat ik ga lezen
- Als lezer of redacteur wil ik dat men weet hoeveel secties er op een pagina zijn zonder dat men helemaal naar boven moet scrollen
Functie beschrijving en vereisten
De inhoudsopgave zal aanhoudend aan één kant van de pagina worden getoond. Het bevat alle secties en subsecties die beschikbaar waren in eerdere versies van de inhoudsopgave.
De ToC bevat de volgende functionaliteiten:
- Inklapbare subsecties - voor gebruikers die alleen het hoogste niveau van de sectiekop willen bekijken
- Sectie vet weergeven - de sectie op de pagina wordt vetgedrukt weergegeven. Gebruikers kunnen zien waar ze zich op de pagina bevinden door het kijken waar het vet is in de inhoudsopgave
- Navigatie - bij het selecteren van een sectie in de inhoudsopgave gaat u naar dat gedeelte op de pagina
- Voor schermen kleiner dan 1000px, zal de inhoudsopgave ingevouwen zijn en de sectie titels worden gebruikt als een inhoudsopgave
- De nieuwe inhoudsopgave prototypes in taalversies van Wikipedia
-
-
-
-
-
-
-
.png)
.png)
.png)
Ontwerpvereisten en richtlijnen
Prototype
Algemene functionaliteit inhoudsopgave: https://en-toc.wmcloud.org/wiki/Moon
Invouwbare sectie functionaliteit: https://di-toc-collapsible-sections.web.app/Aretha_Franklin
Kwalitatief testen
Gebruikerstesten met Lezers en Bewerkers
We hebben gebruikerstesten van de inhoudsopgave uitgevoerd met lezers en bewerkers. De testen vonden plaats in drie locaties (Argentinië, Ghana en Indonesië) en in verschillende talen. De deelnemers werd gevraagd om te werken met verschillende versies van een persistente inhoudstabel. Hun taak was om feedback te geven over hun voorkeur voor een versie. De test omvatte ook een open studie van de manier waarop lezers en bewerkers de inhoudstabel zagen en gebruikten.
Alle gebruikers vonden de inhoudsopgave essentieel voor de lezerservaring. Ze hadden het nodig voor zowel navigatie als voor het begrijpen van de context voor de pagina.
Belangrijkste observaties:
- De testers hebben voorkeur gegeven aan een persistente toegang. Dat prototype vonden ze het beste.
- Testers hadden liever meer informatie. Prototypes die alle secties en subsecties bevatten, kregen meer positieve meningen
- Testers wilden niet dat de inhoudsopgave de inhoud zou overlappen. Zelfs in de gevallen waarin het een aanvulling was op de hoofdinhoudsopgave bovenaan de pagina
- Testers vonden het fijn om een gevoel van locatie binnen de pagina te krijgen. Ze merkten op dat toevoegingen zoals het vetgedrukt maken van de titel of de sectie hielpen bij hun oriëntatie
De resultaten van de test werden gebruikt om het beste prototype te selecteren. Vervolgens werkten we er aan om beter aan de behoeften van de deelnemers tegemoet te komen. Volledige testresultaten
- Prototypes voor verschillende versies van de inhoudsopgave
-
-
-
-
-
Prototype testen door bewerkers
In december 2021 hebben we prototype-testen uitgevoerd met ingelogde gebruikers op 30 wiki's. We hebben de test ontworpen om feedback te verzamelen over de bruikbaarheid en functionaliteit van de inhoudsopgave. De meeste reacties waren positief. De meeste leden van de gemeenschap vinden de nieuwe locatie en de functionaliteit van de inhoudsopgave goed en steunen de verandering.
| Onderwerp | Feedback | Volgende stappen |
|---|---|---|
| ToC | De meeste reacties die we kregen waren positief, met slechts 23 van de geteste 236 gebruikers die een negatieve ervaring met de Inhoudsopgave meldden (110 waren expliciet positief, 38 waren neutraal) | Het voorgestelde ontwerp wordt voortgezet. |
| Uitgebreide secties | Mensen neigden ernaar om secties zo nodig te willen kunnen uitbreiden. | We hebben het ontwerp veranderd om secties te vergroten wanneer er mogelijk/voldoende ruimte beschikbaar is op de pagina, en ze ineen te vouwen voor pagina's met langere inhoudsopgaven, waardoor het is geoptimaliseerd om het grootste aantal secties mogelijk te zien |
| Inhoudsopgave op overlegpagina's | De meerderheid van de mensen die de inhoudsopgave op overlegpagina's hebben getest, was het eens dat het de vorm zou moeten nemen die het op artikelpagina's heeft en meldde een positieve ervaring met de nieuwe inhoudsopgave. Gebruikers stelden ook een aantal aanpassingen en ideeën voor de overlegpagina's voor, zoals het opnemen van het aantal reacties bij elk onderwerp, of het aantal mensen dat deelneemt aan een bepaalde discussie |
|
| Oplossingen met lagere resolutie | De meerderheid van de gebruikers geeft de voorgestelde oplossing voor lagere resoluties de voorkeur. Een groot aantal mensen heeft echter ook hun bezorgdheid uitgesproken over hun vermogen om in het artikel te navigeren met de voorgestelde oplossing die secties als vouwbaar voorstelde. | We zetten de discussies voort voor de optimale oplossing met een lagere resolutie voor de inhoudsopgave en hebben nog een paar opties onderzocht. De voortgang kan worden gevolgd op phab:T306660. |
| Toegang tot het hoofdmenu | Een groot aantal gebruikers was ontevreden met het voorstel om de inhoudsopgave of de zijbalk tegelijk te laten zien en zeiden dat zij toegang nodig hadden tot het hoofdmenu naast de inhoudsopgave. | We hebben de blijvende toegang tot de zijbalk hersteld. De zijbalk en de inhoudsopgave kunnen nu tegelijk worden getoond. Zie Pagina-hulpmiddelen voor onze plannen over het hoofdmenu. |
| Magische woorden | De meeste gebruikers stelden voor dat het gebruik van magische woorden zou moeten blijven waar nodig. | We zullen alle magische woorden blijven respecteren die de locatie van de inhoudsopgave niet over de pagina verplaatsen |
Kwantitatief testen
We zullen een A/B-test uitvoeren van de functionaliteit van de huidige versie van de inhoudsopgave.
Belangrijkste vragen:
- Wordt de nieuwe inhoudsopgave vaker gebruikt dan de vorige inhoudsopgave?
- Vermindert de nieuwe inhoudsopgave de noodzaak om naar de top van de pagina te scrollen?
- Vermindert de nieuwe inhoudsopgave de tijd die mensen doorbrengen om snel te scrollen/scrollen (indien mogelijk)?
- Heeft de nieuwe inhoudsopgave invloed op de tijd die wordt besteed aan een pagina?
Veelgestelde vragen
Hoe kan ik de oude inhoudsopgave krijgen?
We voegen de oude inhoudsopgave opzettelijk niet toe aan de nieuwe locatie in de zijbalk. Dit komt omdat het de totale grootte van HTML verhoogt die wordt verzonden naar klanten, en daarmee ook de opslagvereiste voor onze parser-cache verhoogt, en het extra CSS vereist om te renderen. Het is een afweging die we hebben genomen om het werk te verminderen dat nodig is om de code te onderhouden en de site te optimaliseren.
Gebruikers kunnen de oude inhoudsopgavepositie herstellen met de volgende JavaScript-code:
document.querySelector('mw\\3Atocplace,meta[property="mw:PageProp/toc"]').replaceWith( document.getElementById('mw-panel-toc') )
Hoe werken magische woorden met deze functie?
Het magische woord __TOC__ werkt niet in Vector 2022 omdat de inhoudsopgave altijd in de zijbalk staat en dit niet kan worden gewijzigd. Maar magische woorden met betrekking tot de aanwezigheid van een inhoudsopgave blijven werken, d.w.z. een artikel kan de standaard inhoudsopgave uitschakelen en indien nodig zijn eigen versie toepassen.
Alle magische woorden blijven werken voor andere skins die de inhoudsopgave in het artikel weergeven.