Welkom op de nieuwe frontpage - Een nieuwe smoel voor Tweakers

Tweakers heeft sinds vandaag een nieuwe smoel. De vernieuwde frontpage heeft een bredere lay-out gekregen, zodat er meer content zichtbaar is voor de bezoeker, waaronder reviews en achtergrondverhalen. Daarnaast is de look-and-feel opgefrist. Onder de motorkap is de frontpage volledig opnieuw opgezet in een moderne, op componenten gebaseerde frontendset-up. Dit maakt het in de toekomst eenvoudiger om nieuwe functies en thema's, zoals dark mode, te ontwikkelen.

Wat is er precies vernieuwd?

De belangrijkste vernieuwingen zijn:

• een bredere lay-out met maximaal vier kolommen, afhankelijk van je schermbreedte;
• meer ruimte voor uitgelichte artikelen (ankeilers), die tevens van nieuwe styling zijn voorzien;
• een overzichtelijkere en rustigere indeling van de forumthema's, de uitgelichte gebruikersreview en de poll onderaan de pagina;
• het komen te vervallen van een aantal onderdelen vanwege het zeer beperkte gebruik ervan, waaronder een overzicht van veelgelezen artikelen, een uitgelicht product en IT-vacatures.

Waarom moest de frontpage vernieuwd worden?

Deze aanpassing van de frontpage maakt onderdeel uit van een grootschalig project om de verouderde frontendset-up van Tweakers te vernieuwen en toekomstvast te maken. Dit doen we in een stapsgewijze aanpak, waarbij we zijn gestart met de frontpage. Dit onderdeel heeft veruit het grootste bereik op Tweakers en dient als etalage om verder te navigeren naar andere onderdelen van de site. Voor het nieuwe ontwerp hebben we daarom uitgebreid onderzocht welke elementen op de frontpage hieraan bijdragen en hoe we de behoeftes van verschillende tweakers het beste kunnen invullen. Een belangrijk uitgangspunt daarin was dat artikelen langer zichtbaar moesten blijven op de frontpage.

Hoe zijn jullie tot dit ontwerp gekomen?

De frontpage die je nu ziet, is het eindproduct van acht grote designiteraties en honderden kleine wijzigingen. In dit traject zijn verschillende onderzoeksmethoden toegepast, die ons zowel kwalitatieve als kwantitatieve inzichten hebben opgeleverd. We zijn begonnen met een aantal kleine tests aan de bovenkant van de frontpage. Dit was slechts deels succesvol: terwijl we het ene probleem oplosten, creëerden we weer een nieuw probleem, zoals minder clicks op nieuwsberichten. Daarom zijn we gaan toewerken naar een complete facelift, waarvan het eerste ontwerp in een usabilitytest met eyetracking is onderzocht. Hieruit kwamen vier nieuwe varianten die aan de community zijn voorgelegd in een voorkeurstest.

Na elke testronde namen we de verzamelde lessen mee in een volgende iteratie van het ontwerp. De kwalitatieve bevindingen hebben we gevalideerd in een reeks A/B-tests, waarbij we bijvoorbeeld hebben gekeken naar hoeveel clicks bepaalde onderdelen kregen in vergelijking met de huidige frontpage. Ook feedback via het forum en de reacties onder diverse .plans werd hierin meegenomen. Een alfatest onder personeel en crew werd tot slot gevolgd door een publieke bètatest, waarvan sinds de introductie dagelijks duizenden communityleden tevreden gebruikmaken. Ook uit deze test hebben we waardevolle feedback verkregen, waarvoor veel dank.

Waarom zie ik de feedback die ik heb gegeven niet terug?

Niet alle feedback die we hebben gekregen, is verwerkt in het definitieve ontwerp. Tweakers ontvangt elke dag honderdduizenden bezoekers met haast evenveel verschillende wensen. De ene bezoeker wordt door ankeilers juist uitgenodigd om artikelen te lezen, de andere heeft het liefst een zo hoog mogelijke informatiedichtheid met alleen maar tekst en weer iemand anders wil vooral een moderne uitstraling. Aan ons de taak om daar een goede balans in te vinden, waarbij we zoals gezegd, kijken naar zowel gebruikersfeedback als harde cijfers. Het komt waarschijnlijk niet als een verrassing dat daar weleens een verschil in zit, wat betekent dat we continu keuzes moeten maken.

Ik ben een bug tegengekomen, hoe kan ik die melden?

Voor de nieuwe frontpage hebben we een speciaal feedbacktopic aangemaakt op het forum. Werkt er iets niet goed? Controleer dan eerst of eventuele custom-css geen roet in het eten gooit. Blijft het probleem zich voordoen, dan kunnen wij een bug het beste pletten als je een screenshot toevoegt en je gebruikte apparaat, browser(versie), besturingssysteem en de breedte van je scherm (in pixels) vermeldt.

Ook feedback op het nieuwe ontwerp kun je in dit topic melden. Houd er daarbij rekening mee dat jouw suggestie mogelijk al eerder is aangedragen, en dus ook door ons bekeken en beoordeeld is tijdens de ontwerpfase.

Mijn custom-css werkt niet meer, wat nu?

Custom-css-snippets worden door de community gemaakt en onderhouden. Met meer dan 450 beschikbare snippets is het voor ons onmogelijk om hier rekening mee te houden. Werkt er iets niet meer goed, dan kun je via de pagina van de css-snippet contact opnemen met de maker. De maker van de populairste custom-css-snippet, Tweakers Perfect Dark, hebben we vooraf geïnformeerd over de aankomende wijzigingen aan de frontpage.

Hoe zit het nou met dark mode?

Zoals gezegd, maken de nieuwe frontpage en frontendset-up het eenvoudiger om andere thema's te ontwikkelen, zoals een dark mode. Voor de frontpage is met deze vernieuwing dus het fundament gelegd, maar alle andere onderdelen van de site moeten hierin ook meegenomen worden. Daarom werken we nu aan een consolidatie van het kleurgebruik op Tweakers, zodat er een darkmodekleurenpalet kan worden opgesteld. Over de verdere vervolgstappen richting dark mode vertellen we je later meer in onze developmentiteraties.

Reacties (537)

[marcovit]

Dacht even dat ik in gezoomed was maar helaas niet. Is er ook een mogelijkheid om de 2e column uit te zetten?

Edit:

Dat wordt een maximale breedte instellen met custom CSS zodat deze niet getoond wordt.

[Reactie gewijzigd door marcovit op 22 juli 2024 14:23]

[Creadion]

Ik heb zelf deze custom CSS even toegevoegd, maakt de frontpage weer wat rustiger:
Classic Front Page 2023

Weet niet of die link voor jullie ook werkt? Zo niet, de titel is "Classic Front Page 2023"

Code:
```
.ankeiler-stream {
display: none !important;
}

.editorial-content {
grid-template-columns: auto !important;
}
.fp-grid-areas {
width: 980px !important;
margin: 0 auto !important;
}
```

[Reactie gewijzigd door Creadion op 22 juli 2024 14:23]

[VorteXLP]

Bedankt voor de inspiratie! Heb er zelf ook een gemaakt; die van jou verwijdert imo de verkeerde sidebar en past de breedte van de container niet aan.

Mijn poging: 2023 Layout met Enkele Sidebar

Best wel jammer dat dit nodig is overigens.

[z1rconium]

Deze is top bedankt.

Ik heb dit nog toegevoegd zodat er niet teveel whitespace verschijnt bij een smaller window

@media screen and (min-width: 320px){
.fp-grid-areas {
--grid-template-columns: repeat(1,minmax(0,1fr))!important;
}}

[Zeg]

Voor de mensen die geen karma hebben voor custom CSS kunnen met de volgende uBlock Origin filters (gebaseerd op de CSS van @VorteXLP en @1rconium) ook de sidebar verwijderen:

! remove sidebar tweakers.net (v2)
tweakers.net##.sidebar-1:style(display: none !important;)
tweakers.net##.mobile-first-grid:not(.trackerVisible):style(--grid-columns: 3;)
tweakers.net##.fp-grid-areas:style(--grid-template-columns: repeat(1,minmax(0,1fr))!important;)

[Santa808]

Ik heb bovenstaande uBlock snippet aangepast indien je de ankeiler niet wilt zien, alsook de menu bar op originele breedte gezet:

! remove sidebar tweakers.net (v2)
! 2023-02-21 https://tweakers.net
tweakers.net##.ankeiler-stream:style(display: none !important;)
tweakers.net##.editorial-content:style(grid-template-columns: auto !important;)
tweakers.net##.content-grid:style(max-width: 1020px !important;margin: 0 auto !important;)
tweakers.net##div#menu:style(max-width: 1020px !important;)

[FlowChef]

Thanks! Veel beter zo.

[N0EPie0910]

Eigenlijk echt slecht dat dit nodig is.
Je eerste zicht moet vallen op de artikelen die je wil vinden, het nieuws. Je hebt als het goed is je scherm recht voor je, en je zit er midden voor. Dus je ogen vallen als eerste op het midden --> nieuws zou dus in het midden moeten staan.
Ik had Tweakers gewhitelist in m'n uBlock, maar moet die dus nu weer aanzetten en hun advertenties blokkeren (kost ze weer inkomen), omdat ze een vreselijk niet-ergonomische frontpage maken.
Ik heb genoeg karmapunten voor CSS, maar het gaat tegen mijn principe in dat ik meer moeite moet steken in karmapunten verzamelen en custom CSS nemen om de sidebar te verwijderen. Dus dat ga ik niet doen.

Hartelijk dank voor je custom uBlock filter!

[Jerra]

Ik gebruikte deze tip zeer dankbaar, maar nu blijk ik dan ook de advertentie te blokkeren, ook als ik tweakers.net toevoeg aan trusted sites.
Nou ben ik ook niet zo blij met de nieuwe layout, maar nu wil ik niet meteen de inkomsten belemmeren.

[VorteXLP]

Top, heb het aan mijn snippet toegevoegd!

[dasiro]

jammer, maar gelukkig dat het kan, want ik zou zot worden van die asynchrone layout, 1 "sidebar" is nog net doenbaar.

na meer dan 20 jaar voor het eerst een nut gevonden voor die berg karmapunten

[Kyuuni]

Jammer dat het niet op account leeftijd gaat. Niet dat ik het oudste account heb, maar als iemand die niet erg van de sociale kant is, heb ik niet voldoende karmapunten.
Tuurlijk zijn er andere manieren, maar first party was nog beter geweest

[Rabb]

Ik heb het voor elkaar gekregen door iedere dag een hoop posts een moderatie score te geven. Daar krijg je ook karma punten voor zonder persé te hoeven reageren.

Fijne van de custom css is dat het op ieder apparaat werkt waarop je bent ingelogt. Dus ik heb een paar weken gespaard om de custom css te bereiken.

[Kyuuni]

Klinkt als een goed plan! Ik heb mijn mod status laten verlopen omdat ik er niks mee deed. Misschien toch maar weer activeren dan. Bedankt voor de tip!

[Magic666]

Dank je! oogt veel rustig zo

[ep667]

Deze werkt goed, maar op een portrait iPad zit ik nog steeds met een hamburgermenu terwijl alles gewoon in de menubalk past. Iemand een tip voor de juiste CSS optie daarvoor? Ik zit al te lang te pielen en ben geen CSS wonder.

[Kaasje123]

top dankjewel

[Masofdisas]

Bedankt!! mijn autisme is je dankbaar

[Marcoevich]

Bedankt! Ben echt blij dat dit mogelijk is

[Tjolk]

Thanks man!

[Patrick_Wolf]

Ik had hetzelfde idee, maar wilde wel de nieuwe breedte gebruiken en kwam toen op het volgende:

.ankeiler-stream {
display: none !important;
}
.grid-overrides:not(.trackerVisible) .editorial-content {
grid-template-columns: repeat(2,minmax(0,1fr));
}
#b_tb {
display: none !important;
}

[Get!em]

Nieuwe breedte gebruiken met die van Creadion:

.fp-grid-areas { width: auto !important;}

En voor de nuttige verticale ruimte:
.widebnr {display: none !important;}

[lameeuw]

Toppie !! Die extra sidebar ertussen is niks (persoonlijke mening), maar de nieuwe breedte is wel weer wat. Nu mooi weer de BBG links naast de nieuws artikelen en geen overige "ongein" die ik in ruim 20 jaar tweakers nooit gemist heb.... en nooit zal missen

[Patrick_Wolf]

Nice

[Get!em]

Wil je op je mobiel echt een complete clean newsfeed. Heb net een snippet aangemaakt

Mobile Clean newsfeed frontpage 2023

[Reactie gewijzigd door Get!em op 22 juli 2024 14:23]

[Yzord]

Kan je niet een snippet maken welke het weer terug brengt zoals het was? Want ik raak helemaal in paniekmodus op mijn mobiel en dark theme. Autistisch trekje denk ik

[Get!em]

Helaas:
a) ik ben geen CSS kunstenaar
b) ik heb geen informatie over de oude CSS
c) ik heb alleen mijn eigen context om te testen
d) ik heb de mobile snippet in eerste instantie voor mezelf aangemaakt en biedt geen garantie dat hij samenwerkt met andere snippets

[david-v]

Bedankt voor de post. Ik ben niet echt een CSS fan maar door jouw post ben ik er maar in gedoken om een minimum css te maken voor de frontpage:

.fp-grid-areas { width: auto !important;}
.widebnr {display: none !important;}
.community {display: none !important;}
.sidebar-1 {display: none !important;}
.footer-grid {display: none !important;}
.category-bar {display: none !important;}
.ankeiler-1 {display: none !important;}
.relatedColumn {display: none !important;}
.relatedContent {display: none !important;}

Op deze manier heb je een hele "schone" start pagina waar je alleen de links hebt naar de nieuwsberichten. Ik ga het eens proberen, kijken of het bevalt

[McBacon]

Ik heb dit nog toe moeten voegen om de nieuwsberichten over de hele breedte te tonen, zodat de teller voor het aantal comments helemaal rechts staat (van een aantal andere commenters hier ):

@media screen and (min-width: 320px) {
.fp-grid-areas {
--grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
}
}

.grid-overrides:not(.trackerVisible) .editorial-content {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

[david-v]

Ik ben al weer een stukje verder gegaan en dit is mijn definitieve. Alle social media icoontjes weg, hele bottom weg, en alles uitgelijnd

content-grid
{
width: 98% !important;
max-width: 1060px !important;
margin: 0 auto !important;
}
.fp-grid-areas
{
width: auto !important;
max-width: 100% !important;
margin: 0 auto !important;
}
.widebnr {display: none !important;}
.community {display: none !important;}
.sidebar-1 {display: none !important;}
.footer-grid {display: none !important;}
.category-bar {display: none !important;}
.ankeiler-1 {display: none !important;}
.ankeiler-stream {display: none !important;}
.relatedColumn {display: none !important;}
.relatedContent {display: none !important;}
.headlines
{
width: 200% !important;
margin: 0 auto !important;
}
.meta {display: none !important;}
.articleMeta {display: none !important;}
.responsiveSocialButtons {display: none !important;}
#menu {max-width: 980px !important;}

[exorbitex]

Zo, das lekker rustig. Dankje

[Zenety]

Voor mij persoonlijk heb ik ook de andere box toegevoegd met:

.sidebar-1 {
display: none !important;
}

en de width op 80% gezet in plaats van pixels te gebruiken.

[dixet]

width op 80% of op 980px maakt het op mobiel wel weer raar (80%=veel loze witruimte en 980px=tekst die buiten beeld valt). 100% maakt het op de desktop raar (veel ruimte tussen titel en #comments).

Misschien moet ik toch maar wennen aan de nieuwe layout

[fwp]

Toch heerlijk om te zien hoe tweakers de Tweakers webpage gelijk weer willen tweaken

[Reactie gewijzigd door fwp op 22 juli 2024 14:23]

[Rolfie]

Is dat heerlijk of triest dat dit noodzakelijk is?

[MeltedForest]

Heerlijk dat je als Tweaker de optie hebt om uit de Custom CSS store gewoon wat snippets te kunnen kiezen die andere Tweakers voor je hebben gemaakt, waardoor je de website kan aanpassen op je eigen stijl.

Zoals in het artikel ook beschreven kan je niet aan iedereen zijn wensen tegemoet komen, en Tweakers heeft nou eenmaal een kritisch publiek.

[Rolfie]

Eens. Maar het zijn wel voornamelijk dezelfde klachten die naar voren komen als opmerkingen.

[broit1975]

Ik hou het nog geen dag vol met de artikelen aan de linkerkant. Alsof je een tennis wedstrijd kijkt die zich alleen aan de linkerkant van het scherm afspeelt.
De laatste tijd gebeuren er wel meer vreemde "UX" dingen bij meerdere sites. Alsof we niets meer kunnen verzinnen en toch iets moeten verzinnen om aan het werk te blijven.

[aschja]

Theverge bijv. Arghhh..

[The Zep Man]

Is het ook mogelijk om de oude lettertypes/formaten in te stellen, en om de afstand tussen regels in de nieuwstracker te verkleinen tot het oude formaat?

Helaas volgt T.net de trend van ~10 jaar geleden (introductie Windows 8 ) dat er op een PC steeds minder informatiedichtheid per pixel moet zijn, en dat men meer moet 'swipen'. Daardoor moeten PC gebruikers meer scrollen. Zeer gebruiksonvriendelijk.

Algemeen:
De nieuwe FP (zonder custom CSS) voelt voor mij goedkoop aan. Het doet mij denken aan sites gevuld met SEO fillers: content zonder inhoud. De snippet van @Creadion maakt veel goed.

[edit]
In de woorden van Thanos: "Fine. I'll do it myself." Een fatsoenlijke regelafstand tussen nieuws items in de tracker:

.headline {padding-bottom: .2rem !important; padding-top: .2rem !important;}

Ik dacht dat het ook nodig was om het lettertype te wijzigen, maar met deze CSS regel ziet het er goed genoeg uit.

[Reactie gewijzigd door The Zep Man op 22 juli 2024 14:23]

[Rolfie]

Goede verbetering. Thx

[LankHoar]

Dit helpt al wel! Maar zo kunnen waarschijnlijk meer "blokjes" uitgezet worden? Het liefst zou ik alleen artikelen zien, highlights van het forum (maar dat is nu ook veranderd lijkt het), en de poll. De rest gebruik ik nooit

[vickypollard]

Thanks, meteen in Stylus gegooid en alles is weer goed

[s_schimmel]

Hierop voortbordurend een layout met die joekel van een ankeiler bovenaan kleiner en met de tekst naast de foto. Snippet

[GekkePrutser]

Het gekke is, ik krijg .ankeiler-stream niet meer weg (met {display: none; } erin ).

Zo te zien komen sommige elementen nu bovenop de custom CSS, waardoor deze ze niet meer kan overriden

[Marvellanius]

Het lijkt er eerder op dat dit met specificity te maken heeft - met !important kan je hier altijd nog omheen

[GekkePrutser]

Ahh dat is waar de !important voor was, bedankt! Ik dacht dat dat juist een uitzondering was (! = "not").

Ik heb al heel lang geen CSS meer gedaan, vandaar. Bedankt!

Mijn ideale look is dit dus er is veel werk nodig.

[Reactie gewijzigd door GekkePrutser op 22 juli 2024 14:23]

[Get!em]

Zie mijn post hierboven, mobile clean snippet.

Mobile Clean newsfeed frontpage 2023

[Reactie gewijzigd door Get!em op 22 juli 2024 14:23]

[GekkePrutser]

Oh ik zoek het juist voor desktop. Op mobile heb ik het al helemaal voor elkaar en ik gebruik de mobiel sowieso weinig. Daarom vind ik het ook jammer dat Tweakers "mobile first" gaat, maargoed, ik kan het wel weer fixen met CSS gelukkig. Bij andere sites is dat een veel groter probleem.

Op de desktop heb ik nu alleen de headlines maar het witte vlak krijg ik niet smaller. Er zit iets raars met die grid die ze nu gebruiken. Maar goed idee van die snippets. Die was ik helemaal vergeten!

[Reactie gewijzigd door GekkePrutser op 22 juli 2024 14:23]

[jaenster]

Dank u, ik ben alweer gebruiker 13

[RefleCs]

Dat scheelt me weer puzzelen Tnx! Dat maakt de frontpage weer waarvoor hij bedoeld is in mijn ogen. Scannen over de nieuwesitems om te kijken of er voor mij nog wat interessants tussenstaat. Met de nieuwe layout werd je inderdaad veel te veel afgeleid.

[Kevinp]

Ik zie weer de pricewatch erbij staan die had ik uit staan met CSS, iemand die daar een update voor heeft. Als ik naar de pricewatch toe wil klik ik wel op het knopje.

[berzerker]

nav.category-bar {display: none !important;}

Heb ik niet zelf verzonnen trouwens, ontleend aan een bericht van Creesch.

[Kevinp]

Top bedankt.

[anzaya]

Dankjewel!

[Dennisb1]

Dank u. Wat een verschrikking die nieuwe layout wordt al panisch in mijn hoofd van die drukte met die plaatjes.

[SuperKneus]

Dank u, dit is zoveel rustiger en beter dan wat zonder deze CSS

[Hassiebassie]

Heel erg bedankt @Creadion !
Ik wist niet eens af van het bestaan van custom CSS maar dit maakt voor mij de frontpage weer heerlijk overzichtelijk en rustig.

[aaahaaap]

Bedankt!
Wel treurig dat je ze moet overriden met !important

[Anoniem: 767041]

dank, gelijk aangezet

[Desiler]

Bedankt!

[neographikal]

Thanks, veel witruimte nu maar in ieder geval een stuk rustiger aan de ogen.

[Septimamus]

Dank! 1000x beter.

[henkbob]

Erg prettig, dankjewel.

[WRT54G]

Thanks!

[aloysiussss]

Hoe pas je dit toe dan, mij beetje onduidelijk nog.

[rvdvalk]

Heel goed, want sinds de overname van Tweakers een paar jaar terug is het er alleen maar onrustiger op geworden op de frontpage.

[jelle.]

Je bedoelt de overname van Tweakers in 2006, dus 17 jaar geleden? Zonder gein: er is niemand vanuit management of onze uitgever die ons dicteert hoe de frontpage eruit moet zien. Meer over onze relatie met DPG Media kun je lezen op https://tweakers.net/info/faq/tweakers-dpg/.

[Creadion]

👌

[Lapjespoes]

Mooi, dus jullie kunnen zelf beslissen om de voorpagina nog eens te herzien en die drukke bende wat minder druk te maken?

Artikelenlijst in het midden en wit omkaderd, alle overige zaken links en rechts van het witte veld en wat minder sterk aanwezig / kleiner. Heb je dezelfde informatie maar dan wat rustiger op het oog en met focus op wat er vooral toe doet: de artikelen.

[LOTG]

Ik vind die 2e column maar erg druk, als het even kan wil ik die ook uit zetten.

Ik vind het echt een stuk lastiger om de titels te lezen nu 50% van de gevulde ruimte constant mijn aandacht trekt.

Het helpt ook niet dat precies in het midden rechts content staat die die nogal schreeuwerig in vergelijking met de tekst links.

Edit, op mobiel is het een stuk beter omdat de plaatjes tussen blokken met de headlines staan. Dan hoef je de aandacht niet tussen links en rechts te verdelen maar leest het meer als een geheel.

[Reactie gewijzigd door LOTG op 22 juli 2024 14:23]

[zordaz]

Eens, op Mobiel een vooruitgang, op Desktop/Laptop een enorme verslechtering. Het komt erg onrustig en rommelig over vanwege de tweede kolom. die ook nog eens flinke lege witte vlakken met zich mee brengt.

[aaahaaap]

Op mobiel is het ook niks zo met al die drukke plaatjes tussen de nieuwsitems door.

[Carlos0_0]

Mobiel een vooruitgang, ik zie ik de mobiel geen verschil ?.

[SuperDre]

LOL, dat was ook exact wat ik dacht, maar toen zag ik dat het gewoon 100% is. En ben met je eens dat die 2e kolom, voor mij, niets toevoegd en daarmee ook liever zie verdwijnen.

[Stukfruit]

Dacht even dat ik in gezoomed was maar helaas niet.

Grappig. Bij mij staan sites standaard op 125% en ik zie op deze schaal dus bijna geen verandering tegenover de oude layout. Er is maar 1 column te zien.

Dus misschien is het juist handig om wél in te zoomen?

[RoestVrijStaal]

Eigenlijk best gek dat de indeling van 1 of 2 kolommen niet instelbaar is.
Terwijl er bijvoorbeeld wel een (haast nutteloze) instelling is om de achtergrond donkerder of lichter te maken.

[Bartjan98]

voor mijn autisme had ik lekker de oude variant willen houden.
het enige probleem is dat ik niet genoeg karma heb om het te kunnen inschakelen.


en eigenlijk zou ik ook een app willen hebben van tweakers zodat ik lekker onderweg het nieuws kan lezen niet niet moeilijk moet gaan doen met de webbrowser van mijn telefoon

maar bedankt voor de code ik ga deze in acht nemen zodra ik genoeg karma heb

[switchboy]

Bookmark aan je homescreen toevoegen en de website gedraagt zich als een app. Apps voor webservices zijn 9 van 10 keer nutteloos en bovendien een veiligheids risico.

[Rolfie]

Was ook mijn eerste reactie. Nutteloos.

Samen met alle andere plaatjes er tussen.

Gaat weer een avondje met customcss en adblock worden.

[Bender]

Ik dacht ook dat ik gezoomed was.
Ik zie nu meer, maar niet meer wat ik wil zien.. de laatste kolom is gevuld met commerciële uitingen..
En nu ik er goed naar kijk is de tweede kolom ook niet relevant..

[himlims_]

precies dat; nog minder effectieve inhoud (nieuw artikelen)

ik vind helemaal niet praktisch; wacht wel tot iemand die verstand heeft van css er iets moois van bakt (lees; terug naar de vorige versie)

[HMaster_II]

Klopt!

Hoe krijg je de vorige layout weer terug?
Anders is het EXIT Frontpage Tweakers voor mij.

[AcidBanger]

Ik had precies hetzelfde, snapte er niks van

[dickwes]

Ziet er super uit en met stylish in FF mat zwart gemaakt

[Milanobrotchen]

ik dacht inderdaad ook dat ik te ver was ingezoemd

[gise]

Ik dacht hetzelfde, eerste wat ik deed was CTRL+Scroll, maar ik zag dat de pagina toch echt op 100% zoom stond.

Volgens mij is de grootte van de tekst ook groter geworden van de frontpage links naar de nieuwsartikelen, daardoor viel het mij vooral op zelf, persoonlijk geen fan van.

[Antitech]

Deze aanpassing van de frontpage maakt onderdeel uit van een grootschalig project om de verouderde frontendset-up van Tweakers te vernieuwen en toekomstvast te maken.

Alles wat nieuw is, is een vernieuwing. Tot zover begrijp ik het. Maar na het lezen van het artikel heb ik nog wel wat vragen.

• Waarom is de oude interface verouderd? Waren er dingen stuk? Veel klachten?
• Wat is toekomstvast? / Wat is er in de nieuwe versie veranderd om ervoor te zorgen dan deze versie "toekomstvaster" is dan de vorige versie?

[watcher46]

Toekomstvast is vooral van technische aard. We bedoelen hiermee dat de (frontend) code beter onderhoudbaar is voor de developers. Dat er bijvoorbeeld betere tests zijn geschreven, dat de Javascript & CSS in componenten is opgedeeld. Dat we niet eindeloos code voor oude browsers in stand houden.
Om maar een paar voorbeelden te noemen.

Ook hebben we een begin gemaakt aan een design system, hierin zijn de kleuren, lettertypes en spacing vastgelegd. Dit systeem moet er uiteindelijk toe leiden dat we over de gehele website 1 set aan kleuren gebruiken. Het bredere design krijg je nu alleen nog op de frontpage, maar dat moet in de toekomst over de gehele website actief worden, om zo ook grotere schermen beter te faciliteren.

En wat betreft de interface, waren er niet zo zeer dingen stuk, maar de wereld om ons heen is veranderd. Er zijn tegenwoordig veel grotere schermen en juist hele smalle schermen (mobiel) in gebruik. Dit betekend dat de website hier meer responsive op moet werken.
Dit betekend inhoudelijk dat we andere breakpoints hebben waarop de layout veranderd.

[Antitech]

Jullie hadden toch al lang onderhoudbare code, goede CSS en goede tests?
En een huisstijl met kleurenset is toch ook niet iets wat bij Tweakers nieuw is?

Ik begrijp dat er sprake is van voortschreidend inzicht. Dat lijkt me normaal.
Maar de vorige versies daar was toch ook goed over nagedacht? Toen waren de kleine schermen nog veel kleiner dan nu, dus een nog grotere uitdaging.

Of hebben jullie nu andere mensen in dienst die anders denken en tegen zaken aankijken dan bij de vorige versie?

[watcher46]

Ik snap dat dit de perceptie voor de gebruiker is, echter de realiteit is weerbarstiger.
Kleurensets zijn er inderdaad al een tijd, maar in de loop van de jaren zijn deze niet op een correcte en onderhoudbare wijze doorgevoerd.
Nu hebben we een component-library aangemaakt waar alle UI-componenten in komen met hun interacties. Dit moet er voor zorgen dat de designs die in de toekomst gemaakt gaan worden, bij wijze van spreken bij elkaar "gesleept" kan worden door die componenten te hergebruiken.
Voorheen was het een stuk lastiger om dit soort technieken in te zetten en was er simpelweg toen ook geen mankracht voor om dit te realiseren.

Uiteraard is er over de vorige versies ook goed nagedacht, maar zoals je zelf zegt, voortschrijdend inzicht heeft ons doen leren dat je beter mobile-first je designs kunt opzetten. Dit levert vooral minder CSS op en als je die lijn doortrekt kun je stellen dat de onderhoudbaarheid hier ook profijt van heeft.

[Antitech]

En nu al het personeel trainen zodat ze de toekomstige wijzigingen wel correct en onderhoudbaar doorvoeren, anders ben je weer terug bij af ;-)
Hele hele verhaal klinkt een beetje als " technical-debt" .

[watcher46]

Je slaat de spijker op z'n kop

[Kevinp]

En je weet dat dat onder druk altijd verwaterd.

Er komt een 0 Day bug die je moet maken.

Een vlugge test werkt en komt toch in productie.

Er is geen perfecte code. En ik moet heel erg wennen aan de nieuwe lay-out. Ik vind hem ook lelijk maar dat is altijd als je iets gewend bent.

Overigens vind ik het nog steeds belangrijk om veel nieuws te zien. Jammer dat die (stomme) pricewatch balk nog steeds in de weg staat. Juist nu zou die mooi een blokje op een andere kolom kunnen krijgen

[HollowGamer]

Hebben jullie gekozen voor iets bestaands of maken jullie alles van nul?
Er zijn tegenwoordig al veel leuke UI-componenten beschikbaar.

Wat bedoel je precies met technieken? Gebruiken jullie ook iets als Tailwind bijvoorbeeld?
Ben eigenlijk ook wel benieuwd naar jullie template systeem.. tegenwoordig is er zoveel beschikbaar en veranderd daarin.

[Reactie gewijzigd door HollowGamer op 22 juli 2024 14:23]

[watcher46]

We proberen zo veel mogelijk bij de native componenten te blijven die de browser ons geeft. Dus ja, we beginnen bij 0.
We gebruiken hiervoor geen framework, we hebben voor de eerste beta van de frontpage geexperimenteerd met Tailwind, maar was toch niet echt een right-fit voor de manier hoe wij componenten wilde gebruiken.

Voor templating gebruiken we nu Twig wat meekomt met Symfony.

Met technieken bedoel ik dat we nu de componenten die we hebben geschreven bundelen naar een javascript bestand, en waar het component op de pagina bestaat, wordt er behaviour hiervoor toegevoegd. Met een mooi woord ook wel progressive enhancement genoemd.

Ik kan je nog veel meer vertellen over onze setup en hoe we dit gebruiken, maar dit zal ik in detail beschrijven in een artikel waar ik nu mee bezig ben.

Voor degene die dit ook interessant vinden, stuur me even een dm. Deel ik alvast e.a.

[LodanMax]

De oude interface is verouderd, opdat er minder reclame op kan. Nu hebben ze een extra kolom toegevoegd waar nog meer reclame tussen gezet kan worden.

Als ik zo over het algemeen lees, is de gemiddelde mening over het algemeen niet positief.
Ook ik ben in mijn custom CSS bezig om de wijzigingen zo ver mogelijk terug te draaien.

[LieveGeit]

Kan je die custom css alsjeblieft delen als je klaar bent?
EDIT: Iemand hierboven was je voor.

[Reactie gewijzigd door LieveGeit op 22 juli 2024 14:23]

[LodanMax]

goeie toevoeging waar ik me nog wel aan irriteerde:

#contentArea {
width: 1020px !important;
margin-left: auto !important;
margin-right: auto !important;
}

en ook handig (voor als je ook Mobile gebruikt):
@media only screen and (min-width: 760px)
{
}

[Reactie gewijzigd door LodanMax op 22 juli 2024 14:23]

[rko4u]

Ik vraag me vooral of de voorkeur ook op tablets is getest. Het aantal nieuwsregels dat ik nog op mijn tablet zie is minimaal. En ik moet flink scrollen voor het volgende groepje.

[Unbound2147]

Ik vind het persoonlijk helemaal niks maar dat zal wel te maken hebben met mijn lichtelijk autistische brein.

Kunnen we geen toggle krijgen om tussen lay-outs te switchen?
Dark modus wanneer?

[Anoniem: 767041]

Classic Front Page 2023 hier

[Unbound2147]

Dank hiervoor en ook @Blizz dank hiervoor. Kom er zojuist achter dat ik ongeveer 600 karma te kort kom om custom css aan te zetten dus dat moet nog even wachten maar ik sla de links zeker op!

[wagmomma]

Kom er zojuist achter dat ik ongeveer 600 karma te kort kom

Je kan via uBlock ook die middelste kolom blokkeren.

[Reactie gewijzigd door wagmomma op 22 juli 2024 14:23]

[ShakerNL]

Dank! Werkt prima bij mij.

[911GT2]

Dank u!

[T_elic]

Nee het ligt niet aan jou hoor, ik vind het ook helemaal niks. Ik ben best wel voorstander van verandering, maar dit design oogt gewoon onrustig. Er gebeurt veel te veel, en je aandacht wordt constant naar de 2de kolom toe getrokken, terwijl ik headlines in de eerste kolom probeer te lezen.

[Minoesh]

Ja.
Ik vind het te druk zo. Ik merk dat ik niet echt lekker focus op de titels van de artikelen en inderdaad op en neer ga tussen de titels en de kleurige plaatjes rechts.

[Reactie gewijzigd door Minoesh op 22 juli 2024 14:23]

[jimz93]

100% mee eens!

[Nemesizz]

Ik heb hetzelfde, vind het ook zeer onprettig kijken nu. Te druk, rommelig, en de nieuws items staan nu links ipv in het midden.

Had ook liever gewoon een optie gehad zodat je de oude looks kan behouden.

[Blizz]

Ik heb mijn automatisch switchende dark mode snippet voor het eerst in jaren bijgewerkt, alle dank aan de overige snippetmakers.

custom css snippet: Auto Tweakers Perfect Dark + Add-ons

[sjoerdadlp]

Met de ads erbij is het al helemaal chaos. Mee eens.

[azerty]

@Creesch, ik gok dat het ook tijd word om jouw snippet wat bij te werken

Waar ik dankbaar gebruik van maak tot nu toe

[Reactie gewijzigd door azerty op 22 juli 2024 14:23]

[Creesch]

Done
preview screenshotjes.


@jelle. klopt het dat de body nog steeds "theme-beta" als class bevat?

[Marvellanius]

Goed opgemerkt! Dat klopt uiteraard niet meer; er zat ook al geen styling meer op die class, dus deze zal binnenkort verdwijnen

[Dj Neo Ziggy]

Ziet er goed uit, ik mis alleen een snelkoppeling naar het forum. Ik keek altijd random topics die naar boven kwamen.

[HKLM_]

Ja jammer dat die weg is.

[Ethirty]

Ik was zo overweldigd door het gebrek aan inhoud dat ik die nog gemist had. Hier nog een voorstander van de topic links.

[TheRyzenDude]

Idd was een van mijn meest gebruikte dingen :-)
Hoop dat ze die wel weer terugplaatsen.

#houvanrandomforumdingen

[jaspermeul]

Ik mag hopen dat dit terug komt. Anders zal ik persoonlijk hierdoor juist minder op de frontpage kijken en direct naar het forum gaan.

[DjoeC]

Idem, het gebrek aan een generiek random overzicht zorgt dat je nog meer je eigen standaard wereldje ingeduwd wordt. Het was verfrissend om te zien wat er zo op het forum gebeurde en niet alleen maar de laatste of meest actieve topics te zien.

Jammer, maar iets dat vast opgelost kan worden? Als er ruimtegebrek is gewoon wat minder plaatjes op de frontpage.

[WalnootX]

Dit mis ik ook inderdaad.
Vond het altijd leuk en interessant om actuele topics door te nemen.
Vooral als ik helemaal niet thuis ben in het onderwerp.

[RoelsRules]

Deze mis ik ook en was toch een 'feature' die ik dagelijks meerdere keren gebruikte. Heel wat pareltjes op die manier ontdekt op het forum..
Nu snap ik dat de lay-out vraagt om verandering en dat zal het uiteindelijk wel (al is het met de bestaande custom css nog niet helemaal je van het) maar zou toch erg jammer zijn als deze feature niet alsnog terugkomt...

[Pixeltje]

Daar gebruik ik de tracker voor. Ben blij dat die gebleven is.

[Crazy-]

Inderdaad; spijtig dat deze weg is

[dehardstyler]

Maar is dit niet wat de tracker doet? Ik wist eerlijk gezegd niet eens dat er een andere manier was.

[Gorefest]

Staat toch helemaal onderaan?

[DjoeC]

Bij mij niet (meer). Momenteel 4 onderwerpen specifiek bouwen en klussen & 4 stuks Modding en Electronica, beiden specifieke verwijzing voor meer onderwerpen in die subfora - da's niet erg generiek naar mijn idee.

[Danfoss]

Ik vind het verwarrend eerlijk gezegd. Vooral omdat de artikelen wel de 'oude' gecentreerde stijl hebben en dus de focus van midden scherm naar links, naar midden scherm gaat bij het klikken op een artikel, snel scannen en weer terug naar de nieuwslijst. Op een groot ultra widescreen is dat zelfs extra vervelend

[Reactie gewijzigd door Danfoss op 22 juli 2024 14:23]

[Tundreq]

Dit dus, ik vind het links uitgelijnde niet prettig lezen, zelfs als je office of iets dergelijks hebt alles is tegenwoordig zo gemaakt dat je het prachtig in het midden van je scherm kan lezen.

Het is prettig en ergonomisch en maakt de ervaring veel fijner dan dit links uitgelijnde idee.

Dus voor mij een onvoldoende

Een beter idee zou zijn dat de 1 linker kolommen gelijk verdeeld zouden worden, rechts en links van het nieuws.

[Ghost81]

Inderdaad. Misschien dat het met CSS ook mogelijk is om de 1e kolom naast de nieuwsberichten aan de linkerkant te plaatsen? Dan is de layout symmetrisch met de nieuwsberichten in het midden van het scherm.

Edit: na wat puzzelen is dit inderdaad gelukt.
ankeiler-stream links en nieuws gecentreerd

Code:

@media screen and (min-width: 1440px) {
.grid-overrides:not(.trackerVisible) .editorial-content .ankeiler-stream {
grid-area: 1/1/-1/1 !important;
}}

@media screen and (min-width: 1440px) {
.grid-overrides:not(.trackerVisible) .editorial-content .ankeiler-1 {
grid-area: 1/2/2/4 !important;
}}

@media screen and (min-width: 1440px) {
.grid-overrides:not(.trackerVisible) .editorial-content .headlines {
grid-area: 2/2/-1/4 !important;
}}

[Reactie gewijzigd door Ghost81 op 22 juli 2024 14:23]

[Tundreq]

Super bedankt, ik heb de layout nu kunnen aanpassen via ublock origin, niet op advertenties te blokken maar puur de opmaak aan te passen.

Mijn korte script:
tweakers.net##.ankeiler-stream:style(grid-area: 1/1/-1/1 !important;)
tweakers.net##.ankeiler-1:style(grid-area: 1/2/2/4 !important;)
tweakers.net##.headlines:style(grid-area: 2/2/-1/4 !important;)

Met deze indeling echt heel fijn en maakt de extra inhoud ook niet storend, heerlijk al het nieuws centraal.

[mrmrmr]

Ik heb even de reacties nagelezen, maar mijn voorkeur gaat toch ook uit naar de brede tekst in het midden. Ik lees dit op een 23" HD scherm. Het midden is recht voor je gezicht en dus het makkelijkst te lezen. De smalle kolommen kunnen naar de zijkanten.

[MatthijsZ]

De mobiele homepage ziet er wel wat gek uit, ik kan m’n vinger er niet precies op leggen, maar het lettertype lijkt niet te kloppen ofzo

[Anonymoussaurus]

De dichtheid lijkt veel te hoog te zijn. Heel dicht op elkaar gedrukt vergeleken met de desktopversie.

[Get!em]

Als je ter hoogte van de artikelen bent is de informatiedichtheid te hoog, oa door de wrap-text bij lange titels.

Echter, als ik de homepage open, zit er op mijn iPhone slechts 0 artikelen in beeld. Ik zie nog net de titel "Laatste nieuws". Daarmee is de relevante informatiedichtheid gedaald naar 0.

Verder naar beneden scrollend komen de infoblokken met "featured" artikelen er ook niet lekker uit. Bovendien is daar het lettertype en kleur van het "comments ballonnetje met getal" ook weer anders.

[Brad Pitt]

Dit klopt. Ander/groter lettertype dan de rest van de site. Compleet waardeloze verandering, ziet er onrustig uit allemaal, op zowel mobiel als wel desktop.
Wel meer reclame dus dat is wel een vooruitgang

[- peter -]

Ja, wat is er met de mobiele versie gebeurd?! Lijkt nu een bug ofzo? Alles op elkaar gepropt en raar font. Alsof de CSS ontbreekt ofzo.

[Crazy-]

Op mobiel inderdaad waardeloos; na paar keer refreshen bedacht ik mij dat het waarschijnlijk geen CSS issue is …

[Skinnyice]

Ik moest ook even 3x refreshen omdat ik dacht dat er iets niet goed ging. Alles staat inderdaad veel te dicht op elkaar. Zal vast nog wel gefixt worden

[moonlander]

Of de 3 mega blokken die tussen de lijst verschijnt. Mega irritant!

[Get!em]

Fixed

Mobile Clean newsfeed frontpage 2023

[moonlander]

Had ze al weggetoverd met unlock origin. Maar thanks!

[wisselwerking]

En hoe zit het dan met het forum. Wordt deze ook breder. Nu heb je een rare verspringing als je schakelt tussen frontpage en forum

[edit] speelt op bij schakelen tussen frontpage en comments

[Reactie gewijzigd door wisselwerking op 22 juli 2024 14:23]

[jelle.]

De bedoeling is om uiteindelijk stapsgewijs de hele website op het bredere grid te zetten, dus ook het forum. Gezien de omvang van Tweakers is dat echter een klusje dat niet zomaar geklaard is, de frontpage is een eerste stap daarin

[Only]

Laat alsjeblieft het forum gewoon met rust, is nu wel weer genoeg verziekt voor dit jaar
Nu hebben jullie meer ruimte gecreëerd, en dan gaan jullie er zo onoverzichtelijk en inefficiënt mee om, degene die dit ontworpen heeft zou ik meteen weer laten gaan..

[Frappuccino]

Word je nou ge-mineend om de inhoud of om de vorm?

Hoewel misschien wat ongenuanceerd klopt het wel.

[Only]

Ik vind het niet eens ongenuanceerd, voor een site die zichzelf tweakers noemt is het al jaren niet best meer helaas. Vorig jaar was opeens de desktopmodes op mobiel al weg voordat deze nieuwe layout er was. Nu maken ze eindelijk gebruik van iets meer ruimte, en dan doen ze het op zo'n manier weer. Ik kan me ook gewoon echt niet voorstellen dat mensen dit fijn vinden wegkijken.
Het lijkt nu gewoon op 3 mobiele websites die naast elkaar zijn geplakt op 1 pagina.
En als de tracker nu uitgevouwen is drukt hij het hele scherm naar iets naar rechts terwijl er gewoon meer dan genoeg ruimte is in die enorme lege grijze vakken (want zoveel breder is het nieuwe ontwerp nou ook weer niet).
De drie kolommen daarentegen ogen ook gewoon enorm rommelig, fonts ook gewoon niet top en zodra je een bericht aanklikt verspringt de hele boel meteen weer, super irritant.

[Reactie gewijzigd door Only op 22 juli 2024 14:23]

[Frappuccino]

Die 'middelste' van de drie mag van mij gewoon weg.

[wow7]

De eerste stap zou zijn in plaats van de jargon smoel te gebruiken in de titel om gewoon gezicht te zeggen staat voor de bezoeker ook wat netter.

[Paul]

RIP... Eerst de frontpage om zeep helpen en daarna het forum... En wij maar meer en meer custom CSS toevoegen om alle afleidende rotzooi weer onzichtbaar te maken en een bruikbaar overzicht te houden.

Ik snap ECHT niet waarom de designers bij Tweakers van mening zijn dat we van alles willen zien behalve de lijst met artikelen / topics / etc... Gigantische ankeilers en andere meuk waardoor je nog maar acht berichtkoppen ziet op een doodnormaal 1080p scherm Ga je met custom CSS in de weer om die meuk uit te zetten dan wordt het al beter (18), maar nog steeds een stuk minder dan gisteren.

Ik weet niet wat de designers van Tweakers.net de site wel eens als gebruiker bezoeken, en wat ze dan doen, maar ik kom voor de artikelen en topics, dus DIE wil ik zien. En dan ben ik prima in staat om te bepalen of ik geïnteresseerd ben in Company of Heroes 3, een Microsoft Surface Pro 9, of patches voor Windows 7. Het antwoord is drie keer nee dus die gigantische blokken zijn allemaal vervuiling die afleidt van waarvoor ik WEL hier kom...

[iketot]

Ik lees heel veel ik wil dit, ik wil dat, ik wil dit niet etc..

Zoveel mensen, zoveel wensen.
Wees blij dat je de site kan customizen met CSS.

[Paul]

Ja, want waarom zou je als site-bouwer luisteren naar wat je klanten willen (en wat ze al jaren willen, en wat ze iedere keer dat er meer meuk bij komt opnieuw aangeven)?

Gewoon zorgen dat Greasemonkey werkt, dan mag niemand meer klagen...

[jctjepkema]

Bij mij heeft schakelen tussen artikelen en frontpage ook een verspringing. Ik vind de frontpage overigens wel goed! Ziet er netjes uit en maakt mooi gebruik van de extra ruimte die er vaak is op de brede schermen van tegenwoordig.

[Justevo]

Dat verspringen is inderdaad alles behalve prettig. Vooral ook omdat de nieuwsitems niet meer in het midden staan maar een stukje uit het midden. Dat heeft denk ik weinig met gewenning te maken als het estetisch gewoon niet fraai oogt..

[balfnl]

Jammer dat er zo weinig met de feedback uit de eerdere tests en beta gedaan is

[jelle.]

Waarop baseer je dat? Zoals hierboven uitgelegd verzamelen we naast kwalitatieve feedback (dus reacties onder .plans en op het forum) nog veel meer inzichten, waaronder van daadwerkelijk gedrag dat gebruikers vertonen. Daaruit komt regelmatig een heel ander beeld dan diverse meningen in de reacties. Dat is uiteindelijk iets waar we een afweging in hebben moeten maken, en dat betekent inderdaad dat niet alle feedback die bijvoorbeeld op het forum terugkwam, in het uiteindelijke ontwerp is verwerkt.

[balfnl]

Oke fair enough, het is voor mij voornamelijk inderdaad op basis van onderbuik gevoel, maar wel wat ik gezien heb in de comments op de eerdere (beta) tests en comments. Dus het komt ook niet nergens vandaan.

Een (oprechte) vraag aan jou: hoe vertalen jullie gedrag van gebruikers naar het wel of niet prettig ervaren van een interface?

[jelle.]

Het is uiteindelijk een combinatie van verschillende inzichten, zowel kwantitatief als kwalitatief. Tijdens een usabilitytest bijvoorbeeld wordt een hardopdenkmethode gehanteerd, dus krijg je rechtstreeks ongefilterde feedback van de proefpersoon. Bij een A/B-test kijken we naar vooraf gedefinieerde metrics, maar kan het evengoed voorkomen dat gebruikers ons voorzien van reacties via het forum of een feedbackformulier. Het is daarbij ook altijd de vraag in hoeverre een gevoel van een "onprettige ervaring" doorsijpelt in het daadwerkelijke gedrag, bijvoorbeeld doordat je iets niet kunt vinden. Gewenning speelt daar tevens een rol in: elke ingrijpende facelift heeft altijd even tijd nodig om te landen. Ikzelf moest ook even bekomen van een font-aanpassing op NOS.nl, de nieuwe kleur groen van Spotify en de andere tint blauw van Bol.com. Maar als ik nu de oude versie weer voorgeschoteld zou krijgen, is de kans groot dat ik gillend wegren

[Stiggy]

Hulde voor de gedegen aanpak (zeg ik als UX'er )
Interessant om te lezen. Ook interessant wat voor soort reacties er op deze design change gepost worden!

[moonlander]

Volgende keer een tweaker vragen, ik stel mij wel beschikbaar voor zo'n test.

[Lapjespoes]

Is het een idee om de test volgende keer uit te breiden naar welwillende tweakers? Wellicht dat je dan wat feedback krijgt dat beter past bij de doelgroep van de website. Het huidige ontwerp is duidelijk niet ontworpen met de wensen van jullie lezers in acht genomen.

[Platpoot]

Dit verhaal komt elke keer terug, en je hoeft uiteraard niets te bewijzen, maar ik heb net als @balfnl een onderbuikgevoel dat er weinig is gedaan met de feedback. Alleen al dat de topcomments bij elk van deze posts het telkens gaat over custom CSS snippets om de boel weer recht te zetten vind ik verdacht.
Ik heb twee keer de beta geprobeerd en twee keer teruggezet, de boel links uitlijnen werkt gewoonweg niet voor mij.

[jelle.]

Waarom zouden wij een ingrijpende wijziging naar productie brengen als we niet vooraf gevalideerd hebben dat dit voor (het grootste deel van de) gebruikers wél werkt en uiteindelijk ook went? Als in: wat zouden we daarmee opschieten? Reacties onder een .plan of op het forum zijn simpelweg niet altijd representatief. Ik kan me best voorstellen dat jij je dan herkent in bepaalde kritiek, maar dat zegt niks over alle andere gebruikers die we op Tweakers bedienen (en in veel gevallen niet reageren).

[Platpoot]

Ja, want iedereen die niet reageert is voor? Welke middelen heb je dan gebruikt om dit te staven? Puur dat gebruikers ergens op klikken? Hoe hebben jullie verder het gevoel gemeten? Hoe is deze meting is zijn werk gegaan? Mijn onderbuikgevoel komt ergens vandaan, ook omdat telkens dezelfde redenering vanuit tweakers is gekomen met dat het wel werkt, zonder enige vorm van onderbouwing. Dit terwijl de feedback telkens goed onderbouwd is. Vanuit tweakers is telkens geen vorm van onderbouwing gekomen, dan moet je denk ik ook maar accepteren dat dit onderbuikgevoel heerst.

[Pixeltje]

Toch ook in het kader van .plan: Wij willen een vriendelijker Tweakers getriggerd om te reageren op jouw post. Ik ben zelf niet altijd meteen fan geweest van sommige (layout) veranderingen op de site de afgelopen jaren en mede daarom heb ik deze vanaf het begin gevolgd. Bèta-test aangezet in mijn profiel en bij het livegaan van de test flink zitten klikken en schuiven om een gevoel te krijgen bij deze verandering.

Deze bèta loopt al even en in het topic op het forum zijn heel veel reacties gekomen op de nieuwe layout. Dat niet alles verwerkt kan worden lijkt me alleen maar logisch met een community die makkelijk haar mening uit; sommige verzoeken zullen simpelweg tegenstrijdig zijn. Als dan de geschreven feedback gecombineerd wordt met metingen en diverse iteraties in de bèta layout om de gevolgen terug te testen klinkt mij dat als een gedegen proces. In dat proces herken ik de 'telkens geen vorm van onderbouwing' juist voor deze FP update niet. Er is veel gereageerd én onderbouwd in het topic op GoT waarvan de samenvatting in het artikel te lezen is. Begrijp me goed, ik heb geen aandelen t.net maar dat iets voor jou niet werkt wil toch niet meteen zeggen dat er geen gedegen plan/proces aan een wijziging vooraf is gegaan?

Tot slot, de mogelijkheid om met custom CSS (snippets van anderen) zelf de FP verder aan je eigen wensen aan te passen lijkt me voor een site als deze alleen maar logisch. Dat er onder een aangekondigde layout update een reeks aan nieuwe of bijgewerkte CSS snippets staan is daarmee toch alleen maar fijn? Daarmee wordt de FP zo aanpasbaar dat ook alle comments op de nieuwe layout die niet meegenomen zijn in de versie die nu live is alsnog door de gebruiker zelf aan- of uitgezet kunnen worden.

[Reactie gewijzigd door Pixeltje op 22 juli 2024 14:23]

[Platpoot]

Ik heb uiteraard het zelfde proces gevolgd inclusief beta etc etc. Dat is ook juist de reden dat ik het gevoel heb dat er weinig met de feedback is gedaan. Ik denk zelfs dat ik minder moeite met de frontpage had gehad als er geen beta was geweest en dat dit het nieuwe ontwerp is. Op dit moment voelt het als een inlegvelletje van een referendum, we gaan kijken wat jullie er van vinden, maar we doen er het minimale mee, want we vinden de clicks (aandeelhouders) belangrijker.

Custom CSS is een functie waarvoor je karmapunten nodig hebt, en daar heeft echt lang niet iedereen toegang toe, en dat blijft natuurlijk ook maar een pleister voor iemand die echt tweakers wil blijven gebruiken De tweakers gast (degene die de site duidelijk minder bezoekt) zal gewoon eerder afhaken bij een site die hem niet bevalt.

Ik ben zo uitgelogd dus ik zal verder niet meer reageren.

[jelle.]

Nee, maar van gebruikers die niet (ook) publiekelijk reageren, hebben we wel degelijk inzichten verkregen in diverse tests. Zowel kwalitatief als kwantitatief. Welke onderzoeksmethoden we daarvoor gehanteerd hebben, staat uitvoerig uitgelegd in het artikel hierboven. Als je doorklikt naar de eerder geschreven .plans, kun je verder lezen over de alfa- en bètaversies, A/B-tests, usabilitytest en voorkeurstest. Dat is een werkwijze waar we overigens zeer transparant over zijn en waarvan ik het niet chic vind om die weg te zetten als "zonder enige vorm van onderbouwing".

Uit elke test hebben we weer bepaalde inzichten verkregen die zijn verwerkt in het ontwerp en ja, die waren soms tegenstrijdig met wat je onder .plans of op het forum leest. Maar nogmaals: dat is niet altijd representatief en aan ons de schone taak om daar de juiste afwegingen in te maken. Zodoende zijn we tot dit ontwerp gekomen. Is het daarmee af? Nee, want dat is het nooit. Ook na deze livegang zullen we weer de cijfers én reacties induiken om te kijken of en hoe we bepaalde pijnpunten kunnen oplossen.

[Lapjespoes]

Waarom zouden wij een ingrijpende wijziging naar productie brengen als we niet vooraf gevalideerd hebben dat dit voor (het grootste deel van de) gebruikers wél werkt en uiteindelijk ook went?

Dat vraag ik mij ook af. Waarom hebben jullie dat dus gedaan, in plaats van naar de gebruikers te luisteren?

[Blokker_1999]

Want men heeft niet die dingen gedaan die jij anders wilde? Als ik hier al gewoon door de comments scroll zie je mensen die naar de 2 uitersten gaan, van veel te druk naar nog te veel lege ruimte bijvoorbeeld.

[balfnl]

Tijdens eerste tests en ook hier wederom zie ik de meerderheid (negatief) reageren op de 3 koloms layout, omdat het, ook naar mijn mening ja, te druk overkomt.

[gr0bi]

Klopt, al is het comment aantal in verhouding tot de bezoekers minimaal als er dagelijks 100.000 bezoekers zijn. En daarnaast zijn gebruikers die een negatieve ervaring hebben sneller geneigd dit te melden dan de gebruikers die het mooi, wel prima, of voldoende vinden :-)

[Platpoot]

Dus iedereen die niet tegen is is voor? Of iedereen die uberhaupt alleen voor de pricewatch komt moet ook een mening over de frontpage hebben?

Ik ben wel voor een poll.

[gr0bi]

Nee dat zeg ik niet, dat is een aanname van jou kant :-). Een poll gaat ook niets uithalen om precies dezelfde reden als de laatste zin die ik aanhaalde. Als men het prima vindt is er minder noodzaak om energie te steken inn bijvoorbeeld een comment alhier of het invullen van een poll.

[Ethirty]

Dat is omdat de verschillende scherm afmetingen niet consistent een zelfde layout krijgen. Ik heb op een iPad vrijwel 0 content zonder eerst een heel scherm te moeten scrollen.

[Marrtijn]

zie je mensen die naar de 2 uitersten gaan, van veel te druk naar nog te veel lege ruimte bijvoorbeeld.

Kan allebei ook gewoon waar zijn. Ik heb 2 voetbalvelden aan witruimtes en dan nog meer informatie in het midden geplakt.

[Knightwolf]

Dit klinkt heel interessant allemaal, maar ik zie zogauw geen verschil met gisteren? Zowel Windows als mobiel.
Doe ik iets verkeerd?

[Reactie gewijzigd door Knightwolf op 22 juli 2024 14:23]

[jelle.]

Kan het zijn dat je al die tijd al de bètaversie draaide? Als je nu geen verschil ziet, dan denk ik dat dat het geval was

[Knightwolf]

Ik heb me nergens voor ingeschreven. En ik weet niet hoe lang die 'beta' versie al beschikbaar was maar ik zie al een heel jaar dezelfde layout.
Ik heb wel het idee dat het net een tikje anders oogt maar ik zie geen andere kolommen dan anders en globale indeling is ook al een jaar hetzelfde. Ctrl-F5 maakt ook niet uit.

Ofwel, zo'n verschil is er niet met voorheen?

[jelle.]

Als wat jij ziet lijkt op de screenshot in het artikel hierboven, dan zie je de nieuwe frontpage en zullen de verschillen voor jou inderdaad beperkt zijn

[Anonymoussaurus]

Misschien ff cache verversen? Ctrl F5 op desktop bijvoorbeeld. Of zoals ze hier ook al zeggen: wellicht dat je jezelf al had ingeschreven voor de bèta.

[Reactie gewijzigd door Anonymoussaurus op 22 juli 2024 14:23]

[J2S]

Windows desktop = ctrl + F5
Linux desktop = ctrl + shift + R

[Anonymoussaurus]

MacOS = command + R

[J2S]

Dat is neem ik aan een normale refresh en geen refresh + cache legen. Het ging om het cache legen.

Dus waarschijnlijk cmd + shift + R.

[Anonymoussaurus]

Yup, vergeten te melden.

[gr0bi]

Ik gok dat je al gebruik maakte van een beta variant of tot de groep van ab testers behoorde