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 darkmode, te ontwikkelen.
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.
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.
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 veel gelezen 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 oploste, creëerde 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 dit speciale feedbacktopic aangemaakt. 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 darkmode?
Zoals gezegd, maken de nieuwe frontpage en frontendset-up het eenvoudiger om andere thema's te ontwikkelen, zoals een darkmode. 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 darkmode vertellen we je later meer in onze development-iteraties.Tot slot
- We zien in dit topic graag constructieve feedback die voor iedereen prettig is om te lezen. Net als elders op Tweakers, zijn ook hier de Huisregels van toepassing.
- Dit topic is niet bedoeld om andere zaken dan de frontpagevernieuwing te bespreken, zoals het reilen en zeilen van Tweakers.
- We doen ons best om vragen zo snel mogelijk te beantwoorden, maar ook wij hebben vrije tijd, weekend en vakanties. Het kan dus soms even duren voordat we reageren.
- Alles in dit topic wordt gelezen door Tweakers HQ, maar dat betekent niet dat we overal inhoudelijk op (kunnen) reageren.
- Om de schijn van belangenverstrengeling te voorkomen, nemen admins en moderators niet inhoudelijk deel aan de discussie. Zij zijn alleen actief in dit topic om te modereren.