Reading/Web/Desktop Improvements/Features/Header/nl
Als onderdeel van het project Desktop Improvements, introduceren we een nieuwe header.
- De eerste iteratie van deze header bevat een opnieuw geconfigureerd logo, van een kleiner formaat (het woordmerk en de slogan blijven echter even groot als ze nu in de skin Vector zitten).
- Later zullen we onderzoeken of deze header "plakkerig (sticky)" kan worden - d.w.z. toegankelijk wanneer een gebruiker naar beneden scrolt op de pagina. Dit geeft lezers en bewerkers toegang tot belangrijke functionaliteiten, zoals het bewerken van de volledige pagina of het bekijken van de overleg- en geschiedenispagina's, zonder dat ze helemaal naar boven hoeven te scrollen.
Functie beschrijving en vereisten
De eerste iteratie van de header bestaat uit het nieuwe logo. De herconfiguratie van het logo stelt ons in staat om toekomstige functionaliteit te bieden, zoals de hierboven genoemde sticky header, evenals gemakkelijke toegang tot de inklapbare zijbalk.
De aanpak die we kozen was om het logo in drie componenten te scheiden - het logo zelf, het woordmerk (de gestileerde naam van de wiki) en de slogan (de tekst die onder het logo staat, bijvoorbeeld "de vrije encyclopedie" voor Wikipedia). Dit zorgt voor meer flexibiliteit bij het definiëren van logo's, zowel voor dit project als voor toekomstige WMF- en gemeenschapsinitiatieven.
Visueel verschijnen de logo's in een horizontale lay-out, met het logo aan de linkerkant en het woordmerk en de slogan direct rechts ervan (zie de schets hieronder).
Ontwerpvereisten en richtlijnen
Het huidige ontwerp zal het logo in een andere configuratie bevatten, zoals hieronder te zien is:
-
Voor en na de eerste iteratie -
Visualisatie van de eerste iteratie op de Hebreeuwse Wikipedia -
Visualisatie van de eerste iteratie op de Japanse Wikipedia
Beperkingen
De nieuwe header- en logo-instelling introduceert andere beperkingen dan voorheen. In het bijzonder:
- De nieuwe logo's zullen afbeeldingstags zijn. Dit betekent dat er rekening moet worden gehouden met caching bij het wijzigen van logo's - d.w.z. het kan een paar dagen duren voordat de bijgewerkte logo's zich door een wiki hebben verspreid.
- De nieuwe logo's worden weergegeven als SVG's. Er zijn geen PNG-fallbacks beschikbaar. Dit betekent dat voor browsers die geen JavaScript hebben, de logo's alleen als tekst worden weergegeven.
- Lees gedetailleerde richtlijnen voor het configureren van logo's.
Gebruikerstesten
We hebben testen op een prototype uitgevoerd met bewerkers op verschillende wiki's. Deze test omvatte de nieuwe versie van de header. De meerderheid van de gebruikers rapporteerde positieve tot neutrale ervaringen met de nieuwe header- en logoconfiguratie. Ongeveer 18 van de 226 betrokken bewerkers (ongeveer 8%) uitten echter hun bezorgdheid over de grootte van het logo. De belangrijkste zorg was dat de nieuwe configuratie van het logo niet zo prominent en gedenkwaardig zou zijn als de huidige configuratie. We delen een aantal van deze zorgen en zullen doorgaan met het verzamelen van feedback zodra de wijziging in productie is op enkele van de wiki's.
We zijn ook van mening dat elk effect dat dit kan hebben, zal worden verminderd zodra een hardnekkige (sticky) header wordt geïntroduceerd. Ons huidige plan voor deze header is om de volledige of gedeeltelijke versie van het logo op te nemen in de hele leeservaring, naast toegang tot andere functionaliteit.
Dat gezegd hebbende, hebben we andere manieren onderzocht om het logo prominenter te maken - waaronder het centreren in het midden van de koptekst, zoals te zien is in dit prototype. Op basis van de feedback die we van de testwiki's hebben ontvangen, zullen we bepalen of dit een richting is die we in de toekomst meer willen verkennen:
Kwantitatief testen
Aangezien de huidige wijzigingen in de koptekst alleen visueel zijn, voeren we geen directe kwantitatieve tests uit voor deze wijziging. We houden echter belangrijke statistieken in de gaten, zoals het maken van een account en paginaweergave, om eventuele algemene effecten op te merken.
Release plan
We zijn in mei 2020 begonnen met het implementeren van de eerste iteratie op Office Wiki en Test Wiki, en zijn van plan om in de komende maanden door te gaan met onze early adopter-wiki's. Meer details