We zijn bij Tweakers erg trots op de mooie gebruikersreviews die onze communityleden schrijven. Toen we concludeerden dat het aantal reviews op ons platform begon af te nemen, kwamen we dan ook graag in actie. We besloten een project te starten om het reviewformulier van Tweakers te verbeteren. Vandaag hebben we het vernieuwde reviewformulier uitgerold. In deze .plan nemen we jullie graag mee in het proces.
Met behulp van een survey die door ruim vijfhonderd communityleden is ingevuld, stelden we vast dat het overgrote deel gebruikersreviews leest. Onafhankelijkheid en voldoende diepgang worden als essentiële criteria beschouwd en er is een voorkeur voor gebruikersreviews van ‘gewone’ tweakers die het product zelf hebben gekocht. De kwaliteit van de gebruikersreviews wordt over het algemeen positief beoordeeld, waarbij plus- en minpunten en een beknopte samenvatting belangrijke onderdelen zijn. Motivaties voor het schrijven van reviews zijn onder andere het kunnen helpen van anderen, een gebruiksvriendelijker formulier en potentiële beloningen, zoals karma, status of korting op een abonnement. Tijdgebrek, te hoge verwachtingen en gebrek aan producten of interesse worden genoemd als obstakels voor het schrijven van reviews. Ideeën voor verbetering omvatten onder andere meer exposure en beloningen voor communityleden die goede reviews schrijven, aanpassingen aan het beoordelingssysteem en meer transparantie over gesponsorde reviews.
Bovenstaande inzichten hebben we vertaald in een concept voor een vereenvoudigd reviewformulier in de vorm van slide-in overlay. Dit concept is succesvol beproefd in een usabilitytest, waarover we in deze .plan een terugkoppeling hebben gegeven. Uit de usabilitytest die werd uitgevoerd onder zes respondenten, bleek dat ook zij waarde hechten aan de kwaliteit en het kennisniveau van de reviewers op Tweakers, maar dat ze zelf terughoudend zijn in het schrijven van gebruikersreviews vanwege mentale barrières en hoge verwachtingen. Er blijkt behoefte te zijn aan meer verleiding en aanmoediging om reviews te schrijven op de website.
Het nieuwe formulier is een aantal weken geleden als bètafeature toegankelijk gemaakt en vandaag voor iedereen uitgerold. Heb je deze bèta gemist en had je graag meegetest? Je kunt de bètafeature aanzetten in je instellingen. Zo ben je voortaan altijd automatisch een van onze bètatesters.
Het vernieuwde reviewformulier
Wat is er dan allemaal veranderd? Onderdeel van de vernieuwing is het vereenvoudigen van het formulier door koppelingen met gerelateerde producten en de beoordelingen van losse criteria, zoals beeld- en bouwkwaliteit, te verwijderen. Beide functies werden weinig gebruikt en al jaren niet meer prominent weergegeven. Verder zijn de volgende aanpassingen doorgevoerd:
- De belangrijkste verandering in het nieuwe formulier is dat het nu wordt weergeven als slide-in overlay op de desktop, zodat je een review kunt schrijven op de pagina waar de reviewknop staat. Zo word je niet onnodig heen en weer gestuurd tussen verschillende pagina's. Een leuke manier om aan de slag te gaan met het reviewformulier is door de inventarissen in je profiel te updaten en vandaaruit reviews toe te voegen. Dankzij de slide-in kun je namelijk ook direct vanuit je inventaris reviews schrijven.
- Het maximale aantal woorden van de korte toelichting is uitgebreid van 50 naar 150, zodat je meer mogelijkheden hebt voor het maken van korte reviews. Ook is het nu mogelijk om hier alinea's te gebruiken.
- De beoordeling van het product kun je nu geven door op sterren te klikken in plaats van een slider te verschuiven.
- Het invoeren van plus- en minpunten hebben we wat makkelijker gemaakt door automatisch een extra veld toe te voegen als de zichtbare velden zijn ingevuld.
- De weergave van reviews op de reviewtab van een product hebben we strak getrokken door de borders op de review weg te halen en de eindbeoordeling onder de plus- en minpunten te plaatsen.
- De bovenstaande aanpassingen leiden tot een betere gebruikservaring op mobiele apparaten.
Gebruik van webcomponenten bij slide-inreviewformulier
Het slide-inreviewformulier is niet alleen een verbetering op het vlak van gebruiksvriendelijkheid, het is voor ons ook technisch een grote stap vooruit. We hebben hiervoor namelijk in hoge mate gebruikgemaakt van Web Components. Dat is een techniek waarbij je gebruikmaakt van custom-HTML-elementen om een herbruikbare, dynamische en modulaire component te maken. Deze component heeft van zichzelf alle benodigde code in zich en kan dus overal eenvoudig worden ingezet.
Nu hadden we al eerder ervaring opgedaan met webcomponenten - de moderatiepop-up bij reacties onder artikelen is een voorbeeld - maar bij het vernieuwde reviewformulier zijn we nog een stapje verdergegaan. Niet alleen het formulier zelf is een component, het bestaat voor een deel ook weer uit andere componenten, die ook met elkaar samenwerken. Zo is de sterrenkeuze voor het eindoordeel een losse component, evenals de toolbar bij de uitgebreide toelichting en de afbeeldingenupload, die weer samenwerkt met de toolbar voor het invoegen van de RML/UBB-code. De toolbar gebruikt vervolgens weer componenten voor de invoerpop-ups.
Om ervoor te zorgen dat componenten echt overal werken zonder dat we van tevoren alle code op elke pagina beschikbaar moeten stellen, hebben we een 'componentenlader' gemaakt. Dit is een functie die na het laden van de pagina kijkt of er, en zo ja welke, webcomponenten op de pagina aanwezig zijn en daarvoor de benodigde code on the fly ophaalt. Door middel van een MutationObserver wordt ook gemonitord op dynamisch toegevoegde HTML. Zo worden ook webcomponenten ingeladen die door andere webcomponenten dynamisch worden aangemaakt.
We maken dus vooral gebruik van custom elements en in mindere mate van templates. Waar we (nog) geen gebruik van maken, is shadow DOM, voornamelijk omdat veel van onze code nog leunt op sitebrede styling en het zaken als a/b-testen en theming lastiger maakt.
Giveaway
Uiteraard willen we de livegang van het nieuwe formulier een beetje feestelijk maken. Daarom verloten we vijf bonnen van bol.com met een tegoed van 50 euro onder alle tweakers die in deze week van de release een review schrijven met behulp van het nieuwe formulier. Het enige wat je moet doen, is jouw review vóór 14 juni delen in de comments onderaan dit artikel. De winnaars ontvangen bericht via DM; ze worden willekeurig geselecteerd uit alle inzendingen.
Mocht je vragen of opmerkingen over het vernieuwde gebruikersreviewformulier hebben, dan kun je terecht in dit forumtopic.