Reading/Web/Desktop Improvements/Repository/Research and design: Fase 1/nl
Ons onderzoeks- en ontwerpproces voor het project Desktop verbeteringen begon in mei 2019. Op dat moment was het project nog niet goed gedefinieerd (in termen van reikwijdte, vereisten, tijdlijn), dus gedeeltelijk was dit onderzoek en ontwerp bedoeld om te helpen bij het definiëren van het project, maar dat was niet het primaire doel. Fase I ging vooral over onderzoeken en onderzoeken, uitzoeken waar we waarde kunnen creëren, en focus zoeken.
We begonnen met het overwegen van de huidige standaardervaring op desktop (Vector) en vroegen onszelf af: op welke manieren kunnen we dit verbeteren? Waar zijn de mogelijkheden om de interface te wijzigen om een betere ervaring voor alle lezers en redacteuren te creëren? Hoe kunnen we het voor mensen gemakkelijker maken om de dingen te doen die ze willen doen? Hoe kunnen we een aangenamer leesomgeving creëren?
Om het gesprek te helpen is hier een basiskaart van de belangrijkste elementen in Vector die een uitgelogde gebruiker ziet:
.png)
Onderzoek en ontwerp
De onderzoek- en ontwerpactiviteiten waarin wij deelnamen om deze vragen te onderzoeken (zie toegevoegde alinea):
- Inzicht in de geschiedenis van de desktopinterface
- Het lezen van eerder Wikipedia-onderzoek uitgevoerd door de Wikimedia Foundation, andere onderzoeksinstellingen en individuen
- Discussies in ons team off-site om een gedeeld begrip van het project te ontwikkelen en ideeën te genereren
- Winter, Timeless en andere Wikipedia herontwerpen
- Lezen over herontwerpen/updates van andere grote websites (Reddit, Twitter, etc.)
- Het uitvoeren van een audit van andere grote websites om gemeenschappelijke structurele elementen te verzamelen
Beoogde uitvoer
De uitvoer van fase 1 was: een beter begrip van de desktopinterface en voorgestelde aandachtsgebieden voor verbeteringen. We hadden geen strikte criteria voor wat een aandachtsgebied zou kunnen zijn. Over het algemeen was het een idee van een verbetering die we konden aanbrengen, zij het op verschillende niveaus van specificiteit, zoals: een minder rommelige leeservaring of gemak van het wisselen van taal.
Aandachtsgebieden
De voorgestelde aandachtsgebieden zijn:
- Het creëren van een meer gerichte en "stille" leesomgeving door het consolideren of optioneel samenvouwen van navigatielinks, waaronder:
- Navigatie in de hoofdzijbalk
- Artikel hulpmiddelen
- Hulpmiddelen voor de gebruiker
- Taal wisselen
- Zoeken
- Artikel navigatie / inhoudsopgave
Aanvullende, meer functie-specifieke, ideeën die naar voren kwamen: leesvoorkeuren (bijv. donkere modus), deelknop, grotere bewerkknop / knop nieuw artikel toevoegen (voor kleinere wiki's) / het duidelijker maken van de werking van "meedoen", artikelstatistieken / activiteitenoverzicht.
Geschiedenis van de desktop interface
De resultaten van dit onderzoek zijn hier te vinden.
Eerdere onderzoeken
Onderzoek uitgevoerd door de Wikimedia Foundation (van hoofdrepository)
Ervaringen met de nieuwe editor (2017)
- "Bevinding 5. De complexiteit en scheiding van de manier waarop Wikipedia is gemaakt, en de gemeenschap erachter, maken het moeilijk om lezers om te zetten in redacteuren, en nieuwe redacteuren in ervaren redacteuren. Veel nieuwe bewerkers waren in de war over hoe Wikipedia werkt, of waren zich er niet van bewust dat hun begrip van het model onjuist was. Sommigen dachten dat Wikipedia alleen werd bewerkt door experts of een kleine groep, totdat ze de bewerkingsfunctie opmerkten of ontdekten dat iedereen buiten Wikipedia kon bewerken (bijvoorbeeld via nieuwsartikelen, vrienden of sociale media). Toen ze eenmaal begonnen met bewerken, begrepen de meeste nieuwe bewerkers het beleid van Wikipedia en de grondgedachte erachter niet, en waren ze niet op de hoogte van of hadden ze geen interactie gehad met andere bewerkers." (blz. 19)
- "Bevinding 9. Bewerkingsprocessen en de mechanismen die ze ondersteunen (bijv. communicatie met andere bewerkers, hulppagina's) zijn niet intuïtief of vindbaar, waardoor het voor nieuwe bewerkers moeilijk is om te leren en vooruitgang te boeken. Veel nieuwe bewerkers die niet behouden waren, hadden moeite om de basisprincipes van het bewerken te onthouden (bijv. hoe in te loggen, hun gebruikersnaam, waar de bewerkingsinterface zich bevindt), waardoor het voor hen moeilijk was om hun bewerkingen te repliceren en terugkerende bewerkers te worden. Veel nieuwe bewerkers, zowel behouden als niet-behouden, waren niet op de hoogte van of in de war over de meer geavanceerde bewerkingsfuncties en de processen die hen ondersteunen (bijv. hoe te praten met of waar berichten te ontvangen van andere gebruikers, waar hulp te vinden of vragen te stellen)." (blz.25)
Enquête onder lezers (2011)
- Brede enquête over lezen
- Bevinding B: Ongeveer 32% van onze lezers zei dat ze extreem/zeer waarschijnlijk (score van 9+ uit 10) Wikipedia meer zouden gebruiken als de zoekfunctionaliteit werd verbeterd. Beter zoeken kwam naar voren als de meest gewenste functie, boven andere, zoals meer multimedia-inhoud, een betere mobiele site, een simplistischer ontwerp, enzovoort. "Enkele van de zoekfuncties die door deze lezers werden gewenst, waren: automatisch aanvullen voor zoektermen en beter zoeken op trefwoorden voor zowel Portugese als Indische talen, en ook transliteratieplug-ins voor Indiase talen."
- Dit bewijst dat zoeken relevant is. Hoewel we niet van plan zijn ons te concentreren op functionele verbeteringen in de zoekfunctie, is het handig om te weten dat het een belangrijke functie is voor mensen en daarom lijkt het een goed idee om de bekendheid te vergroten
- Ze maten vertrouwen en andere "kwaliteitsmaatstaven"
- "Lezers vergelijken Wikipedia gunstig met de meeste grote websites" "Lezers uit alle 16 landen in onze steekproef vergeleken de interface en het navigatiegemak van Wikipedia met andere internet eigenschappen. Als we de steekproef als geheel bekijken, werd Wikipedia (8,09 op 10) op deze metingen op een goede tweede plaats beoordeeld na Google (8,44)."
Nieuwe lezersgegevens: Enkele dingen die we onlangs hebben geleerd over hoe Wikipedia wordt gelezen (2016)
- Vergelijkbare conclusies als Hoe de structuur van Wikipedia-artikelen de gebruikersnavigatie beïnvloedt (2017) - in feite brengen mensen meer tijd door in de top van het artikel
- Interessant is dat de bovenkant van het artikel de plek is waar de meeste omringende rommel staat
Academische documenten
Hoe de structuur van Wikipedia-artikelen de navigatie door gebruikers beïnvloedt (2017)
- Dit artikel is gericht op hoe mensen de informatie vinden die ze zoeken binnen "informatienetwerken", met name gericht op het navigeren via links. Hun belangrijkste conclusie is dat mensen meestal op de links in de hoofdalinea of infobox van een artikel klikken:
- "Onze resultaten suggereren dat de artikelstructuur een sterke invloed heeft op de navigatie. We vinden bewijs dat een groot deel van de klikken van gebruikers naar links in de hoofdsectie of een infobox gaat. Voor vrije Wikipedia-navigatie kunnen navigatiebeslissingen het best worden verklaard door een voorkeur voor de artikelstructuur, waarbij de voorkeur wordt gegeven aan links die zich bovenaan het artikel bevinden.
- Ze bespreken hoe mensen een pagina in eerste instantie scannen om erachter te komen of de pagina de informatie bevat waarnaar ze op zoek zijn:
- "Het is gebleken dat internetgebruikers snel kunnen beslissen of een pagina hun interesse waard is. Weinreich e.a. (2006) rapporteren dat gebruikers slechts voor een korte periode op de meeste pagina's blijven en dat 52% van alle bezoeken korter dan 10 seconden zijn. Webgebruikers bladeren vaak eerst een pagina af om de relevantie ervan te bepalen (Liu, White en Dumais, 2010; Liu e.a., 2014). Dit gedrag komt ook tot uiting in de analyse van kliklocaties: in een onderzoek werd 76,5% van de klikken gemaakt in het gebied dat zichtbaar was zonder te scrollen en 45% op links in de linkerbovenhoek (Weinreich e.a., 2006)."
- Op basis hiervan kunnen we de conclusie trekken dat het weergeven van al deze extra links in de zijbalk misschien niet erg effectief is en het in feite moeilijker kan maken voor lezers om te vinden wat ze nodig hebben
Een grootschalig onderzoek naar de kwaliteit van de ervaring van Wikipedia-gebruikers (2019)
- Deze studie richt zich op de "kwaliteit van de ervaring", die uitsluitend wordt bepaald door de laadsnelheid. Ze ondervroegen 62 mensen van 59 verschillende IP-adressen op 46 Wikipedia-pagina's. Ze gebruikten een snelle enquête om mensen te vragen of de site snel genoeg laadde.
- De bevindingen waren dat de overgrote meerderheid van de mensen tevreden was met de laadtijd en de site daarom als een kwaliteitservaring beschouwde - de uitsplitsing was positief (84,8%), neutraal (7,7%), negatief (7,5%).
- "De belangrijkste conclusies in onze analyse zijn dat gebruikers consequent tevreden zijn en dat scores geen seizoensgebondenheid vertonen op circa- dagelijkse of wekelijkse tijdschalen, wat onverwacht is. Verrassend genoeg worden scores ook niet beïnvloed door netwerkgerelateerde gebeurtenissen (bijv. omschakeling van datacenters) die tijdens de periode plaatsvinden, noch door Wikipedia-gerelateerde gebeurtenissen (bijv. bannercampagnes die de paginaweergave wijzigen) of door bekende browsergebeurtenissen (bijv. Chrome 69 eerste verf regressie"
- "Bovendien zien we dat scores, zoals verwacht, sterk worden beïnvloed door expertise en apparatuur op gebruikersniveau (bijv. apparaat, besturingssysteem en webbrowser), evenals kenmerken op netwerk- en landniveau (inclusief toegangstechnologieën, ISP en economische factoren). Interessant is dat scores niet worden beïnvloed door de paginagrootte van Wikipedia, noch door de prijs van het apparaat (tenzij economische factoren ook worden meegewogen)." Een verklaring waarom mensen met meer expertise op gebruikersniveau waarschijnlijk meer tevreden zijn met de laadtijd, is dat ze eraan gewend zijn geraakt en het niet noodzakelijkerwijs vergelijken met andere websites (zoals minder frequente bezoekers misschien doen).
- Mogelijke implicaties voor dit project: 1) de site presteert al zeer goed, wat zou kunnen suggereren dat het niet belangrijk is om te proberen verder te verbeteren, 2) prestaties spelen een grote rol in de kwaliteitsperceptie en daarom moeten we ons bewust zijn van het handhaven van de huidige status-quo
Snelle duik in het lezersgedrag (2015)
- Klein onderzoek (12 deelnemers), alleen gericht op mobiele devices
- Merk op dat mensen niet veel gebruik maken van Wikipedia zoekopdrachten
- Een deel van dit is omdat het niet goed werkt met zoekwoorden - "Sterke zoek mentale modellen omvatten zoekwoorden. Het kan uitdagend zijn om een relevante Wikipedia-artikelen te vinden met behulp van zoekwoorden in EN:wiki" (dia)
- Merk ook op dat één persoon moeite had met het vinden van een zoekopdracht, en dat dit in eerdere tests naar voren kwam - "Moeilijk om wiki-zoekopdrachten te vinden... heb dit eerder gezien in guerrillatests)" (dia)
Discussies bij team offsite
Ons team had een offsite in Praag van 12 tot 15 mei 2019. We hadden drie sessies over verschillende aspecten van het project. Het algemene doel was om een gedeeld (opkomend) begrip van het project te ontwikkelen en ideeën te genereren voor het soort werk dat gedaan moest worden. De eerste sessie was een bespreking van de geschiedenis van de desktop interface. De tweede was gericht op inkadering en ontwerp, en omvatte een brainstormactiviteit om mogelijke aandachtsgebieden voor verbeteringen te genereren.
[TBD - Alex to add images of the framing concepts from the presentation — inclusivity, flexible container, populations graph]
Hier is de uitvoer ingedeeld in categorieën:
|
Zijbalk en Navigatie
|
Bewerken
|
Taal
|
|
Leesfuncties
|
Inhoud
|
Zoeken
|
|
Diversen
|
De derde sessie ging over de technische aspecten van het project, de omvang en de tijdlijn.
Winter, Timeless en andere Wikipedia herontwerpen
Winter (2014)
Winter was in 2014 een voorstel voor een nieuwe skin. Volgens de projectpagina: "Winter probeert verschillende problemen op te lossen die inherent zijn aan de Vector-skin/interface. Bovendien dient het om een moderne look en feel te injecteren en te dienen als een showcase en prototypebed voor nieuwe functies en ontwerpwijzigingen." De gestelde doelen van het ontwerp zijn:
- Koppel pagina-acties en weergaven (lezen, geschiedenis, overleg, bewerken, enz.) nauw aan de pagina-inhoud zelf
- Verminder de rommel in de interface (feitelijk of waargenomen) om te kunnen concentreren op de inhoud
- Synchroniseer de ontwerprichting op verschillende apparaten en platforms
- Maak de zoekfunctie te allen tijde beschikbaar.
- Zorg ervoor dat de gebruiker te allen tijde hulpmiddelen ter beschikking heeft.
- Betere functies voor oppervlakteverkenning, zoals verbindingen tussen projecten en tussen talen.
- Stimuleer verder "wat als" ontwerp.
- Verbeter over het algemeen de algehele esthetiek van de interface.
Een aantal opmerkelijke aspecten van het ontwerp zijn:
- Vaste kop met zoekopdracht, dropdown van de inhoud, sommige pagina-hulpmiddelen en gebruikershulpmiddelen
- Pagina hulpmiddelen (Bewerken, Geswchiedenis, enz.) gelegen onder de pagina-titel in plaats van boven
- Beschrijvende knoptitels (bv. "39 discussies" in plaats van "Overleg" en "10 dagen geleden gewijzigd" in plaats of "Geschiedenis")
- Taalschakelaar en categorieën naar boven verplaatst, gelegen links van het artikel
- Responsieve lay-out
- Subtiel onderscheid tussen "Volgen" en "Volglijst"
Timeless (2015)
Timeless is een MediaWiki-skin die in 2015 is ontwikkeld. Volgens de MediaWiki-pagina was het "gebaseerd op Winter en een poging om alle verstandige dingen die in deze discussie geschreven zijn in een skin te verwerken. Enkele opvallende aspecten van het interface-ontwerp:
- Vaste kop met een prominente zoekbalk
- Pagina-hulpmiddelen aan de rechterkant van het artikel (als het scherm groot genoeg is)
- Taallinks boven de vouw, links van het artikel, wanneer het scherm klein genoeg is
- Responsieve lay-out
- Gebruikershulpmiddelen geconsolideerd in een dropdownmenu
- Artikelinhoud beperkt tot ~820px
- Ster i.v.m. volgen naar links verplaatst, naast Overleg
- Categorieën naar boven verplaatsten
Wikiwand
Wikiwand is een eigen Wikipedia-lezerswebsite en -app. Het ondersteunt geen bewerkingsworkflows; bewerkingshulpmiddelen (Geschiedenis, Bewerken, enz.) zijn aanwezig, maar als u erop klikt, gaat u naar Wikipedia. Enkele opvallende aspecten van het interface-ontwerp:
- Opvallende inhoudsopgave links van het artikel (dit is vouwbaar)
- Afbeelding van het artikel bovenop
- Inhoudsbreedte beperkt tot 75% van de schermbreedte
- Alle afbeeldingen naar rechts van het artikeltekst
- Serif body font
- Doorverwijs inhoud (dubbelzinnig) verborgen onder een pictogram
- Functie "Verbonden met"
- Lees instellingen (fontgrootte, donkere modus, inhoudsbreedte)
- Menu delen
- Foto galerij met filmstrip aan de onderkant
-
Schermafbeelding van artikel Apple op Wikiwand -
Schermafbeelding van gescrold artikel Apple op Wikiwand -
Schermafbeelding van leesvoorkeur en doorverwijzen op Wikiwand -
Schermafbeelding van afbeelding overlay op Wikiwand -
Schermafbeelding van kort artikel op Wikiwand
Golden
Golden is een encyclopedie-achtige kennisbasis die in 2017 is gestart. De site schraapt automatisch informatie uit het internet en verzamelt deze in Wikipedia-achtige pagina's die "topics" worden genoemd. Deze worden in "clusters" georganiseerd. Ook kunnen ze door mensen worden bewerkt. Een aantal opmerkelijke aspecten van het interfaceontwerp:
- Er wordt de nadruk gelegd op "bijdragers", een gerangschikte lijst wordt weergegeven aan de rechterkant van elke onderwerppagina en ze verschijnen ook in de zoekresultaten
- "Aanmelden" en "Inloggen" worden benadrukt (dit kan te maken hebben met het feit dat het een nieuwe site is)
- Vaste koptekst met onderwerp Zoeken, Bewerken en Maken
- Aparte acties voor Volgen en Favorieten
- Deel-knop
- Permanente inhoudsopgave
- Prominente "Feedback"-knop
- Elk onderwerp heeft de volgende tabbladen: Overzicht, Nieuws, Suggesties, Problemen, Bijdragers, Activiteit
- Maximale inhoudsbreedte van 890px
Everipedia
Everipedia is een Wikipedia-achtige online encyclopedie die in 2014 is gestart. Sommige van de achtergrondtechnologie is uniek (het gebruikt blockchain om de bewerkingsgeschiedenis te bewaren en stimuleert gebruikers met cryptocurrency) maar vanuit een algemeen leesperspectief is het vergelijkbaar met Wikipedia. Opmerkelijke aspecten van de interface zijn:
- Een prominente inhoudsopgave die voorwaardelijk wordt weergegeven op basis van de lengte van het artikel
- Een vaste kopregel van de site (met zoeken- en aanmaken artikel) en een vaste artikelkop (met bewerkings- en weergavegeschiedenis)
- Tonen aantal weergaven (bijvoorbeeld op de pagina van Los Angeles, Californië wordt 9,0K views weergegeven)
- Maximale inhoud breedte van 980px
- Knop "Back to top" bij het naar beneden scrollen
-
Schermafbeelding van artikel "Los Angeles" op Everyipedia -
Schermafbeelding artikel "Los Angeles" op Everipedia (gescrold)
.png)
Andere herontwerpen
Sommige andere bronnen waar herontwerpen kunnen worden gevonden:
- De pagina Wikipedia Ongevraagde herontwerpen bespreekt het onderwerp van ongevraagde herontwerpen en links naar verschillende (hoewel de meeste gelinkte sites niet beschikbaar lijken te zijn).
- Voer een zoekopdracht uit op Dribbble naar Wikipedia (https://dribbble.com/search/wikipedia) die een aantal interessante herontwerpen zal opleveren.
- Bekijk de verschillende skins die vermeld staan op deze pagina
Herontwerpen van andere grote websites
In 2018 voerde Reddit het eerste grote herontwerp in tien jaar uit van hun website. Hoewel Reddit op veel manieren verschilt van Wikipedia, zijn er ook enkele opmerkelijke overeenkomsten: het is een grote online gemeenschap die al meer dan 10 jaar bestaat, het publiek is op dezelfde manier verdeeld tussen lezers en redacteuren, ze bieden een grote hoeveelheid aanpassing per project, hun ontwerp- en ontwikkelingsproces wordt in open ruimte uitgevoerd in samenwerking met gemeenschapsleden. In de woorden van hun ontwerpteam: "Reddit is geen one-size-fits-all ervaring. Het is een site gebaseerd op keuze en evolutie. Er zijn miljoenen van jullie, verspreid over verschillende devices, die zich op verschillende tijden bij Reddit aansluiten, de site op veel verschillende manieren gebruiken, en we proberen te bouwen op een manier die jullie allemaal ondersteunt".[1] We vonden de gestelde doelen van hun nieuw ontwerp nuttig bij het formuleren van onze eigen doelen:
- Maak onze desktop-ervaring meer uitnodigend - Verlaag de toegangsbelemmering voor nieuwe mensen op reddit, terwijl alle gebruikers keuze en vertrouwelijkheid krijgen.[2]
- Maak een basis voor de toekomst - Een ontwerpbasis opzetten die gebruikersinzicht stimuleert en ons team in staat stelt om snel verbeteringen te maken, release na release.[3]
- Hou de inhoud voorop - We willen ervoor zorgen dat het bekijken, posten en interacteren met inhoud eenvoudig is door onze gebruikersinterface en merkelementen minimaal te houden.[4]
Enkele onderdelen van hun proces die ons inspireren:
- Ze zorgden voor duidelijke verwachtingen over hoe men feedback zou gaan geven, en reageerden op de feedback toen het binnenkwam.
- Zij publiceerden tijdlijnen en regelmatige updates
- Zij zorgden ervoor dat het voor gebruikers gemakkelijk was om op elk moment te kiezen voor de nieuwe ervaring
- Zij hebben veel gebruikerstesten gedaan
- Zij rolden de nieuwe ervaring stapsgewijze uit
Een aantal links om meer te lezen over het ontwerp: