Modal op de productpagina – Development-iteratie #343

De afgelopen sprints hebben we gewerkt aan meerdere verbeteringen waarin we jullie graag meenemen. Daarnaast kijken we een klein stukje vooruit en delen we wat eraan zit te komen. In deze update: de overstap van slide-in naar modal op de productpagina, en meer ruimte in de header.

Modal op de productpagina

Een tijdje terug deden we een grote update aan de productdetailpagina: we brachten de inhoud van meerdere pagina's samen op één pagina. Niet alle informatie staat daarbij meteen in beeld – denk aan alle prijzen of de uitgebreide specificaties. We tonen die nu in een slide-in. Dat gaan we veranderen.

Op de slide-in kregen we veel feedback, genoeg om er prioriteit aan te geven en deze verder te onderzoeken. In een A/B-test legden we de slide-in naast een modal en de modal kwam daar als beste uit. Een modal is een venster dat zich vóór de pagina opent en de rest even op de achtergrond zet, tot je het sluit. De conclusie van de A/B-test voeren we nu door: de informatie komt straks in een modal, midden op de pagina in plaats van vanaf de zijkant.

We zijn nooit klaar met de productpagina en blijven eraan werken; dit is een van die stappen. Mochten jullie hierover willen doorpraten: feedback mag in dit topic.

Meer ruimte in de header van de productpagina

We werken ook aan kleine veranderingen boven in de productpagina. De gebruikersreviewindicator heeft al een nieuwe styling gekregen. Binnenkort volgen er meer aanpassingen: we maken een paar elementen in de header kleiner en verplaatsen sommige achter een extra klik. Zo wordt het boven in de pagina rustiger en overzichtelijker.

Reacties (37)

[nzall]

Volgens mij was veel van de feedback over die slide-in niet zozeer de vorm van de slide-in maar eerder dat het een extra klik vereiste om extra informatie te zien.

[ShadLink]

Deels denk ik. De slide-in was ook traag en niet netjes gecentreerd. De modal lost dat probleem op. Maar idd het is nog steeds een extra klik, wat niet heel erg fijn is.

En ik bedoel maar, je slaat al op dat de gebruiker alle specificaties wilt zien. Dan kan je dan imho ook direct op de productpagina laten zien (wanneer de gebruiker dit aangeeft).

[Reactie gewijzigd door ShadLink op 6 augustus 2026 09:35]

[nzall]

De modal heeft ook het probleem dat het een detailweergave is van eigenschappen van het product. Maar als je dan die detailweergave openklikt, dan staat standaard enkel de accordeon open die de informatie toont die al op de standaardpagina staat. Als je extra informatie wilt zien die niet op de pagina zelf staat, dan moet je extra panelen openklikken. Dus het is een detailweergave die standaard geen extra details weergeeft...

[Wild Chocolate]

Daarbij wordt wel je laatst gebruikte instelling onthouden. Dus als je 1 keer alle rubrieken open vouwt, staan ze de volgende keer allemaal open.

[GameNympho]

Voelt het als "van kastje naar de muur" en vice versa?

O al dat zogenaamde "gemak"

[UnanyMoose]

Das ook mijn irritatie. Je hebt nog de 'tabs' maar die scrollen je lekker zinloos naar beneden zodat je daar nogmaals op de knop kan klikken. Deze aanpassing maakt het iets beter, maar dit is geen fijne UX

[bl0m5t3r]

Als de links in de 'tab bar' inderdaad direct de modal opent zou dit een grote sprong voorwaards zijn in gebruikersgemak. Je geeft immers door de klik aan dat je meer wilt weten over de prijs/specificatie/reviews/etc.

Telkens als ik er nu op klik heb ik zo'n .. GVD $%^$ momentje.. de klik scrolt je 3 regels naar beneden en dan moet ik nog een keer klikken.

[GameNympho]

Kassa, more click`s

[Settler11]

Dit kan alsnog, maar dat wordt niet getoond. Zie: Settler11 in 'Modal op de productpagina – Development-iteratie #343'

[servies]

Wat ik nog graag zou willen zien dat dan ook alle informatie direct zichtbaar wordt.
"Bekijk alle specificaties" en nog steeds krijg ik alleen maar de "Belangrijkste specificaties" te zien. Alleen scrollen zou voldoende moeten zijn ipvn "100x" clicken om ieder blokje aan informatie te openen...
Soms was vroeger echt beter. Ik zie de huidige manier niet als een verbetering t.o.v. vroeger, meer als een soort van ¨Kijk eens hoe fancy wij info kunnen tonen en hoeveel interactie dit oplevert..."

[Alex3]

Ze willen blijkbaar precies weten waar je naar kijkt, maar dat gaat wel ten koste van de gebruiksvriendelijkheid.

[Piemol]

Dat kan ook met scrollen bepaald worden en met gebeurtenissen op allerlei elementen. Dat hangt niet af van een modal.

Je gaat niet zomaar een UX omgooien omdat je iets nauwkeurigere statistieken wilt. Hoop ik.

[Reactie gewijzigd door Piemol op 6 augustus 2026 10:07]

[nzall]

Wat Freek gezegd heeft in het feedbacktopic is blijkbaar dat die link "alles openen" een instelling aanpast op je account waardoor ALLE accordeons op alle productpagina's standaard open staan. Waarom dat niet direct duidelijk is uit de tekst van die link is mij ook een raadsel...

[stin00]

Sinds Feedback topic slide-ins op productpagina ben ik het vertrouwen helaas verloren in de Pricewatch. Daar werd vrijwel alles afgewimpeld, ondanks dat heel veel mensen (goedbedoelde) adviezen hadden. De slide-in werd gewoon niet goed ontvangen. Ik snap wel dat het topic gesloten werd omdat de sfeer nogal bekoeld was.

Toch is ervoor gekozen om de slide-in te behouden omdat dit voor 90% van de gebruikers (de niet ingelogde groep) de beste oplossing was. Maar ook nu lijkt er weer feedback aan ons gevraagd te worden, terwijl wij (de ingelogde groep) niet de doelgroep zijn.

Nu gaan we ineens naar een modal. Modals gebruik je om de aandacht van een gebruiker te krijgen, vrijwel altijd voor een bepaalde actie. In dit geval is een modal om meer informatie te tonen misplaatst vanuit UI/UX oogpunt. Tabbladen in een modal is al helemaal not-done. In feite wordt de slide-in nu gewoon centraal op het scherm getoond met een kruisje, dat is de aanpassing.

Het wordt er allemaal niet mooier of logischer van, en je blijft zitten met extra kliks en een zeer onlogische interface.

[inf3rno89]

Dat heb ik ook gemerkt, en heb destijds zelf ook gereageerd in het topic. Iets wat ik bijna nooit doe. Maar ja er is een besluit gemaakt en ze blijven er achter staan dit gaat niet veranderen. Mijn oplossing is gewoon veel minder gebruik maken van de pricewatch. En als ik dan toch iets moet checken dan doe ik vergelijken, heb ik meteen een overzicht.

[baseoa]

Nagel op de kop. Dank voor het opschrijven hiervan, ik heb het intussen opgegeven om Tweakers te antwoorden wanneer ze weer eens vragen of we de functionaliteit voor ze kunnen testen en hoe groot de verbetering is die ze gebouwd hebben (een verslechtering kan het natuurlijk nooit zijn, dan zou je de sunk cost (de ontwikkeltijd) moeten afschrijven), ze willen het sowieso meten aan engagement of het nou in de betagroep positief aankomt of niet

[Reactie gewijzigd door baseoa op 6 augustus 2026 13:44]

[GameNympho]

Ik zei dat al gelijk aan het begin en ik werd weg gemod, maar wat blijkt, ik had/heb gewoon gelijk.

Het gaat ze maar om 1 ding, de clicks, wij zijn niet belangrijk dat is al duidelijk. weer iets wat klikken/scrollen betekent.

[Settler11]

Protip: je kan op de korte spec links klikken om direct de specificaties overzicht te krijgen. Deze links zitten ook in de overzichten.

https://i.imgur.com/Up3RYpW.jpeg

[MonkeyJohn]

Maar niet als ik op "specificaties" klik, lekker duidelijk

[Settler11]

its_something.meme

Ik heb m'n best gedaan in de welgenoemde topic vol ontevredenheid, maar ik ga me er niet meer mee mengen.

[CAPSLOCK2000]

Op de slide-in kregen we veel feedback, genoeg om er prioriteit aan te geven en deze verder te onderzoeken. In een A/B-test legden we de slide-in naast een modal en de modal kwam daar als beste uit. Een modal is een venster dat zich vóór de pagina opent en de rest even op de achtergrond zet, tot je het sluit. De conclusie van de A/B-test voeren we nu door: de informatie komt straks in een modal, midden op de pagina in plaats van vanaf de zijkant.

Welk probleem wordt er opgelost met een modal in plaats van een slider?
Wat mij betreft is deze oplossing net zo slecht en geen oplossing voor de problemen, maar ik weet dan ook niet welk probleem jullie proberen op te lossen.

[Blokker_1999]

En dat is inderdaad een heel belangrijke vraag. Wat probeer je op te lossen. Maar ook, waar basseer je je op dat dat net het probleem is? Het probleem dat mensen ervaren kan wel eens anders zijn dan wat je denkt en een totaal andere oplossing vereisen.

[Harold Finch]

Het probleem dat ze hebben gepoogd op te lossen is voornamelijk een gebrek aan goede SEO en een gebrek aan clicks. Daarvoor mocht klaarblijkelijk ook een groot deel van een prettige gebruikerservaring voor worden ingeleverd... Het oude design was wellicht aan een update toe, maar ik denk dat je objectief kunt vaststellen dat dit een ferme achteruitgang is en blijft.

[Reactie gewijzigd door Harold Finch op 10 augustus 2026 06:28]

[Loller1]

Het centreren is beter, maar dit is nog altijd niet een goede oplossing.

Waarom moet dit überhaubt een dialoog zijn? De tabs kunnen ook gewoon rechtstreeks deel zijn van de pagina.

[GameNympho]

Die tabs zijn al deel van de pagina, het is gewoon dubbel op.

[moonlander]

Probleem is niet de slidein/modal.. maar dat het uberhaupt niet meteen zichtbaar is en weer extra kliks moet doen om tot de belangrijkste info te komen. Een modal/slidein is niet bestemd voor zoveel informatie. Maak er dan een losse pagina van, dat is ook niet ideaal maar beter dat de oplossingen die nu bedacht worden. En als je A/B test, waarom dan ook niet gewoon de info tonen zoals vroeger?

Mijn tip: gewoon op de pagina van het product zelf, dus gewoon onder "Belangrijkste specificaties" en niet via modals/slideins.

[Reactie gewijzigd door moonlander op 6 augustus 2026 11:26]

[RobbyTown]

En als je A/B test, waarom dan ook niet gewoon de info tonen zoals vroeger?

Omdat de vernieuwde versie meer geld oplevert en dat was het doel. Dat het voor ons als Tweakers niet meer lekker/fijn werkt doet er niet toe.

Freek1710 in "Feedback topic slide-ins op productpagina"

We gaan de gehele wijziging niet terugdraaien, uiteraard lezen we dat dit de vraag is van velen van jullie in dit topic. In eerdere posts zijn we uitgebreid ingegaan op de redenen achter deze slide-in en nu na enige tijd zien we in de data de positieve resultaten waar we op uit waren; minder pagina's te onderhouden, stabiele click-outs in de pricewatch en een groot deel van de gebruikers geeft op onze metingen aan dat het gemakkelijker is geworden om het doel van hun bezoek te bereiken.

[baseoa]

Interessant!
"meer click-outs" - mensen kunnen de info niet vinden of vinden de interface te omslachtig op Tweakers en klikken door naar de shops. Open de champagne, het design duwt mensen succesvol weg!

Zou de meting niet moeten zijn of de shops meer omzet draaien naar aanleiding van die kliks? Dat mensen vaker naar een shop doorklikken wil niet zeggen dat ze ook vaker een aankoop plegen en de kliks vanaf Tweakers dus nog hetzelfde waard zijn als voor de wijziging

[Reactie gewijzigd door baseoa op 6 augustus 2026 13:50]

[GameNympho]

Dat wegduwen boeit ze niet, alle nieuwe bezoekers die blijven, weten niet beter. Daar gaat het ze om, vers klikvolk.

edit; typo en ik gebruik geen prijsvergelijker.

[Reactie gewijzigd door GameNympho op 6 augustus 2026 14:11]

[Sjeefr]

Ik kan mij oprecht niet voorstellen dat (objectief, n=1), uit de testen gekomen is men de voorkeur geeft aan een one-pager met secties toegankelijk via een sticky navigatie ("prijzen, "specificaties", "Video"..) en vervolgens nog een modal met álle specificaties. Wat is er mis met een tabcontainer waarbij de informatie onder de productheader en de info gewoon gescheiden van elkaar, inclusief een tab voor uitgebreide specificaties?

Zoveel mensen, zoveel meningen. Maar wat is het toch rommelig, druk en onpraktisch geworden. Helaas staat deze discussie buiten beschouwing en is die keuze al permanent, aldus de "waar dit topic niet over gaat" in het linkje m.b.t. feedback.

[Reactie gewijzigd door Sjeefr op 6 augustus 2026 09:38]

[Nemean]

Heel eerlijk blijf ik moeite houden met de keuze om de productspecificaties in een modal weer te geven. Ik heb dit eerder ook aangegeven in het feedbacktopic, maar daar is helaas geen inhoudelijke reactie op gekomen. Voor de gebruikerservaring vind ik de modal nog altijd een duidelijke achteruitgang.

De productcontext verdwijnt gedeeltelijk, navigeren wordt omslachtiger en de beschikbare schermruimte wordt niet optimaal benut. Op mobiel kan een fullscreenweergave logisch zijn, al vraag ik me af waarom dit dan per se via een modal moet. Op desktop verwacht ik in ieder geval een desktopgerichte indeling. Nu zijn extra handelingen nodig, terwijl tegelijkertijd een groot deel van de beschikbare schermruimte onbenut blijft.

Ik ben dan ook erg benieuwd naar de resultaten van de genoemde A/B-test. Welke varianten zijn getest, welke criteria bepaalden het succes en welke gebruikers hebben eraan deelgenomen? Is daarbij bijvoorbeeld onderscheid gemaakt tussen nieuwe en terugkerende gebruikers en tussen mobiel en desktop?

Voor mij heeft de komst van de modal er inmiddels toe geleid dat ik voor productspecificaties vaker andere websites raadpleeg dan Tweakers.

[Pompi]

Is deze modal geïnspireerd door wat @Hahn toen als voorbeeld had gemaakt? Want er staat mij nog iets bij dat hij 2 voorbeelden had gemaakt, waarvan 1 een modal was en dat zijn voorbeelden goed werden ontvangen door de gebruikers.