Jump to content

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

From mediawiki.org
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

NB: voor de eerste iteratie van de sticky header zal de header alleen beschikbaar zijn voor ingelogde gebruikers

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. Voor de eerste iteratie van de sticky header, zullen we het triggering gedrag verwijderen en de sticky headers persistent maken op verzoek van een aantal van de redacteuren die betrokken zijn bij de gebruikerstesten. We zullen de wijziging dan eens in productie evalueren. 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.

Resultaten van A/B-test op pilot wiki's

Van 5 januari tot 31 januari 2022 hebben we een A/B-test uitgevoerd om de impact van het inzetten van de sticky header te beoordelen. De test is uitgevoerd op 22 van onze pilot wiki's. Ingelogde gebruikers die in de behandelingsgroep met de nieuwe skin versie zaten, hebben de sticky header gezien terwijl gebruikers in de controlegroep de oude functie kregen te zien.

Het primaire doel van de A/B-test was om de hypothese te testen of de noodzaak om naar de top van de pagina te gaan vermindert. We bestudeerden ook de volgende twee vragen:

  • Wat is het doorklikpercentage (per paginaweergave of per sessie) van elk item op de sticky header?
  • Wat is de verhouding tussen het klikken op items van de sticky header en dat op de overeenkomstige items bovenaan de pagina?

In het algemeen zagen we een gemiddelde daling van 15% in scrolls per sessie door ingelogde gebruikers op de 15 pilot wiki's in de behandelingsgroep, vergeleken met de controlegroep. Dit geeft aan dat onze hypothese correct was - het toevoegen van de sticky header aan de pagina verminderde aanzienlijk de noodzaak om naar de top van de pagina te scrollen.

Volledig rapport.

Resultaten van A/B test voor de bewerkknop in de sticky header

Om de impact van het invoeren van een bewerkknop in de sticky header te evalueren, deden we twee A/B-testen. Deze twee A/B-testen zijn ontworpen om ons te helpen te leren hoe de nieuwe knop in de sticky header de kans beïnvloedt:

  1. Mensen zouden de bewerkingen publiceren die ze hebben aangebracht.
  2. De bewerkingen die mensen publiceerden zullen worden teruggedraaid

Wat we hieronder zien zijn de conclusies die we trekken uit deze A/B-testen en details over de Wikipedia's die aan de testen deelnamen:

  1. Mensen waren meer geneigd om de bewerkingen te voltooien die ze begonnen met het gebruik van sticky header
    Van alle bewerkingen die mensen begonnen tijdens beide A/B-testen, was er een toename van 2,8% en een toename van 6,8% in het percentage mensen dat in staat was om ten minste één bewerking met succes af te ronden met behulp van de bewerkingsknop, in respectievelijk AB Test Experiment #1 en #2. Dit is in vergelijking met bewerkingen die mensen begonnen met het gebruik van andere bewerkingsknoppen op de pagina.
  2. Bewerkingen die mensen begonnen en gepubliceerden met behulp van de sticky header worden minder waarschijnlijk teruggedraaid
    Van alle bewerkingen die mensen publiceerden tijdens beide A/B-testen, hadden de bewerkingen die mensen begonnen te gebruiken met de nieuwe bewerkingsknop minder kans om te worden teruggedraaid dan bewerkingen die met behulp van andere bewerkingsknoppen die op de pagina begonnen waren.

Opmerking: We kunnen bevestigen dat bewerkingen die zijn gepubliceerd met de sticky header minder snel worden teruggedraaid dan bewerkingen die zijn gepubliceerd met andere bewerkingsknoppen op de pagina. Maar we kunnen geen specifiek percentage van het terugdraaien bevestigen en delen vanwege een relatief hoge foutmarge. Testverslag

De eerste test liep tussen 6 juli en 8 augustus 2022 op 15 Wikipedia's. Bij deze projecten kreeg 50% van de mensen die deelnamen aan de A/B-test de sticky header zonder een bewerkingsknop te zien en 50% van de mensen kreeg de sticky header met een bewerkingsknop te zien.

De tweede test werd uitgevoerd tussen 16 augustus en 1 september 2022 op twee Wikipedia's: de Vietnamese en de Indonesische. Bij deze projecten waren er drie testgroepen van dezelfde grootte:

  1. Een controlegroep die de nieuwe sticky header niet heeft gezien of niet heeft kunnen gebruiken
  2. Een controlegroep die de nieuwe sticky header zonder een bewerkknop zag
  3. Een controlegroep die de nieuwe sticky header met een bewerkknop zag


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=7488959"