Meer producten, meer vacatures en meer nieuws - Development-iteratie #155

Onze developers hebben iteratie #155 opgeleverd, met daarin wijzigingen op de frontpage, in de Pricewatch en in Tweakers Carrière.

Meer refurbished producten in de Pricewatch

Anderhalve maand geleden hebben we refurbished en teruggestuurde producten aan de Pricewatch toegevoegd. Tot nu toe werden de refurbished-prijzen alleen getoond bij producten die ook een nieuwprijs hadden. Om dit te verbeteren hebben we nu ook refurbished-prijzen beschikbaar bij producten die geen nieuwprijs hebben.

Meer vacatures

In development-iteratie #150 is het filter 'Externe bronnen' toegevoegd. Dat zorgde ervoor dat je ook vacatures van de Nationale Vacaturebank, Intermediair en andere aanbieders te zien kreeg. De werking van dit filter bleek voor gebruikers onduidelijk, terwijl er wel de wens was voor een zo compleet mogelijk aanbod in openstaande vacatures. Daarom hebben we besloten het filter weg te halen en direct alle vacatures zichtbaar te maken. Hierdoor is het aantal vacatures dat direct zichtbaar is, gestegen van 275 naar op het moment van schrijven 5.802.

Meer nieuws

Als volgende stap in de al eerder besproken vernieuwingen hebben we nu op de frontpage een sectie toegevoegd met daarin de meest populaire content. De lijst van artikelen wordt bepaald door een algoritme dat kijkt naar actualiteit, populariteit en het aantal reacties.

Met deze nieuwe feature willen we het makkelijker maken om het belangrijkste nieuws van de afgelopen week terug te kunnen te vinden. Dat is handig voor de groep Tweakers die niet dagelijks de frontpage bezoeken, maar wel op de hoogte willen blijven.

Ook zijn nu alle verwijzingen naar prijzen, gebruikersreviews en forumtopics die horen bij een ankeiler beschikbaar op mobiel. Je kunt de informatie die niet direct beschikbaar is, bereiken door horizontaal op deze balk te scrollen.

Custom-css

In het vorige .plan gaven we aan te werken aan ideeën om het gebruik van custom-css makkelijker te maken. Het idee is dat we gaan werken met custom-css-snippets die voor iedereen met custom-css beschikbaar zijn. Een ‘snippet’ is een stukje css dat je kunt aanmaken met een specifiek doel, bijvoorbeeld ‘marges verkleinen voor de frontpage-nieuwslisting’. Deze snippets kun je aanmaken en beheren in je eigen profiel en uiteraard zelf gebruiken. Voordat we echter een dergelijke feature bouwen, zijn we natuurlijk benieuwd of hieraan behoefte bestaat. In het Forum kun je dat kenbaar maken.

Andere verbeteringen

• Webpushnotificaties zijn beschikbaar voor gebruikers van Microsoft Edge.

• We hebben onze tls-configuratie geactualiseerd. Versies 1.0 en 1.1 werden nog maar nauwelijks gebruikt en die hebben we daarom uitgezet. De beschikbare ciphers voor 1.2 zijn daarnaast opgeschoond, zodat er geen onveilige ciphers meer mogelijk zijn. Verder hebben we een work-around gevonden voor een bug in onze loadbalancersoftware waardoor Chrome niet met tls 1.3 werkte. Dankzij deze work-around kun je nu verbinden met zowel versie 1.2 als versie 1.3.

• Met Symfony 4 was de site in plaats van sneller juist 6ms trager geworden. We hebben de oorzaak, onnodig aangezette event listeners, opgespoord en opgelost.

• Onze developers hebben het mogelijk gemaakt om specificaties in de categorieën accuboormachines, waterkokers en statieven automatisch vanuit onze dataleverancier te importeren, zodat we van meer producten specificaties hebben.

Reacties (27)

Jeetje, die homepage vereist nu - in ieder geval op mobiel - wel een flink stuk meer scrollen om bij het onderste gedeelte met populaire topics en tweakblogs te komen.. Weet niet hoe fijn ik dat dan weer vind.

als ik een klein beetje scroll, krijg ik rechts onderin een klein pijltje om meteen helemaal naar beneden te gaan?

Ik gebruik Edge op een Samsung Galaxy S8. De standaard Samsung browser heeft dit ook. Ik ervaar dit dus niet als een last.

Valide punt, die verschijnt ook bij mij. Gaat er mij meer om dat ik die eigenlijk tot op heden nooit nodig heb gehad, vaak was 1 goede veeg omhoog voldoende om de onderkant te bereiken. Dat is nu iets veranderd, in ieder geval op mijn toestel.

Veranderingen..

Dat pijltje is onderin geplaatst, dus is erg storend in gebruik op iOS in ieder geval. De eerste keer dat je erop tapt opent je tab-menu en dan moet je dus nog een keer tappen iets hoger om het te laten werken.

Een zwiep naar beneden geven is sneller.

div#popular_news {
display: none;
}

Niet het enige waar we weer maar eens aanpassingen voor mogen maken. .fpAnkeiler.fullWidth is naar .fpAnkeiler.large veranderd

Was mij nog niet opgevallen. Ik heb gewoon ".fpAnkeiler" in mijn custom css staan

Had ik ook maar dat werkte toch niet. Moest hem naar .ankeiler.large veranderen. Maar ik heb me een berg code staan, misschien dat er later weer iets anders overheen ging

[Reactie gewijzigd door GekkePrutser op 7 mei 2019 19:02]

@Danny.G Dat klopt en daarvan zijn we ons bewust. Daar zijn we en gaan we nog verder op zoek naar de juiste balans in volgorde van items en hoe we ze beschikbaar maken op de mobiele weergave.

Wie-o-wie weet welke custom CSS ik toe moet voegen om de tweede grote ankeiler te verbergen?

.ankeiler.large {
display: none;
}

.ankeiler.large:nth-child(2) {
display: block;
height: 175px; // Dit maakt de eerste ankeiler wat smaller - kan je ook weglaten als je hem de volle hoogte wil hebben
}

Bedankt! DIt is ideaal!

Dit is mijn css.

doet iets meer dan alleen dat, ziet er zo uit.

Dus om het laatste nieuws te zien moet ik voortaan eerste de grote banner ontwijken, dan de banner van tweakers, dan het meest bezochte nieuws en dan kom ik pas bij het nieuwe nieuws uit... zal wel aan mij liggen maar klinkt als veel scrol acties.

Heel die FP is 1 scrol achtbaan aan het worden. Voordat je onderaan bent of halverwege. Dat pijltje is niet de beste oplossing. Op een Iphone 7 kost het mij 7x rustig scrollen om helemaal onderaan te komen

[Reactie gewijzigd door HKLM_ op 7 mei 2019 17:17]

Ik snap de eerste alinea van je opmerking niet; het nieuwste nieuws staat op exact dezelfde plek als gisteren, daaronder staat ouder populair nieuws.

Ik vermoed dat de reactie geplaatst is op basis van het plaatje dat erbij staat. Als je die vlug bekijkt, dan lijkt het net de bovenkant van de voorpagina. Er zit er weinig visueel onderscheid in

Goed werk weer heren, die custom css snippets zijn erg interessant

Bijna noodzakelijk om het leesbaar te houden.

Is het ondertussen ook al mogelijk om vacatures op te slaan / markeren zodat je ze later snel kan terug vinden?

Dit is helaas nog niet mogelijk, wel zijn we aan het kijken om deze functie toe te voegen .

Fijn dat nu alle vacatures in een keer zichtbaar zijn! Meer om te kiezen En ook tof om producten te zien die dan alleen nog maar refurbished te koop zijn.

Kleine aanmerkingen:
- het pijltje in de "{x} prijzen" knop zit wel erg dicht tegen de tekst aan.
- Bij hover over de prijs, krijg ik een tooltip met de melding "Geen actuele prijzen bekend" maar die zijn er wel, alleen dan refurbished Misschien kan je hier dan het overzicht tonen van de refurbished prijzen?

De veel bekeken sectie op de frontpage lijkt erg veel op de reguliere headlines, als ik snel zou scrollen zou ik niet meteen doorhebben dat ik in een ander gedeelte zit van de frontpage (met een ander doel).

Uiteraard zijn jullie weer lekker bezig!

Grappig dat een paar css classes subtiel zijn aangepast maar de verdere css nagenoeg gelijk is gebleven. Heb het gelukkig allemaal al weer aan kunnen passen. Linkje naar de custom css draad.

Ik blijf er bij dat het kleiner maken van die gigantische poster plaatjes een optie zou moeten zijn en niet een css ding dat ik zelf moet prutsen. het kan namelijk ook echt een stuk subtieler en overzichtelijker.

[Reactie gewijzigd door Creesch op 7 mei 2019 16:29]

En de CSS analytics diff tov de vorige .plan: https://www.projectwallac...imports/20190507145400959

Weinig bijzonders deze keer, niet veel CSS aangeraakt zo te zien 😁

Ook zijn nu alle verwijzingen naar prijzen, gebruikersreviews en forumtopics die horen bij een ankeiler beschikbaar op mobiel. Je kunt de informatie die niet direct beschikbaar is, bereiken door horizontaal op deze balk te scrollen

Ik merk dat er alleen horizontaal te scrollen is als je dit op de onderste balk van de ankeiler doet, waar de verwijzigingen staan.
Het is (voor mij iig) logischer als je over het hele element horizontaal kunt scrollen.

Wellicht iets om nog naar te kijken.

Bedankt voor je feedback, dit is zeker iets waar we naar kunnen kijken.

Top!

Nu we het er toch over hebben:

Door het lezen van dit .plan weet ik dat ik horizontaal kan scrollen op een ankeiler. Als ik dit .plan niet had gelezen, was ik daar echter nooit achter gekomen. Er is namelijk geen visuele indicatie dat dit mogelijk is (behalve dat een tekst in de onderste balk maar half getoond wordt, maar dat zal aan mijn schermgrootte liggen). Het is handig om dat duidelijker te tonen, bijvoorbeeld met een scrollbar. Die wordt nu pas getoond op het moment van scrollen.

[Reactie gewijzigd door Bas170 op 8 mei 2019 14:26]

Zier er weer goed uit allemaal