Aangepaste volgorde van Pricewatch-filters - Development-iteratie #284

In de afgelopen sprints hebben we ons gericht op zichtbare en onzichtbare verbeteringen aan de Pricewatch-filters. Daarnaast hebben we de overzichtspagina's van Best Buy Guides aangepast, zodat je gemakkelijker kunt navigeren.

Volgorde van Pricewatch-filters

De zichtbare verandering aan de Pricewatch is de volgorde van de categoriespecifieke filters. In elke Pricewatch-categorie is een reeks standaardfilters beschikbaar, zoals prijs, winkels en awards. Daarnaast bieden we specifieke filters per categorie, zoals de resolutie bij smartphones of laptops en noisecancelling bij hoofdtelefoons. Uit een data-analyse bleek de volgorde van de categoriespecifieke filters niet altijd overeen te komen met het gebruik ervan. Filters die veel werden gebruikt, stonden bijvoorbeeld laag in de lijst en waren daardoor slecht vindbaar. Daarom hebben we de volgorde aangepast in de top vijftien populairste categorieën, zodat hij beter aansluit bij het gebruik door bezoekers.

Technische refactor

Voor de toekomst hebben we plannen om de filters nog verder te verbeteren, onder andere om de interactie op mobiel gebruiksvriendelijker te maken. Ook ligt er een concept om de standaardfilters bovenaan de productenlijst beschikbaar te stellen, zodat dit gescheiden is van de categoriespecifieke filters. De komende tijd zullen we daarom een aantal a/b-tests op de filters doen.

Voordat het zover is, zijn er vernieuwingen onder de motorkap nodig. De huidige code is meer dan tien jaar oud en niet makkelijk aan te passen doordat diverse verantwoordelijkheden in de code met elkaar zijn verweven. Daarom zijn we nu bezig om de rendering van alle filters opnieuw te bouwen, zodat de HTML wordt gescheiden van de rest van de code. Dit maakt het vervolgens makkelijker om de bovengenoemde wijzigingen daadwerkelijk te bouwen. Overigens was dit voorheen ongeteste code. Met deze aanpassingen komen er ook geautomatiseerde tests bij.

Navigeren in Best Buy Guides

Sinds eind vorig jaar worden de Best Buy Guides in een nieuwe opzet gepubliceerd. Inmiddels zijn bijna alle bestaande BBG's in deze vorm beschikbaar. Om onderlinge navigatie tussen de verschillende artikelen eenvoudiger te maken, hebben we de ankeilers op de overzichtspagina's van de productgroepen hoger geplaatst. Daarnaast is het blauwe navigatieblokje op de overzichtpagina's en in de gidsen geautomatiseerd, zodat je eenvoudig kunt doorklikken naar gerelateerde BBG's.

Voorkomen van cacheproblemen

We hebben de manier waarop bestandsnamen worden gegenereerd voor CSS en JavaScript, verbeterd. We gebruikten enerzijds een systeem dat werkt met unieke bestandsnamen, anderzijds voor legacy-SCSS en JavaScript een methode die de timestamp in een parameter aan de URL toevoegt. Bij sommige releases leek de legacy-CSS niet geüpdatet te zijn, waardoor sommige bezoekers een oude versie van de pagina zagen. Waarschijnlijk werd dit veroorzaakt doordat soms de ene server met de nieuwe versie de URL genereerde en een andere server met de oude versie deze URL verwerkte en in de cache plaatste. Daarom gebruiken we voor de legacy-SCSS en JavaScript nu ook een methode die unieke bestandsnamen genereert, waardoor cachebusting eenvoudiger is geworden. We verwachten dat dit soort cacheproblemen hierdoor niet meer zullen optreden.

Stilte?

Het is je misschien opgevallen dat er al een tijdje geen .plans over development-iteraties zijn geweest. Dat betekent natuurlijk niet dat we sinds de laatste update op onze handen zijn gaan zitten, maar we zijn met name druk geweest met belangrijke zaken in de achterliggende systemen en code, wat (nog) niet zichtbaar is voor jou als bezoeker. Dit zijn bijvoorbeeld de overgang naar het advertentiesysteem van DPG Media, en het verbeteren van de code en werking van de Pricewatch zoals hierboven beschreven. Helaas is het voor beide zaken lastig of zelfs onmogelijk om dat, zoals we gewend zijn, iteratief op te leveren: vandaar de stilte. Zodra er zaken zichtbaar of met impact op de bezoeker gaan veranderen, zullen we dat uiteraard weer via dit soort .plans communiceren.

En verder

• Het veld voor het ordernummer bij shopreviews is verplicht gemaakt, in overeensteming met onze spelregels. Bij het schrijven van een shopreview heb je nog steeds zelf de keuze om aan te geven of een winkel contact met je mag opnemen.
• Als je als zakelijke verkoper een advertentie plaatst op Vraag & Aanbod, wordt voortaan gecontroleerd of alle zakelijke gegevens (met uitzondering van de website) zijn ingevuld. Zonder deze gegevens kun je als zakelijke verkoper geen advertentie plaatsen.
• Een bug waarbij pop-ups achter de sidebar konden verdwijnen, is verholpen.
• Links naar YouTube-filmpjes in reacties onder artikelen nemen nu automatisch de titel over, zoals ook al op het forum gebeurde.
• De input in een pop-up verdwijnt niet meer als je deze sluit.

Reacties (31)

[FlipFluitketel]

Is het filter voor de levertijd verdwenen in de Pricewatch of kijk ik er compleet overheen? Dat was tenminste nog een optie om de refurbished-items eruit te halen.

[hherrie]

Ik zie nog steeds een filter 'Maximale levertijd' staan. Het staat redelijk hoog, net boven 'Winkels'.

[FlipFluitketel]

Ik zie hem niet staan

[Horatius]

Lijkt oop een bug, even rapporten op het forum. Al eerder gemerkt dat bij sommige pagina's filters missen.

[jelle.]

Dit betreft een A/B-test, ik heb net ook even in je topic gereageerd

[Anonymoussaurus]

Denk dat je er volledig overheen kijkt, als ik hier kijk staat het er gewoon nog, links bijna helemaal bovenaan.

[Seditiar]

Staat er bij mij ook niet meer tussen, één van de zo niet dé belangrijkste filter van de Pricewatch.. Als dit de bedoeling was dan snap ik niet de redenatie hiervan.

Edit: Bij een specifiek product wel, maar daar is het volledig nutteloos want daar zag je altijd al in een oogopslag welke webshop het wel fatsoenlijk snel zou kunnen leveren.

[Reactie gewijzigd door Seditiar op 22 juli 2024 18:05]

[nzall]

Zouden jullie ook eens kunnen kijken naar de opties bij de prijsfilter, en of deze nog wat overeenkomen met feitelijk aangeboden prijzen? Deze opties bij de videokaarten bijv lijken mij nog te stammen uit de tijd dat de GPUs tussen de 150 en de 700 EUR kostten en het verschil tussen verschillende modellen maar rond de 50 EUR was, in plaats van prijzen tussen de 300 en 2000 EUR met verschillen van 100 EUR of meer. Tussen de 200 en de 900 springt dit met stappen van 40 omhoog, waarvan ik de logica niet echt snap. En vanaf de 900 gaat het dan omhoog met 100 EUR, tot 1500 EUR, waarmee je dus net onder de 4090 omhoogspringt naar 2,250 EUR. En van daar springt de prijs ineens omhoog met verdere stappen van 750 EUR. Nogmaals, ik snap hier niet echt de logica van en wat hiermee beoogt wordt.

[ACM]

Die opties worden al ruim 14 jaar automatisch bepaald, precies om de reden die jij aangeeft; als we het handmatig zouden doen loopt het steeds achter de feiten aan...

Wat echter bij prijzen een lastig punt is, is dat er vaak groepen producten rond een zelfde prijspunt zijn. En dat er daarnaast hele dure en hele goedkope producten bij zitten, die doorgaans beide weinig verkocht worden. Bij tv's was dat op een gegeven moment bijvoorbeeld iets van 50 euro aan de onderkant tot iets van 80.000 euro aan de bovenkant...

Verder hebben we ooit vastgelegd dat er maximaal 30 stappen zijn, omdat het anders simpelweg niet te bedienen is met de muis.

Al met al zou een "lineair" filter van laagste tot hoogste prijs dan onwerkbaar worden voor de meeste categorieen. Je zou met dat tv-voorbeeld met 1 of 2 stappen al vrijwel alle producten hebben weggefilterd... En dan 28 stappen die bijna geen extra tv's wegfilteren.

Maar zelfs als die 80k tv's of alles boven 5k weggelaten wordt, wordt het soms onbruikbaar. Zoals gezegd zijn er vaak veel producten met ruwweg dezelfde prijs. Je zou dan bijvoorbeeld een stap van 175 euro kunnen krijgen, maar daarmee heb je dan alsnog dat er soms grote hoeveelheden producten in een keer worden weggefilterd en je niet voldoende kan verfijnen. Terwijl op andere punten bijvoorbeeld tussen 4825 en 5000 euro dan misschien helemaal geen producten heeft.

Er is daarom destijds een algoritme ontwikkeld dat in dat speelveld vooral zoekt naar een setje prijsstappen waarmee ongeveer evenveel producten per stap wegvallen. Daarbij is wel rekening gehouden met hoeveel views en prijzen de producten hebben, zodat de populaire producten wat meer invoed op de overgangspunten hebben.

En dat ook nog eens zodanig dat de stappen zelf wel "mooi' zijn, in dit geval stappen van 1, 2.5, 4, 5 of 7.5 (of dat keer 10, 100, etc). Er is ook bewust voor gekozen dat die stappen ook kleiner kunnen worden als de "dichtheid" van producten rond een bepaald prijspunt hoger is, zodat je dus niet met 1 stap dan ineens een groot deel van de keuzemogelijkheden weghaalt.

Is het perfect? Vast niet. Het heeft sowieso geen weet van wat er bij specifieke productgroepen gebeurt. Zoals dat bij videokaarten de chipset in grote mate bepaald wat een logische prijsovergang zou zijn. En het heeft ook last van zowel het feit dat er vaak relatief dure producten tussen zitten die ook nog eens flink verspreid in prijs zijn, waardoor ze niet zo snel allemaal in hetzelfde vakje terechtkomen. En "helaas" zijn er ook altijd wel wat producten dicht bij de 0 euro, wat dan weer het beginpunt dicteert.

Voor wat betreft 700 euro bij videokaarten, als je het filter op 0-720 euro zet, voldoen er momenteel 797 van de 1.276 producten aan. Van 720 tot de bovengrens zijn er 479. En dat filter staat slechts net voorbij de helft... dus ik zou niet goed weten hoe het beter kan.

Handmatig bijhouden willen we in ieder geval ook liever niet en zelfs dan zal je niet ontkomen aan die eerder genoemde ongelijke spreiding van productprijzen.

[nzall]

Bedankt voor deze uitleg. Ik kan inderdaad goed begrijpen dat jullie een automatische oplossing hiervoor hebben gemaakt. Echter, als ik kijk vanuit het standpunt van een gebruiker is een prijspunt van pakweg 720 of 680 tamelijk onhandig om te zoeken. Gebruikers hebben vaak een rond getal als bovenlimiet van hun budget in het achterhoofd, en dan is het vervelend als een groot deel van de meervouden van 50 niet beschikbaar zijn.

Hebben jullie al overwogen om gebruikers toe te staan om een vrij bedrag in te geven? Ik kan mij moeilijk voorstellen dat jullie automatische filter zodanig geschreven is dat deze niet zou kunnen werken met een bereik tussen 2 natuurlijke getallen.

[jelle.]

Het invoeren van een specifieke waarde is inderdaad een mogelijke verbetering waar we naar aan het kijken zijn

[youridv1]

Ik heb direct even bij categorie: Moederborden gekeken. Dit is zo veel beter. Wifi, ethernet, bluetooth en aantal schijven staan hoog.

Tegenwoordig zie je dat zo vaak in DKA. Het enige dat er toe doet tegenwoordig is de socket, wel of geen wireless en hoeveel m.2. Dat gaat nu in 1 moeite door.

Top werk dit.

[Reactie gewijzigd door youridv1 op 22 juli 2024 18:05]

[paoper]

Het enige wat ik op te merken heb is dat deze filters nu niet meer te vinden zijn onder de titel van de categorie. Uit jouw voorbeeld, bv is er de filtercategorie 'Wifi en Bluetooth'. En dat bevat nu slechts nog één filter, zijnde 'wificontroller'. Bluetooth staat daar nu geheel niet meer (die staat alleen boven) en WLAN (dus de ondersteunde wifi versie) net zo.

Dat zou mij dan weer wat frustratie geven dat dit verwarrend / inconsistent / verspreid is en niet logisch vindbaar. Het is nog steeds een vrij lange lijst aan filters om doorheen te scrollen - begrijp mij niet verkeerd, ik ben fan van zo veel mogelijk filters - maar dat geeft wel wat zoek&vind-uitdagingen nu.

[Glaanie]

De filtercategorieën die jij benoemt, heten bij ons specificatiegroepen. En deze worden ook gebruikt in de filters, wat niet altijd handig is, zoals in dit geval waarin je maar 1 filter overhoud in een hele groep. Dus als we dit willen aanpassen, is het misschien weer onlogischer of rommeliger op het tabje met de specs, bijvoorbeeld uitvoering: ASUS TUF Gaming B650-PLUS WIFI. Voor nu hebben we gekozen om het specificatie tabblad wat dit betreft prioriteit te geven tov de filters. En we hebben de wens bij ons productteam ge-uit dat we graag filtergroepen los willen gaan beheren Dus voor nu moeten we er helaas mee leven

[paoper]

Klinkt goed, ik heb er ook wel vertrouwen in dat het opgepakt wordt / in transitie is, maar geeft nu iig wat verwarring / gezoek. Dank voor de extra info!

[nzall]

Wat is de lijst van 15 meest bezochte categoriën? En zal deze update ook worden toegepast op andere categoriën? Ik heb zonet de videokaartencategorie bezocht en deze lijkt nog steeds praktisch hetzelfde eruit te zien.

[Astie]

Als je de pricewatch opent zie direct de 15 populairste categoriën.

[musicpixel]

Klinkt als een mooie update, maar kan het zijn dat nog niet iedereen 'm ziet? Ik zie nog niet veel verschil namelijk... (die pricewatch filters dus)

[Reactie gewijzigd door musicpixel op 22 juli 2024 18:05]

[jelle.]

De aangepaste volgorde is voor iedereen nu zichtbaar. Het is niet zo dat van elke filter de volgorde is veranderd, we hebben een ondergrens gehanteerd qua gebruik. Dus het kan ook zijn dat het voor jou gewoon niet zo opvalt

[musicpixel]

Weet niet precies wat je bedoelt met "ondergrens qua gebruik". Is dat per bezoeker of voor alle bezoekers van tweakers samen?

Ik zie in ieder geval nog niet echt iets dat veranderd is en heb toch een stel categorien bekeken. Nog steeds staan er initieel vrijwel alleen categorien op mijn scherm die ik nooit gebruik en moet ik minstens een hele pagina naar beneden scrollen om wat bruikbaars te vinden. En dat is op een 4K scherm (native res, browser op 120%).

[jelle.]

De aanpassingen gelden voor alle bezoekers, dus we hebben naar het totale gebruik van de filters gekeken. De filters die (voor alle bezoekers samen) het minst werden gebruikt, hebben we gelaten zoals ze waren. Dus misschien zijn dat net de filters die jij wel gebruikt.

[musicpixel]

Ik doel voornamelijk op de filters: Daling in procenten, Maximale levertijd, WInkels, Awards, Beoordeling product, Beoordeling winkel, Minimum aantal reviews welke ik maar zelden gebruik, maar waar ik wel altijd doorheen moet scrollen. Het zou al enorm helpen als onthouden wordt dat ik ze heb dichtgeklapt.

[jelle.]

Ah, je bedoelt de standaardfilters Daar hebben we in deze iteratie niks mee gedaan, zie toelichting in het artikel hierboven. We zijn wel aan het onderzoeken hoe dit beter kan en hopen daar binnenkort ook wat in aan te passen!

[JustFogMaxi]

Waarom kunnen we niet filteren vanuit de Kenmerken van een Product? Stel ik zit op een Mobo en zie dat dit eigenschap X heeft, dan wil ik op X klikken en alle mobos zien met X.

[Bor]

Een mooie update weer deze keer. Dank voor de aanpassingen en het verzette werk

[Llopigat]

Ja dat van YouTube viel me toevallig gisteren al op! Goed werk.

[P_Tingen]

@jelle. Ik had gehoopt dat het filter op resolutie van telefoons aangepast zou worden van checkboxes naar een slider waarmee je een steeds hogere of lagere resolutie kan kiezen. Nu is het een lijst van - letterlijk - meer dan 100 verschillende resoluties. Als je iets zoekt wat 2000p of hoger is, moet je zo'n 50 vakjes aanvinken. Een slider zou dit vergemakkelijken

[Glaanie]

Ik heb ooit een idee hierover gehad, maar ben hier toen niet mee verder gegaan. Het idee was om de horizontale en verticale resolutie uit elkaar te trekken en dat je met die waarden gemakkelijk kan zeggen "ik wil minimaal zoveel pixels in de breedte" (of hoogte). Ik weet niet waarom we destijds niet hebben doorgepakt, ik ga eens kijken of ik binnenkort iets snel in elkaar kan flansen op een testomgeving, misschien dat ik er dan achter kom waarom het het toch een stom idee was geweest

[P_Tingen]

Als snel idee denk ik dat je je hier kan beperken tot de verticale resolutie. De horizontale volgt daar min of meer uit. Niet helemaal, maar voor filteren lijkt me dat "close enough". Als je zoekt op resolutie gaat het er vooral om dat je niet tientallen vakjes aan of uit hoeft te klikken.

Ben wel benieuwd wat er uit komt, keep me posted als je wil

[Reactie gewijzigd door P_Tingen op 22 juli 2024 18:05]

[Glaanie]

Onder categorie: Smartphones kan je vanaf nu via Beeldscherm -> Verticale res. (mobiel) filteren op de verticale resolutie. Zit een extra check in om het laagste getal te tonen, voor het geval we de resolutie verkeerd-om hebben ingevuld

[P_Tingen]

Oeh, top! Ga gelijk kijken. Dank!