Door Sander den Heijer

Product Lead

Shopfilter actief in het prijsoverzicht - Development-iteratie #215

02-09-2021 • 08:32

46

Development-iteratie #215 is afgerond. In deze sprint hebben we nog een aantal mooie verbeteringen doorgevoerd aan het filteren op winkels. Het shopfilter is beschikbaar gemaakt bij de prijsweergave en we hebben het laden van banners verbeterd. Hieronder lees je wat er allemaal is veranderd.

Filters in het prijsoverzicht

Nadat we eerder dit jaar de eerste versie van het shopfilter beschikbaar stelden in de Pricewatch, kregen we veel feedback hierop binnen van de gebruikers. De meest gehoorde wens was dat het ook mogelijk zou moeten zijn om het filter te laten werken in het overzicht van prijzen in de Pricewatch. Zover is het nu; het filter kan worden ingesteld bij het prijsoverzicht. De winkels die je niet wilt zien, verdwijnen niet, maar worden getoond onder de lijst met winkels die je wel wilt zien.

shopfilter-pricelist_desktop
Shopfilter bij het prijsoverzicht

Het filter heeft nu nog geen koppeling waarmee de bij het productoverzicht gekozen instelling meeverhuist naar de prijsweergave. Die willen we nog toevoegen. Wel wordt een gekozen uitsluiting in het shopfilter nu onthouden als je verdergaat met zoeken naar producten in een andere categorie. Ook bij herhaalbezoek worden de eerder geselecteerde shops die je niet wilt zien, weer aangegeven. Dit werkt alleen als je ervoor kiest om winkels niet te zien.

Daarnaast is ook op zowel het product- als het prijsoverzicht de mogelijkheid gecreëerd om te zoeken op de winkelbeoordeling. Hiermee kun je bijvoorbeeld alleen producten en prijzen in beeld krijgen van webshops die vier of meer sterren gemiddeld scoren. De interactie is ook hier weer zo dat de winkels die je hiermee wegfiltert, getoond worden onder de lijst met winkels die je wel wilt zien. Ook hier worden eerder gekozen opties nog niet onthouden en gaan ze nog niet mee van het productoverzicht naar het prijsoverzicht.

winkelbeoordelingfilter

Altijd ruimte reserveren voor de 'top'-banner

Het is zowel jullie als ons al jaren een doorn in het oog dat zodra banners laden, de inhoud van de pagina kan verspringen. Dat komt doordat we de banners 'asynchroon' inladen. Dat heeft voordelen; er is tenslotte geen goede reden om niet alvast iets met de pagina te kunnen doen. Het heeft echter vooral bij de banner bovenaan vaak tot gevolg dat de inhoud van de pagina verspringt en dat kan natuurlijk net gebeuren op het moment dat je wilde klikken op een nieuwsbericht bijvoorbeeld.

Er is in de loop van de jaren diverse keren gevraagd om dan gewoon de desbetreffende ruimte alvast te reserveren. Het probleem dat we daarmee hadden, en deels nog steeds hebben, is dat we niet zeker zijn dat er een banner komt en als er een banner komt, hoe hoog die is. Er kunnen in de desktopweergave banners met drie verschillende hoogtes komen. Kortom, we moesten kiezen uit een aantal kwaden. Enerzijds was er de keuze om ruimte te reserveren die misschien niet gebruikt wordt en dan 'loos' is. Anderzijds waren er keuzes voor twee varianten van verspringen; als een banner geladen wordt of juist als de gereserveerde ruimte uiteindelijk niet gebruikt zou worden.

We hebben die keuze opnieuw bekeken en nu toch besloten om ruimte te reserveren. Er wordt nu de middelste, de gebruikelijkste, maat gereserveerd. Mocht de grotere maat geladen worden, dan zal er alsnog een beetje verspringing zijn, maar minder dan voorheen. Als de kleinere maat wordt geladen, dan wordt die in de hoogte van het geserveerde vlak gecentreerd zodat er verder geen verspringing plaatsvindt. Om te voorkomen dat er een groot wit vlak bovenaan staat, wordt er een alternatief getoond ter opvulling van de ruimte. Dit is een 'lichtgewicht' banner, zonder bewegende delen, die we zelf beheren. Deze zal in de praktijk bestaan uit interne aankondigingen, zoals een melding dat er een nieuwe Best Buy Guide live is gezet of een aankondiging van een evenement.

Fallback_banner
Voorbeeld van een 'lichtgewicht' banner

En verder…

  • De interactie om een advertentie in Vraag & Aanbod te plaatsen is verbeterd. Het zijn nu twee aparte call-to-actions naast elkaar. Dit moet het onderscheid tussen het plaatsen van een vraag- en een aanbodadvertentie wat groter maken.
  • Er zat nog een bugje in de consentflow op het nu trackingvrije forum. Dat kon er onder andere toe leiden dat er zonder dat je daar toestemming voor had gegeven, een YouTube-video-embed actief laadde in een nieuwe reactie. Dat is nu opgelost.

Reacties (46)

46
46
44
3
0
0
Wijzig sortering
Zou het ook niet handig zijn om een winkelmand functie in T.net te hebben? Zodra je je mandje gevuld hebt, heb je de mogelijkheid om lijstjes te genereren van spullen die je bij bepaalde webwinkels kan kopen, met de totaalbedragen erbij (en verzendkosten). Je kan dan bijvoorbeeld opties hebben op 'goedkoopst', 'zo min mogelijk webwinkels', 'zo snel mogelijk geleverd', ... van het geheel.

Zoiets zou zeer handig zijn bij bijvoorbeeld het bouwen van een PC.

[Reactie gewijzigd door The Zep Man op 23 juli 2024 19:00]

Je hebt wensenlijstjes die je hiervoor kunt gebruiken
Hardware info had/heeft daar een mooie functie voor inderdaad en Tweakers dus ook :)
Ik dacht dat zoiets al bestond?
Als het bestaat, dan heb ik het nooit gevonden. Kan aan mijn onwetendheid liggen, kan aan de UI liggen. ;)
Dat is een wenslijst, bij het bekijken van een product kan je op "willen" klikken en deze toevoegen aan of bestaande wenslijsten of een nieuwe wenslijst maken. Hiermee kan je ook bestelkosten berekenen waarbij er op vanalles gefiltered kan worden en ook diverse combinaties getoond worden (bijvoorbeeld alles bij één winkel, minimaal x aantal producten van een winkel, etc). Zie screenshots hieronder.Het mooie is ook dat je wenslijsten prive of publiek kan maken en in het laatste geval kan je deze ook gebruiken om mensen om feedback te vragen.

[Reactie gewijzigd door Creesch op 23 juli 2024 19:00]

Dat bestaat al, dat is de wenslijst. Klik op je gebruikersnaam rechtsboven en dan is het de onderste optie onder "mijn profiel".
Ik ben serieus verbaast dat iemand met zo'n status op Tweakers niet van het bestaan van de wenslijst weet.
Dat hebben we ook al :) Als je op een product pagina zit dan staat er een knopje 'willen', die kun je aanvinken, en als je dan een mooie wenslijst hebt gemaakt kun je exact dat doen wat jij voorstelt.
Die functie is er al door middel van een wensenlijstje!

Wensenlijstje maken, en dan op de knop bestelkosten rekenen klikken ;)
Voldoet de Wenslijst feature niet aan je verwachtingen dan ? :)
Dat kan al hoor, en wensenlijstje aanmaken ;)
De anderen noemen het niet expliciet, maar bij een wenslijst kan je 'bestelkosten berekenen' wat doet wat jij beschrijft.
Op reactie van 'Er zat nog een bugje in de consentflow op het nu trackingvrije forum. Dat kon er onder andere toe leiden dat er zonder dat je daar toestemming voor had gegeven, een YouTube-video-embed actief laadde in een nieuwe reactie. Dat is nu opgelost.'
Waarom laden we niet de nocookie versie standaard als een gebruiker een youtube video plaatst in een post? Simpele fix en voorkomt nog meer externe cookies volgens mij
Helaas zet de YouTube no cookie variant alsnog een cookie zodra je op Play drukt.

https://complianz.io/yout...bed-youtube-on-your-site/
Verschil met de gewone variant van YouTube is wel, dat die een aantal cookies zet en de nocookies variant maar 1, dat is dus al een stuk minder. Daarnaast kan er in twee jaar tijd (het artikel dat je linkt is immers 2 jaar oud) best een hoop veranderd zijn.

Ook is in die twee jaar met betrekking tot de cookiewalls ook een en ander verder verduidelijkt (en heeft Tweakers ook eindelijk een legale cookiewall).

[Reactie gewijzigd door CH4OS op 23 juli 2024 19:00]

Mijn collega @crisp heeft er (zie topic in de thread) 8 maart 2021 nog naar gekeken.
We hebben hier overigens nogmaals naar gekeken, en voor zover we hebben kunnen beoordelen is het gebruik van youtube-nocookie nog steeds niet echt cookie-less. Als je al eerder cookies van youtube had dan worden deze nog steeds gebruikt als een embedded video ads opvraagt. In die zin moet een website die een video via youtube-nocookie embed feitelijk altijd nog consent hebben van de bezoeker. Het gebruik van youtube-nocookie vrijwaart je hier dus niet van; zodra je een video gaat afspelen wordt je dus feitelijk bijna altijd alsnog getracked.

Daarnaast werkt ook de JS API koppeling niet meer bij het gebruik van youtube-nocookie. Deze gebruiken wij bijvoorbeeld voor het zelf bijhouden van bepaalde statistieken, en om te zorgen dat er geen 2 video's op dezelfde pagina tegelijk kunnen afspelen - een eis die Google stelt bij het gebruik van hun API koppelingen.

We zullen dus geen youtube-nocookie gaan gebruiken, maar op termijn de youtube embeds gaan voorzien van een click-to-load functie waarbij je expliciet consent moet geven om embedded youtube video's te kunnen bekijken.
Het hoeft voor mij (noch voor de GDPR overigens) volledig cookieless te zijn overigens en de nieuwe cookiewall heeft de laatste alinea van Crisp geïmplementeerd. :)
Omdat de 'nocookie' oplossing van youtube alsnog cookies gebruikt wanneer je de video afspeelt, en dus geen fatsoenlijk alternatief is en er alsnog consent voor nodig is. Zie ook https://gathering.tweaker...message/66439184#66439184 ;)
Ow joh. Dat is suf. Dank voor de uitleg :)
De bedoeling van nocookie YouTube is vooral dat het minder cookies heeft, maar lesscookies bekt minder lekker en is meer typen. :+
lol, Ik las Shoplifter actief in prijsoverzicht :+
Super toevoeging trouwens _/-\o_
Ik ook! Vroeg me al af hoe dat in zijn werk zou gaan :P
Haha, ik ook een halve seconde.
Ik dacht al dat een typsiche mindfuck van mezelf was :-D
Eindelijk van Max ICT af zonder css-snippets te hoeven gebruiken!!
Niet helemaal is mijn ervaring nu, als je een nieuw artikel aanklikt staat die wederom in de lijst en moet je de winkel op de nieuwe pagina weer er uitfilteren. Of doe ik wat fout?
Het 'doorgeven' van het filter is iets waar op dit moment nog aan gewerkt wordt :)
Mooi dat die in de sprint of op de backlog staat, wordt hier zeer geapprecieerd!
Top, nu kan ik Max ICT en Amazon wegfilteren. Dat is zeer prettig. Thanks!
Precies de 2 winkels die vast in mijn exceptionlijstje komen :)
Twee goede ontwikkelingen. Fijn dat er naar feedback wordt geluisterd!
Zeker fijn, alleen jammer dat het best lang duurt eer er naar geluisterd wordt. De optie om te kunnen filteren in shops binnen de Pricewatch is een lang gekoesterde wens van velen! Dankzij deze implementatie wordt de Pricewatch weer on par met andere prijsvergelijkers.
Nice! Ik was zelf al in de weer geweest met een css snippet die winkels met een lage rating in de filter een kleurtje gaf maar dat is dan ook niet meer mogelijk.

Totaal niet gerelateerd maar omdat ik net bezig was een reactie te typen met een hoop BBcode, zijn er toevallig plannen voor een live preview functie bij het typen van reacties? Ook op het forum zou het uitkomen hoewel daar iig een preview functie aanwezig is.
Auteurikloon Product Lead @Creesch2 september 2021 10:59
We hebben zeker nog de wens om de gebruiksvriendelijkheid van de editor te verbeteren voor het schrijven en opmaken van posts middels een wysiwyg-oplossing die de meest voorkomende tags ondersteunt. Het staat op onze backlog. Maar een concrete planning hiervoor heb ik nog niet.
Kun je een shopfilter ook vastleggen voor b.v. al je items in je wenslijst? Zodat ik ook geen notificaties van deze shops krijg als ze weer eens dik onder de prijs gaan zitten? (lokkertje)

[Reactie gewijzigd door Roko op 23 juli 2024 19:00]

Auteurikloon Product Lead @Roko2 september 2021 14:39
Nee, de koppeling naar de prijsalerts (zowel voor notificaties als e-mails) is er nog niet. Dat is wel een bekende wens die genoteerd staat. :)
Enige kans dat jullie een filter voor 'Refurbished' artikelen gaan toevoegen? Handig voor mensen die wat willen besparen, of wat klimaat-bewuster zijn.
Daar zijn op dit moment geen concrete plannen voor.
Fantastische toevoeging! _/-\o_ _/-\o_ _/-\o_

Op dit item kan niet meer gereageerd worden.