Nieuwe weergave van prijsoverzicht in Pricewatch - Development-iteratie #313

We hebben weer een stap gezet in het vernieuwen van de productpagina's in de Pricewatch, waarbij onder andere de prijsgrafiek hoger is geplaatst op desktopweergave. Daarnaast zijn diverse verbeteringen doorgevoerd in de wysiwygeditor op basis van feedback op de bètafeature.

Nieuwe weergave van prijsoverzicht

Begin dit jaar zijn we begonnen met het vernieuwen van de productdetailpagina's in de Pricewatch. Hiermee willen we het vergelijken van producten en prijzen gemakkelijker maken. Nadat we eerder al het bovenste gedeelte van de pagina in een nieuw jasje hadden gestoken, zijn we verder gegaan met het prijsoverzicht. Op desktopweergave hebben we eerst het grid verbreed, zodat de breedte van de pagina in lijn is met de productlisting, frontpage en navigatie. Vervolgens hebben we het filterblok verwijderd, waarbij het shopfilter en de btw-weergave zijn verplaatst naar een pop-up. De overige filters werden zo weinig gebruikt dat deze zijn vervallen.

De ruimte die door deze aanpassingen is vrijgekomen, maakt het mogelijk om in desktopweergave de prijsgrafiek naast de prijzen te tonen. Dit maakt het voor vaste bezoekers niet alleen makkelijker om prijzen te vergelijken, maar zorgt er ook voor dat nieuw publiek deze waardevolle feature van Tweakers niet mist. Ook is op deze pagina voor mobiele apparaten de weergave van prijzen van refurbished producten en sorteeropties geoptimaliseerd. Tot slot hebben we het prijsmeldpunt aangepast: voortaan kan dit via de link onderaan het prijsoverzicht in plaats van via de prijspop-up. Bezoekers wisten deze pop-up vaak niet te vinden en bovendien was het hierdoor op mobiel niet mogelijk om onjuiste prijzen te melden.

Verbeteringen wysiwygeditor

In het vorige .plan kondigden we aan dat je bij het plaatsen van reacties op nieuwsartikelen gebruik kon maken van de nieuwe wysiwygeditor als bètafeature. Veel van jullie zijn dat ook gaan doen. Ook hebben we via onder meer het forumtopic aardig wat feedback binnengekregen. Inmiddels zijn in een volgende sprint de nodige verbeteringen doorgevoerd.

De visueel-broncodeknop is een switch geworden en deze zit niet meer in de tabvolgorde. De focus state op het actieve veld is verbeterd. De knoppen voor het plaatsen en bewerken van een reactie zijn gelijkgetrokken. De kleuren voor actieve acties in de toolbar zijn prominenter gemaakt en de smileypicker is verbeterd.

Inmiddels wordt de editor in bèta door honderden tweakers gebruikt. Meer dan tien procent van alle reacties wordt geplaatst via de nieuwe editor. Daarmee komen we dichtbij het moment dat we de nieuwe wysiwygeditor als standaard gaan maken op de frontpagereacties en daar afscheid nemen van de huidige, verouderde editor.

Wysiwygeditor: zet de bèta aan in je profiel

Je kunt de bètaversie om dit uit te proberen aanzetten via je profiel. Uiteraard horen we ook graag je feedback. Met feedback kun je terecht in het forumtopic Wysiwygeditor als bètafeature.

En verder

• In Best Buy Guides wordt vanaf nu bij de aanbevolen producten de gebruikersreviewscore getoond.
• Er zijn diverse bugs opgelost. Het is weer mogelijk om een prijsalert in te stellen voor een product dat tijdelijk geen prijzen heeft, het reviewoverzicht op smalle weergaven is gerepareerd en een aantal pagina's hebben hun paginatitel teruggekregen. Daarnaast wordt het aantal afbeeldingen in productreviews weer correct berekend en kunnen producten standaard in een specifieke wenslijst worden gezet. Tot slot hebben we een workaround uitgerold voor een bug in Firefox die verhinderde dat links in de Pricewatch konden worden geopend; deze bug is ook bij Mozilla gemeld.

Reacties (35)

[Skyclad]

Hoe worden de lijsten eigenlijk 'ingevuld'? Is het puur een kwestie van handmatig aanmelden van items door lezers?

Wanneer ik bijvoorbeeld zoek op complete PCs (onder Laptops & Systemen) en zoek op de goedkoopste met een RTX 5070 en minimaal 32GB RAM vind ik een Xenith voor 1899 Euro. Maar op MediaMarkt staat deze PC, die met 1299 niet alleen 600 Euro goedkoper is maar ook nog 64GB RAM heeft. (Ja, de processor, geheugensnelheid en hoeveelheid opslag zijn natuurlijk wel minder met zo'n prijsverschil).

[skimine]

Je kan als gebruiker nieuwe producten aandragen op https://tweakers.net/pricewatch/
Onderaan de pagina staat de tekst "Product toevoegen". Stukje onder de knop "Winkel beoordelen".

[MrJoery]

Elke verkoper heeft zijn eigen prebuilds. Dat lijkt mij onbegonnen werk.

Ik zie het ook vaker met laptops, bijv. HP die een bepaald type laptop verkoopt aan bol.com en een ander type, met zowat dezelfde specs aan Coolblue.

[Robbierut4]

Mediamarkt doet dit volgens mij al heel lang. Verander 1 klein detail aan een apparaat, krijgt het een nieuw typenummer en is vervolgens onmogelijk te vergelijken met andere winkels.

Mediamarkt is dan altijd de goedkoopste op dat product, want enige verkoper.

[JeroenED]

Ik meen mij te herinneren van de podcast dat er zelf een ander typenummer bestaat voor de vervoerswijze. Dat ABC123A per vliegtuig van china naar europa ging, en ABC123B met precies dezelfde specs per boot. Klinkt ook voor mij als een indianenverhaal, maar wil vooral duiden dat het echt een stom detail kan zijn voor een ander typenummer erop te plakken.

[magician2000]

Ze sluiten een "exclusiviteitsdeal" door een bepaald aantal af te nemen met de voorwaarde dat ze een eigen typenummer krijgen.

Dit is een stukje oplichterij die keihard aangepakt mag worden.

Het lijkt op het vroegere systeem wat Expert had. Die kochten een bepaald aantal van een type wasmachine waar dan de tekst "Expert" bij op kwam. Maar het typenummer bleef hetzelfde. Wel was er een voordeel voor Expert qua inkoop die (deels) doorgegeven werd aan de klant.

Bedrijven (ketens waarbij de winkels onder één concern vallen en geen individuele eigenaren hebben zaols bijvoorbeeld Expert) als MediaMarkt en CoolBlue kun je op dat vlak niet vertrouwen.

[Olaf van der Spek]

Verander 1 klein detail aan een apparaat,

Is dat nodig? Volgens mij genereren ze gewoon een nieuw typenummer..

[Nicked]

Het zou fantastisch zijn als de Pricewatch dit soort gelijkaardige producten automatisch zou kunnen groeperen om te kunnen vergelijken, aangezien er inderdaad heel veel producten zijn (met name laptops en systemen) die per winkel nét iets anders geconfigureerd zijn (zoals @MrJoery ook al noemde). Dan moeten de verschillen wel heel duidelijk zichtbaar zijn om goed te kunnen vergelijken. Maar ik vrees dat dit best complex is om te bouwen, voor een vrij beperkte set producten.

Uiteraard kan je dit als gebruiker ook zelf met de filters, dan is alleen het iets meer werk.

[HugoBoss1985]

Hartelijk dank voor het mogelijk maken van foutieve prijzen melden op mobiel!

Hoe komt het dat er bodemprijzen, die soms uren online zijn, niet meegenomen worden in de prijsgrafiek?
Ik doel dan met name op videokaart prijzen omdat ik het daarmee vaak tegenkom.
Als dat automatisch gaat kan er hiervoor wellicht ook een optie worden toegevoegd om handmatig bodemprijzen toe te voegen/te melden?
De prijsgrafiek geeft hierdoor namelijk regelmatig een foutief beeld van de minimum prijs van een artikel (videokaart).

[Reactie gewijzigd door HugoBoss1985 op 10 juni 2025 11:59]

[ACM]

Hoe komt het dat er bodemprijzen, die soms uren online zijn, niet meegenomen worden in de prijsgrafiek?

We hebben momenteel zo'n 300.000 producten met prijzen, dus we willen/moeten bij het verzamelen van de voor de grafiek benodigde historische data dat zo efficiënt mogelijk doen. Zowel in termen van opslag als in de benodigde rekentijd.

Voor de prijsgrafiek is er destijds (zo te zien al in 2000) voor gekozen om dat op te lossen door slechts 1x per dag - rond middernacht - van alle producten de dan geldende laagste prijs vast te leggen.

Tussentijdse prijzen zul je daardoor dus niet zien, met dien verstande dat we wel de 'vandaag'-waarde er bij zetten en dat is de laagste prijs die op dat moment in de lijst staat (op wellicht een beetje caching-effecten na). Die waarde wordt verder niet opgeslagen in de dataset voor de prijsgrafieken.

We hebben momenteel geen plannen om dat te veranderen naar een of ander systeem dat dat gedurende de dag steeds bijwerkt.

En al helemaal geen plannen om (veel) meer dan 1 datapunt per dag te bewaren; het is nu al ruim 80GB aan historische prijsdata (plus nog eens 90GB voor de "indexen" data om de boel snel te kunnen doorzoeken).

[HugoBoss1985]

Dank voor de uitgebreide reactie met informatie en het inhaken.

Ik begrijp nu hoe de prijsgrafiek tot stand komt.
En ik begrijp dat het wellicht te omslachtig is om het indexeer- en opslag systeem aan te passen.

Feit blijft wel dat er dus bepaalde minimum prijzen (die buiten het indexeren vallen) niet in de grafiek worden opgenomen.
Vandaar het idee/voorstel om net als de foutieve prijzen dit systeem open te stellen voor meldingen van gebruikers/medetweakers.
Dit veranderd niets (weinig?) aan het indexeren (de rekenkracht die daarvoor nodig is) en aan de verwerking van het datapunt.
Het enige is nadeel is dat een vrijwilliger/Tweakers.net medewerker de meldingen moet verifiëren en eventueel doorvoeren.
Zoals ook in het geval van meldingen over foutieve prijzen in de Pricewatch.

Ik denk dat dit wel meerwaarde heeft en belangrijk is voor (potentiële) kopers en geïnteresseerden!

Maar wellicht denk ik er te makkelijk over en is dit (te)veel werk om aan te passen en kost het (te)veel opslag ruimte.

Ik noem als voorbeeld nog wel graag even de PowerColor Hellhound RX 9070, welke al twee keer de +/- €599 heeft aangetikt bij Nederlandse webshops.
Dat is nogal een verschil met wat er nu (€665,29) door de grafiek/het systeem als minimum bedrag staat.

[Reactie gewijzigd door HugoBoss1985 op 10 juni 2025 15:49]

[Xanquezer]

Ik die de prijs geschiedenis aan het bekijken ben.
Is het mogelijk om deze groter te krijgen? of als lightbox (popup na klik)?

[cracking cloud]

Als je je browser iets smaller maakt komt die wel weer in de volle breedte in beeld.

[Christoxz]

Bedankt voor de tip! Maar ik sluit mij aan bij @Xanquezer, hij mag van mij zelf default groot zijn zoals voorheen.

[Gwaihir]

Yep, ik zit hier ook al een paar weken mee te klooien. Hij is véél te smal geworden zo. Ik mis heel erg een optie om 'm weer naar beneden te gooien, of anderszins de volle breedte te gunnen, @jelle.

[Jurgen75]

Ik sluit mij hier ook graag bij aan, ik vond het vroeger beter, toen hij nog groot weergegeven werd

[darkjeric]

Helemaal akkoord hier, zeker voor producten die al enkele jaren te koop zijn is het nu soms wel heeeel erg mikken met de muis-hover om de historische minimumprijs te kunnen lezen.

Idealiter dus een toggle waarmee je de prijsgrafiek toch weer op volle breedte onderaan kunt krijgen zoals vroeger. Nu is het eerder onbruikbaar...

[markisoke]

Ik het volgende script gemaakt welke in Tampermonkey of Greasemonkey geinstalleerd kan worden. Deze verplaatst de grafiek weer naar de oude positie: https://greasyfork.org/nl/scripts/536612-tweakers-pricegraph-mover en is dan weer het originele formaat.

[Reactie gewijzigd door markisoke op 10 juni 2025 12:53]

[Stijnvi]

Ik kom nog steeds heel vaak "wordt verwacht" tegen als laagste prijs in de balk bovenin op de productpagina, terwijl de prijs wel wordt weergegeven in de zoekresultaten. Hopelijk kan dit snel worden opgelost.

[jelle.]

Kan het zijn dat er een shopfilter aanstaat? Specifieke winkels kun je in- of uitsluiten via het instellingen-icoontje rechtsboven de pricelisting.

[Stijnvi]

Er staat geen shopfilter aan.

Edit:
Misschien lag het wel aan het shopfilter.
Het lijkt in ieder geval vaker voor te komen wanneer ik wel een shopfilter aan heb staan. Maar het product is wel gewoon beschikbaar bij de geselecteerde winkels, en dit is ook zichtbaar in de pricewatch.

[Reactie gewijzigd door Stijnvi op 10 juni 2025 12:54]

[TheProst]

Zet voor nu de vanaf prijs op 1 euro. Dan zal je die niet meer zien. Dit is te minste wat ik doe

[darknessblade]

Persoonlijk vind ik de kleinere graph minder fijn dan de oude bredere.

[NLxDoDge]

Misschien een knop om hem te switchen tussen volledige breedte en de kleine variant? Dat zou ook prima zijn.

[darknessblade]

IDD. dat zou een prima tussenoplossing zijn.

[Loft]

Mee eens.

Heb ik een tijd geleden aangekaart... Daar posten / thumbs up helpt misschien

[Robbierut4]

Ik kwam de nieuwe weergave van de prijsgrafiek laatst al tegen. Mis helaas wel een beetje de details nu. Zeker bij producten die al jaren uit zijn.

Ik snap dat je door een specifieke periode te kiezen je wel meer detail ziet, maar niet meer als geheel paginabreed.

Weet niet of ik de enige ben hierin hoor. Maar anders een idee om er een pop out knop bij te maken die het paginabreed weergeeft?

[EdwinB]

Wat jij wil kun je nog steeds wel voor elkaar krijgen door je browservenster kleiner te maken. Vanaf een bepaald punt schiet de grafiek weer naar de originele plek terug.

[Loft]

Ja, dat kan, maar dan kijk je dat in mobiel formaat en dan werkt ook matig. Plus je moet je hele browser weer versmallen. UX/CX kan beter door die grafiek gewoon weer onderaan te plaatsen.
Of, klikbaar dat die dan verbreed wordt, maar dat is weer extra code.

Overigens al een tijd geleden aangekaart.

https://gathering.tweakers.net/forum/list_message/82471252

[Loller1]

De kleine prijsgrafiek heb ik al een week of 2 en ik moet zeggen dat het echt niet fijn werkt. Laat het terug de volledige breedte innemen en maak hem terug hoger. Wat een slecht idee om die data in een klein vakje in de sidebar te proppen.

[Loft]

Mee eens.

Ik heb een tijd geleden al een topic aangemaakt om dat aan te kaarten. Heel raar dat een functionaliteit die baat heeft bij breedte, extra smal gemaakt wordt.

https://gathering.tweakers.net/forum/list_message/82471252

[TheProst]

Dankjullie wel voor jullie harde werk en continue verbeteringen

[Cybje]

Is er eigenlijk ook een mogelijkheid om te filteren op refurbished of teruggestuurde producten? Ik wilde dat laatst voor de aanschaf van een laptop, maar kon het niet vinden.

Vaak is dat voor mij een mooie manier om wat minder geld uit te geven, als ik wat lichte gebruikssporen of een geopende verpakking geen probleem vind.

[CH4OS]

De awards lijken nu onderdeel van de afbeelding te zijn, dat lijkt me een beetje een uitnodiging tot inconsistentie, uitgaande van het eerste screenshot. Het lijkt mij ook dat deze awards (Great Value, Ultimate e.d.) een vaste plek hebben wanneer de producten een dergelijke review hebben gehad vanuit de redactie? Ook mogen deze labels/awards wat mij betreft een iets prominentere plek hebben dan in/naast de afbeelding(en).