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 (17)

[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...

[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

[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...

[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]

[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.

[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.

[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.

[CriticalHit_NL]

Weinig reacties... dan zullen er wel weinig klachten over zijn.

Het centreren van een modal is in elk geval beter wat het geweest is, doch heb ik liever als ik een specificaties pagina of prijzen pagina open, dat de volledige content gewoon getoond wordt.

[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