Productpagina in Pricewatch met slide-ins - Development-iteratie #329

De afgelopen sprints hebben we gewerkt aan een verbeterde productpagina in de Pricewatch waarmee we op één pagina per product proberen alle relevante content te laten zien die Tweakers rijk is. Lees er meer over in dit .plan.

Eerdere ontwikkelingen aan de productpagina

Onderstaande wijzigingen staan niet op zichzelf; ze zijn onderdeel van een set wijzigingen die bij elkaar horen en zijn een van de laatste stappen die we hierin zetten. Eerder schreven we al over een vernieuwd prijsoverzicht en dat bovenaan de pagina de belangrijkste informatie staat. De vervolgstap is dat we nu ook verder naar onderen op de productpagina informatie anders weer gaan geven.

Deze wijziging komt voort uit uitgebreid kwalitatief onderzoek met gebruikers. We merkten dat de verschillende productinformatie verspreid over de website stond. Zo moesten gebruikers vaak nieuwe tabbladen openen om de informatie te vinden die ze zochten.

Slide-ins op de productpagina

Op de productdetailpagina vind je nu alle belangrijke informatie van het product, zodat je je in één oogopslag kunt oriënteren op alle informatie die we over dit product beschikbaar hebben. Mogelijk is dit zelfs al voldoende informatie en ben je hiermee al geholpen. De detailinformatie verplaatsen we naar een modal op de pagina zelf. Op mobiel opent dit fullscreen en op grotere schermen zal dit vanaf rechts openen. In deze detailinformatie kun je alles terugvinden wat we op Tweakers hebben over het product.

Niet alle tabs zijn meer nodig. 'Nieuws' en 'Video's' staan op de pagina zelf en kunnen dus als tabblad weg. 'Alternatieven', 'Mobiele abonnementen' en 'Discussies en vragen’ verwijderen we omdat we zien dat hier heel weinig gebruik van werd gemaakt. Ook shopfilters zijn, voor nu, enkel tijdelijk zichtbaar in de prijzenslide-in.

We hopen dat jullie met deze wijziging gemakkelijker alle verschillende informatie van een product die verspreid over de website staat bij elkaar kunnen brengen en daar waar relevant de details induiken! Mochten jullie hierover willen doorpraten mag feedback in dit topic.

Reacties (65)

[Loller1]

Waauw.

Wat een achteruitgang. In gebruiksvriendelijkheid. In design. Echt waauw.

Laat ik even de iPhone 17 als voorbeeld nemen hier als product. Op de gelinkte pagina, wat is daar in godsnaam aan de hand? Links staat het nieuws, maar rechts is gewoon 1 gigantische lege ruimte met een afbeelding. Waarom?

Als je dan naar "Uitvoeringen" gaat is de titel van de pagina (de "Uitvoeringen vergelijken") uitgelijnd met de header van de pagina, maar de content neemt een smallere breedte in. Wat is hier in godsnaam gaanden met de uitlijning?

Ga je dan naar een specifieke uitvoering van een product (zoals hier) dan krijg je gewoon een gigantische modal, die maar de helft van zijn ruimte inneemt en de andere helft invult met grijze leegte. Als de reden hiervoor was om de content te centreren dan hebben jullie hier gewoon volledige de foute UX gekozen. Dit had geen flyout moeten zijn maar een gewone gecentreerde modal. Of beter nog; het had niet eens een modal moeten zijn. Wat was er mis met de pagina's? Wat is hier de verbetering met een flyout tegenover in-pagina tabs?

We moeten nu meer klikken om te navigeren of om de verschillende controls (e.g. "vergelijken") die in de product header staan en niet toegankelijk zijn in de flyout te bereiken. Ook geweldige chaos in de browser history bij het wisselen van tabs en als je heen en terug wilt navigeren tussen gebruikersreviews. Reviews hebben hun eigen individuele pagina, maar het overzicht zit in die modal; dus het is heel de tijd heen en terug kijken. En wat is het punt van een tab specifiek voor specificaties als die vervolgens alsnog allemaal ingeklapt zijn by default?

De hele productpagina voelt nu gewoon als een zootje ongeordende info. De "tabs" bovenaan duiden al niet aan waar je zit. Naast de specificaties staat een blok tekst die te scrollen is maar waar geen enkele indicatie heeft dat deze scrollbaar is. De "Reviews door gebruikers" sectie is een mooi voorbeeld van ongestructureerde knoppen; waarom zijn er 2 rijen aan knoppen (1 die lijkt te horen bij de specifiek getoonde review, de andere bij de reviews sectie)? Ook "Vraag en aanbod" is bizar uitgelijnd, als ik klik op "Vraag en aanbod" in deze overzicht pagina dan staat bovenaan gewoon nog steeds de gebruikersreviews. "Vraag en aanbod" zelf is een onopvallende kleine sectie helemaal van onder...

Ik zie niet in waarom dit niet gewoon een nieuwe overzichtspagina had kunnen zijn en de tabs in die flyout niet gewoon andere pagina's hadden kunnen zijn. De modal geeft gewoon 0 meerwaarde. En vooral, ook de pagina zelf werkt nu anders dan andere pagina's op Tweakers, en zelfs deze andere werking lijkt zijn eigen concept gewoon slecht te implementeren (geen "huidige sectie" aanduiding op de overzichtpagina, etc.).

tl:dr; Wat een zootje.

[Reactie gewijzigd door Loller1 op 19 januari 2026 11:45]

[ComputerGekkie]

Hey Loller, zullen we wellicht even respectvol ingaan op de aanpassingen? Of je het een verbetering vind of niet, dit is niet de manier om feedback te geven. Kan me niet voorstellen dat je dit ook zo zou doen op je werk

[Loller1]

Het is niet omdat kritiek scherp is dat dit niet respectvol is. Ieder vraag in deze reactie is een oprechte vraag die niet door dit plan artikel wordt beantwoord. Deze UX is gewoon niet goed en ik ben overduidelijk belangen na niet de enige die daar zo over denkt. De UI zelf is ook duidelijk onafgewerkt en/of ondoordacht. En als mijn veronderstelling over de grote lege ruimte in de flyout correct is in dat dit is gedaan om de inhoud ervan nog relatief te centreren, dan is dat gewoon echt een rookie mistake om überhaupt voor zo'n design te gaan.

Maar je hebt gelijk; dit soort feedback zou bij mij op het werk nooit gebeuren: gebruikers zouden dit nooit te zien hebben gekregen (zonder dat daar een alpha/beta label op plakte). Het is goed dat Tweakers via onderzoek problemen identificeerd op hun website, maar waarom worden de oplossing ook niet via zo'n onderzoek gevalideerd (het artikel lijkt te insinueren dat het enkel voor het identificeren van een probleem is gedaan door het alleen daarvoor aan te halen)?

Enkele maanden geleden hebben ze de mogelijkheid geïntroduceerd om beta functies in en uit te schakelen in het profiel; dit was een goede eerste publieke test versie geweest, waarom is dat daarmee niet getest geweest (is dat überhaupt zelfs al gebruikt geweest sinds het geïntroduceerd werd)?

[Reactie gewijzigd door Loller1 op 19 januari 2026 11:30]

[ComputerGekkie]

Wat Melkunie ook zegt, het gaat niet om de punten die je aanhaalt. Je mag het ontwerp slecht vinden, maar kan dat wel op een respectvolle manier verkondigen zonder iemand zijn werk (het is ook een mens die hier aan heeft gewerkt) volledig de grond in te trappen. Ik zal een aantal zinnen die niks tot weinig toevoegen voor je op een rij zetten:

Op de gelinkte pagina, wat is daar in godsnaam aan de hand?

Ook geweldige chaos in de browser history bij het wisselen van tabs en als je heen en terug wilt navigeren tussen gebruikersreviews.

De hele productpagina voelt nu gewoon als een zootje ongeordende info.

tl:dr; Wat een zootje.

Maar je hebt gelijk; dit soort feedback zou bij mij op het werk nooit gebeuren

Dus in het voorstadium waar een collega je vraagt om je feedback ga je die persoon ook helemaal afbranden? Op het moment dat iemand feedback vraagt, stelt die zichzelf ook kwetsbaar op. Daar mag je je best wel bewust van zijn en op een degelijke manier mee om gaan.

[ShadLink]

Dus in het voorstadium waar een collega je vraagt om je feedback ga je die persoon ook helemaal afbranden? Op het moment dat iemand feedback vraagt, stelt die zichzelf ook kwetsbaar op. Daar mag je je best wel bewust van zijn en op een degelijke manier mee om gaan.

Dit is geen voorstadium. Als een collega van mij zoiets in een live omgeving met duizenden gebruikers zet dan krijgt hij een keiharde afbrander. Dit is geen feedback vragen, dit is over de schutting gooien en dan zachtjes vragen. "Is dat nou niet geweldig?" Maw. de aanpak van Tweakers is hier gewoon geheel onjuist, het is geen A-B test, het is geen gebruikerstest, het is een live "test".

[Rolfie]

Het zegt misschien ook wel iets over het nieuwe design. Het is gewoon echt heel slecht bedacht en uitgevoerd.

En dat een hoop zich afvragen, hoe dit in deze opzet zo is doorgevoerd naar een live omgeving. Het is een zooitje, chaotisch en onlogisch. Voor een site van deze grote, waarbij PW een heel belangrijk onderdeel is, Tweakers driven vanuit een community, mag dit eigenlijk niet op dit live gaan (is mijn mening).

Ik kan niet begrijpen dat hier niet iemand intern vragen overgesteld heeft, of dit wel een juist ontwerk is voor PW en wat met dat commentaar gedaan is.

[GameNympho]

Precies dit en dan schrijven ze dit ook nog eens Deze wijziging komt voort uit uitgebreid kwalitatief onderzoek met gebruikers. We merkten dat de verschillende productinformatie verspreid over de website stond. Zo moesten gebruikers vaak nieuwe tabbladen openen om de informatie te vinden die ze zochten.

Het was juist zeer overzichtelijk, maar nu is het klik, klik klik klik klik klik klik.

Pardon, hoe het nu vandaag is, is juist wat we niet willen, maar nu weer opgedrongen krijgen met die smoes.

Sorry, maar dit lijkt meer, Alles Voor De Click`s.

[Melkunie]

Het is niet omdat kritiek scherp is dat dit niet respectvol is.

Klopt, het is niet onrespectvol vanwege de scherpe kritiek.
Het is onrespectvol om andere dingen

[Reactie gewijzigd door Melkunie op 19 januari 2026 11:37]

[Rolfie]

Aan de andere kant, er zitten wel hele basale aanpassingen in, waarbij ik mij echt afvraag wie dit verzonnen heeft. Totaal onlogisch, comleet chaotisch, slecht doorgevoerd en zeker geen vooruitgang.

[Reactie gewijzigd door Rolfie op 19 januari 2026 11:42]

[ComputerGekkie]

Dat maakt niet uit, dat kan dan ook op een normale manier teruggegeven worden als feedback.

(Ik ben zelf ook geen voorstander van de UI)

[adje123]

Het is ook teruggegeven als normale feedback.

[xenn99]

Ik denk dat het in dit geval gewoon een verschil is in de interpretatie van het woord respect.
Respect geef je aan iets of iemand omdat ze iets goeds doen of goed zijn, het is een blijk van waardering.
Het zou dus een beetje raar zijn om respect te tonen voor iets dat negatief is.

Sommige mensen gebruiken het wel in die context maar ik vind dat verkeerd, "respect" en "tolerantie/begrip" zijn wat mij betreft heel verschillende dingen.
Respect gebruik je bij een feitelijke analyse, terwijl begrip bijvoorbeeld meer gaat over het gevoel erbij.

Ik vind ook niet dat dit nieuwe ontwerp, of de ontwerper respect verdienen want ze hebben het gewoon verbruid.
Maar ik heb wel begrip voor zijn situatie, hij heeft er ongetwijfeld hard aan gewerkt en ik vind het jammer voor hem dat het niet is uitgepakt zoals gehoopt.

Hier een mooi hard stukje over respect in een column van joop een jaar of 10 geleden.
Wat mij betreft nog steeds zeer relevant.

[Reactie gewijzigd door xenn99 op 19 januari 2026 19:25]

[NuStyle]

Los van de toon heeft Loller1 valide punten, die goed onderbouwd zijn en naar mijn mening ook gewoon kloppen.

[Gubbel]

Ik kan echt niets respectloos vinden in de reactie van Loller1. Feit is dat het gewoon een vreselijke iteratie is. Jij vind wellicht de woordkeuze niet professioneel, maar dat staat niet gelijk aan het ontbreken van respect.

[naftebakje]

En wat is er dan niet respectvol aan? De nuttige info wordt verstopt, en in ruil krijg je lege ruimte...

De verandering is vergelijkbaar als dat je auto wordt vervangen door een open koets, waarbij het paard explosieve diarree heeft. Je zou je vragen kunnen stellen over de intenties van degenen die dit hebben goedgekeurd.

Vind je dit onrespectvol? Inderdaad, deze reactie wel; die van Loller niet.

[RobbyTown]

Hier hebben andere Tweakers ook last van?

Ook bij een nieuw artikel is het rommelig geworden.

Hier op een 27 inch scherm Edge en Firefox. De indeling is "schots en scheef" / gaat van links en links stuk van de kant en veel wit.

GL.iNet Mudi 7 (GL-E5800): beste prijs - Tweakers

edit:
Update: Mijn bedragen in elk geval gedaan: Feedback topic slide-ins op productpagina

[Reactie gewijzigd door RobbyTown op 19 januari 2026 12:26]

[Kecin]

@Freek1710 gefeliciteerd met je eerste Plan , helaas is de kritiek niet fantastisch, maar gefeliciteerd!

Semi-ontopic;
In de "Henk Legacy" css is het helemaal verschrikkelijk
img

[Reactie gewijzigd door Kecin op 19 januari 2026 14:39]

[xenn99]

Kun je met een css de oude layout terug krijgen?
Zoals het nu is, vind ik het onbruikbaar.
Zelf heb ik niet echt ervaring met css, maar die screenshot die jij linkt ziet er al beter uit, het is tenminste geen slide in meer.
[edit]
Net even getest met de henk layout maar helaas komt hij nog steeds met een slide in als je op "bekijk alle specificaties" drukt.

[Reactie gewijzigd door xenn99 op 19 januari 2026 16:29]

[Brummetje]

27" zegt niet zoveel over de gebruikte resolutie maar hier op 4K (150% DPI) in Windows is het ook allemaal scheef. Dat is dan nog even los van hoe het functioneel werkt waar ik echt geen fan van ben op desktop.

[PvdVen777]

Ik had geen idee waar je het over had, totdat ik jouw voorbeeld linkje opende.
OMG wat een chaos .

Als je na wat zoekwerk eindelijk de specs gevonden hebt waar je naar zocht staat alles ook nog eens ingeklapt.

[dendemende]

Allemaal extra ruimte voor advertenties, begrijp dat dan, DPG Media wil wel hun centen terugzien natuurlijk .


Alle grappen voorbij, het is een behoorlijk drama, zeker die laatste link die je stuurt, dat kan toch echt een stuk beter.

[JvZ]

Ik moet me hier ook bij aansluiten. Super onoverzichtelijk nu. Alles heel groot opgeblazen waardoor ik zelfs op QHD amper meer de specs kan lezen en meermaals klikken voordat je de kenmerken/specs ziet. Maak dat a.u.b. weer normaal tekstformaat en plat. De vraag en aanbod knop onderaan is ook echt slecht geworden.

Waarom moet alles zo opgeblazen en geanimeerd worden tegenwoordig? Dat gebeurt niet alleen op Tweakers merk ik de laatste jaren, maar het maakt de site(ervaring) alleen maar trager en onoverzichtelijker.

De enige manier om specs nu een beetje snel te kunnen beoordelen is de 'vergelijk' functie. Hopelijk wordt die niet ook veranderd want die gebruik ik zeer regelmatig en is tenminste overzichtelijk, precies zoals de kenmerken pagina was.

[dmantione]

Mijn oordeel over deze wijziging is net als die van de andere reageerders hier: Vernietigend. Wellicht een beetje hartverscheurend voor wie eraan gewerkt heeft, maar dit is gewoon idioot slecht ontworpen.

Het hele concept van "belangrijkste specificaties" werkt is mijn inziens een illusie, in de korte tijd dat ik dit gebruik heb ik in 100% van de gevallen de volledige lijst moeten openen en dat zorgt vooral voor extra klikken en die "slide-in" waarbij je lijsten moet openklappen verhoogt de hoeveel extra klikken weer verder. Totaal onhandig

Recensies idem dito, als je in een recensie geïnteresseerd bent, wil je er dan echt maar eentje zien die een algoritme voor je heeft uitgekozen? Njet! Het idee is simpelweg inherent knudde.

Ik mis de links naar forumdiscussies over een product. Dat was nu juist een hele zinnige functie van het categorisatiesysteem van Tweakers, dat je niet alleen een productpagina bezoekt om het de kopen, maar ook om te zien wat er voor ervaringen over zijn in de forums. Mijn inziens is dit een regelrechte ondermijning van de categorisatie van forumdiscussies, de functie is opeens een heel stuk minder nuttig geworden.

Wat mij betreft graag gisteren nog terug naar het oude systeem!

[Reactie gewijzigd door dmantione op 19 januari 2026 12:11]

[TheProst]

Het is ook appart dat als je een uitgebereide versie van een recentie wilt lezen je toch weer op de oude manier terug wordt gestuurd en de oude lay out ook weer ziet.

[Reactie gewijzigd door TheProst op 19 januari 2026 12:50]

[StefanJanssen]

Zeker geen vooruitgang. Vaker klikken, browser historie wordt vervuild, hetgene wat men wilt zien (specificaties) worden naar de rechterkant van het scherm gehaald.

Tweakers heeft de neiging belangrijke dingen aan de rechterkant te zetten, iets waar je als iemand die van links naar rechts leest als laatste kijkt. Sinds de tracker verplaatst is naar de rechter kant heb ik deze eigenlijk niet meer gebruikt. Nu gaan we specificaties in de Pricewatch ook verstoppen achter extra buttons en aan de rechterkant?

[bob harley]

Precies dit.
Waarom dat inderdaad is aangepast naar de rechterkant is een raadsel. Dit is ook de enige site die ik gebruik die dat doet.

[CriticalHit_NL]

Alles wegmoffelen in een rechter uitklap menu alsof ze Windows 10/11 meldingencentrum moeten na-apen is voor mij ook een raadsel, net zo goed dat bij het schrijven van product reviews dit zo is weggemoffeld.

Het voelt gewoon bekrompen aan en onnatuurlijk, sorry dat ik het zeg maar dit gaat nergens meer over.

De tracker heb ik allang sinds de aanpassing zelf maar volledig verwijdert, kwam enkel nog irritant en conflicterend met de website content over.

Tweakers zijn website begint steeds meet een Windows 10/11 te worden waarbij antieke schermen en witruimtes alsof mozes erdoorheen loopt als chaos worden rondgegooid.

[AW_Bos]

Is er verder nog voortgang in de WYSIWYG-editor, en de versie voor het forum? Ik ben er wel benieuwd naar...

Ik zie dat er nu wel een helpfunctie bij de editor aanwezig is. Of was dat er al?

[Reactie gewijzigd door AW_Bos op 19 januari 2026 12:50]

[lifeguard]

Dat ze lekker eerst die reactie-knop gewoon rechts zetten.

[crisp]

Very soon

[Scribe]

Een groot nadeel wat ik merk nu is dat als je de tabjes gebruikt om bijvoorbeeld tussen gebruikersreviews en specificaties te wisselen, dat dit een impact heeft op de back/forward functionaliteit van je browser. Als ik dus een paar keer tussen specificaties en gebruikersreviews wissel om wat dingen te checken, moet ik dus ook zo vaak op terug drukken voor ik terug naar de pricewatch kan.

edit:
Ja dit moet eigenlijk in het forumtopic misschien! Daar ga ik het nu posten

[Reactie gewijzigd door Scribe op 19 januari 2026 10:49]

[Eagle Creek]

@Freek1710

Ik weet niet wat een "modal op de pagina zelf is" maar zowel op mobiel als desktop springt de pagina naar beneden. Ik zie nergens een slide-in.

Overigens moet ik echt zoeken naar de tabjes. Ik weet dat er überhaupt tabjes bestaan en ga er daarom naar op zoek maar ik vind ze nu slecht vindbaar.

[RAM1979]

Ik vind het verwijderen van het onderdeel discussies en vragen wel erg jammer moet ik zeggen, dit was voor mij vaak de manier om snel de grote topics over een hardware onderdeel te vinden.

[RobbyTown]

Dat was inderdaad een zeer handig tabje. En of ook meteen zien als er veel problemen waren met product x. Of hoe populair er over gesproken werd.

Mooie features wie o wie gaat hem indienen ?

[TheProst]

Zo te zien is het al terug gedraaid en gelukkig. Design was mooi maar gebruiksvriendelijkheid ging er wel op achteruit.

ow nee toch niet. Jammer want het is echt een beetje een chaos en echt een achteruit gang. Ik vind het ouder fijner maar het nieuwe ziet er beter uit. Misschien de oude manier de nieuwe look geven?

[Reactie gewijzigd door TheProst op 19 januari 2026 11:46]

[Loller1]

Ik denk dat je je vergist tussen de product overzichten die nog het oude design hebben en de specifieke SKU pagina's die het nieuwe hebben.

edit:
je hebt het zelf al door :)

[Reactie gewijzigd door Loller1 op 19 januari 2026 11:27]

[Omni]

Achteruitgang. Wat ik voorheen met 1 klik kon vinden, kost nu 3 of 4 kliks en veel meer gescroll. Is er een manier om dit uit te zetten? Opt-out?

edit:
Oeps, ja. Ok, ik plaats het in het topic.

[Reactie gewijzigd door Omni op 19 januari 2026 10:55]

[Tielenaar]

Ik moest wel even wennen aan de product specificaties slide in, maar dat is vast tijdelijk. Zit er in ieder geval slick uit!

Wel zou "alles openen" standaard moeten zijn. Je klikt niet voor niks op Specificaties, om dan vervolgens een voor een alle categorieen te gaan openklikken.

[Reactie gewijzigd door Tielenaar op 19 januari 2026 10:55]

[Travelan]

Oei, deze snap ik niet... Ik dacht dat het algemeen bekend was dat 'slide-in's' een achterhaald UX element is... Het is chaotisch en deze implmentatie zorgt er zelfs voor dat dingen verder weggestopt zijn achter meer kliks dan dat het was.