MediaWiki

Reading/Web/Desktop Improvements/Features/Sticky Header/nl

< Reading | Web | Desktop Improvements | Features
This page is a translated version of the page Reading/Web/Desktop Improvements/Features/Sticky Header and the translation is 100% complete.
Languages:
Bijgehouden in Phabricator
Taak T283505

Als deel het project Desktop Improvements, zullen we de veelgebruikte hulpmiddelen wijzigen die voorheen alleen bovenaan de pagina beschikbaar waren. De nieuwe functionaliteit geeft toegang tot deze hulpmiddelen op de hele pagina via een "sticky" of "fixed" header. Ons doel is het voor lezers en redacteuren gemakkelijker te maken om toegang te krijgen tot deze hulpmiddelen. We beseffen dat ze nu vaak helemaal naar de top van de pagina moeten scrollen.

Achtergrond en doelen

Nu zijn veel functionaliteiten op wiki-pagina's alleen beschikbaar voor gebruikers bovenaan de pagina en/of in het linkerpaneel van de pagina. Dit wordt problematisch op langere pagina's, wanneer de gebruiker de eerste paar alinea's voorbij scrolt, betekent dat hij terug moet scrollen om weer toegang te krijgen tot de hulpmiddelen en andere bronnen. Onze voorgestelde methode om dit aan te pakken is om de siteheader "sticky" te maken. Dit betekent dat het aan de bovenkant van het scherm (boven de inhoud) blijft staan u naar boven of naar beneden gaat scrollen.

Bovendien bieden wij onze lezers en medewerkers nu weinig oriëntatie over de pagina. Dit maakt het moeilijk om een pagina van de andere te onderscheiden.

Ons doel is:

  • De functionaliteit en context aanbieden op de hele pagina.
  • De tijd verminderen die lezers en redacteuren besteden aan het scrollen naar boven en naar beneden van de pagina voor navigatie-doeleinden.

Testgevallen

  • Als lezer wil ik altijd weten welk artikel ik lees, zodat ik mij gemakkelijk kan oriënteren op de site.
  • Als redacteur wil ik de mogelijkheid hebben om toegang te krijgen tot belangrijke functies (bijvoorbeeld bewerken, naar de geschiedenispagina of de overlegpagina van het artikel) van overal op de pagina, zodat ik geen tijd verspil wanneer ik naar boven ga.
  • Als meertalige lezer wil ik het vermogen om overal van taal te kunnen wisselen, zodat ik direct kan wisselen nadat ik een verwarrend woord of zin heb gevonden.

Functiebeschrijving en vereisten

Een sticky/fixed header verschijnt bovenaan de pagina zodra een gebruiker langs de huidige header op de pagina scrollt.

  • Voor anonieme gebruikers bevat de kop het volgende:
    • Wiki-logo
    • Zoeken
    • Paginanaam
    • Sectienaam
  • Voor ingelogde gebruikers bevat de kop het volgende:
    • Wiki-logo
    • Menu Hulpmiddelen (zie pagina gebruikershulpmiddelen)
    • Zoeken
    • Paginanaam
    • Sectienaam
    • Link naar overlegpagina
    • Link naar geschiedenispagina
    • Link naar bron en/of bewerking (volgens de voorkeuren van de wiki's zelf)
    • Functionaliteit voor het wisselen van taal

Het gedrag van het scrollen van de header moet zich aanpassen aan de behoeften van ingelogde gebruikers

  • Opmerking: we testen nu een verscheidenheid aan gedrag bij scrollen en triggers, waaronder het toestaan van de header te verschijnen bij het scrollen naar boven van de pagina en bij het wisselen van tabbladen. We zullen ook onderzoeken hoe de koptekst op een permanente manier kan worden weergegeven

De header moet zich aanpassen bij lagere schermresoluties (tot 500px)

Ontwerpvereisten en richtlijnen

Prototype

https://people.wikimedia.org/~jdrewniak/dip/p4.html#/en/wiki/Moon

Anonieme gebruikers

Note: for the first iteration of the sticky header, the header will only be available for logged-in users

 
Prototype van de voorgestelde "sticky" header functionaliteit op Wikimedia wiki's voor anonieme gebruikers

Ingelogde gebruikers

 
Prototype van de voorgestelde "sticky" header functionaliteit op Wikimedia wiki's voor ingelogde gebruikers

Kwantitatief testen

Gebruikerstesten

Belangrijkste pagina: Sticky Header and Table of Contents User Testing

We hebben gebruikerstesten uitgevoerd van de sticky header met lezers en redacteuren op drie locaties en talen met het doel om te bepalen welke functionaliteit de hoogste prioriteit had om in een sticky header te worden opgenomen. For the first iteration of the sticky header, we will be removing triggering behavior and making the sticky header persistent as per request of a number of the editors involved in the user testing. We will then evaluate the change once live. We hebben ook de bruikbaarheid getest van ons huidige prototype.

De resultaten van de test werden gebruikt om de links die beschikbaar zijn binnen de header te herhalen, evenals het sturende en blijvende gedrag van de header. Volledige testresultaten

Prototype-test

In mei 2021 hebben we prototype-testen uitgevoerd met ingelogde gebruikers op 30 wiki's. De test is ontworpen om feedback te verzamelen over de bruikbaarheid en functionaliteit van de sticky header en het gebruikersmenu.

Onze voorlopige resultaten tonen aan dat een overweldigende meerderheid van de testdeelnemers positieve ervaringen heeft met een sticky header. De deelnemers vermeldden dat zij van de mogelijkheid genieten om vanaf elk deel van de pagina toegang te krijgen tot belangrijke functies.

Een groot aantal deelnemers (~ 20%) gaf echter aan dat er problemen waren met het uiterlijk van de sticky header zelf. De meerderheid van deze deelnemers gaf aan dat zij wensen dat de kop blijvend op de pagina verschijnt in plaats van door een verscheidenheid aan triggers. Sommige deelnemers gaven aan dat zij, hoewel zij genoten van het verschijnen van de header naar een trigger, problemen hadden met het snelle verschijnen/verdwijnen van de header.

Als volgende stap zullen we de triggers bekijken die zorgen dat de header verschijnt / verdwijnt. We zijn ook van plan om verder te experimenteren met de sticky header kop die blijvend op de pagina staat. Deze wijzigingen zullen naar verwachting verschijnen in de eerste iteratie van de sticky header die wordt ingezet op onze pilot-wiki's.

Kwantitatief testen

We zullen het gebruik van de links in de sticky header op onze pilot-wiki's volgen na onze eerste invoering. Wij verwachten een kleine maar aanzienlijke toename van de toegang tot sommige van deze links, met name de overlegpagina en de geschiedenispagina.

Results from A/B test on pilot wikis

From Jan 5 to Jan 31, 2022, we ran an A/B test to assess the impact of deploying the sticky header. The test ran on 22 of our pilot wikis. Logged-in users who were assigned to the treatment group with the new skin version saw the sticky header while users in the control group saw the old feature.

The primary goal of the AB test was to test the hypothesis that the sticky header decreases the need to stroll to the top of the page. We also studied following two questions:

  • What is the clickthrough rate (per pageview or per session) of each item on the sticky header?
  • What is the ratio of clicks of sticky header items to the corresponding items at the top of the page?

Overall, there was an average 15% decrease in scrolls per session by logged-in users on the 15 pilot wikis in the treatment group (with the new sticky header), compared to the control group (without the sticky header). This indicates that our hypothesis was correct - adding the sticky header to the page reduced the need to scroll to the top of the page significantly.

The full report is available at this link.

Results from A/B test for edit button in the sticky header

To evaluate the impact of introducing an "edit" button within the sticky header, we ran two A/B tests. These two A/B tests were designed to help us learn how the new edit button within the sticky header impacted the likelihood:

  1. People would publish the edits they started
  2. The edits people published would get reverted

What follows are the conclusions we're drawing from these A/B tests and details about the Wikipedias that participated in them:

  1. People were more likely to complete the edits they start using the sticky header
    Of all the edits people initiated throughout both A/B tests, there was a 2.8% and a 6.8% increase in the percent of people who were able to successfully complete at least one edit using the edit button within the sticky header, in AB Test Experiment #1 and #2 respectively. This is in comparison to edits people started using other edit buttons present on the page.
  2. Edits people initiated and published using the sticky header were less likely to be reverted
    Of all the edits people published throughout both A/B tests, the edits people started using the new edit button within the sticky header were less likely to be reverted than edits started using other edit buttons present on the page.

Note: We are able to confirm that edits published using the sticky header were less likely to be reverted than edits publishing using other edit buttons present on the page. Hovewer, we are unable to confirm and share a specific percentage decrease in revert rates because of a relatively high margin of error. Learn more in the test report.

The first test ran between 6 July and 8 August 2022 on 15 Wikipedias. At these projects, 50% of people included in the A/B test were shown the sticky header without an edit button within it and 50% of people were shown the sticky header with an edit button within it.

The second test ran between 16 August and 1 September 2022 on two Wikipedias: Vietnamese and Indonesian. At these projects, there were three equally-sized test groups:

  1. A control group that did not see or have access to the new sticky header
  2. A treatment group that saw the new sticky header without an edit button within it
  3. A treatment group that saw the sticky header with an edit button within it.

Veelgestelde vragen

Mijn sjablonen gebruiken sticky elementen. Hoe zorg ik ervoor dat ze de sticky header niet overlappen?

Voeg de class .mw-sticky-header-element toe aan alle elementen die u aan de onderkant van de header wilt plakken. 

mw.util.addPortletLink('p-personal-sticky-header', '#', 'test', 'myfeatureid')
mw.util.addCSS('.mw-ui-icon-vector-gadget-myfeatureid:before { background-image: url(/w/resources/lib/ooui/themes/wikimediaui/images/icons/code.svg); }' );

Hoe voeg ik pictogrammen toe aan de sticky header

Wij ondersteunen nu niet officieel de uitbreiding van de sticky headers op deze manier.

Waarom is er geen taalknop in mijn sticky header?

Ga naar voorkeuren en tik het vak "Een compacte taallijst gebruiken, met voor u relevante talen". om talen in de sticky header in te schakelen.

Waarom wordt de sticky header niet weergegeven op een bepaalde pagina?

De sticky header is nu alleen zichtbaar voor ingelogde gebruikers op moderne browsers bij toegestane acties en toegestane namespaces wanneer de gebruiker op de pagina naar beneden heeft gescrolld. Op het moment van schrijven is het alleen ingeschakeld op namespaces: Main, Main talk, User, User talk, Wikipedia, Template, Help, Category, Portal, Module[1] maar niet oude revisies, diffs, geschiedenis of bewerkingspagina's[2].

Zie ook

Referenties

  1. ↑ https://github.com/wikimedia/vector/blob/master/resources/skins.vector.es6/stickyHeader.js#L535
  2. ↑ https://github.com/wikimedia/Vector/blob/master/resources/skins.vector.es6/stickyHeader.js#L548
Retrieved from "https://www.mediawiki.org/w/index.php?title=Reading/Web/Desktop_Improvements/Features/Sticky_Header/nl&oldid=6952423"