Nieuwe lay-out voor het forum

De afgelopen maanden is er door velen gewerkt aan een nieuwe lay-out voor ons forum. Al in de zomer van 2002 werd erover gesproken en werden de eerste ideeën gespuid. In april 2003 werd dit plan uit de kast getrokken en werd er begonnen aan het ontwerp. Aan dat ontwerp is vervolgens tot en met januari 2004 verder gewerkt. In januari is men vervolgens begonnen met het omzetten van de lay-out naar de templatebestanden. Dat proces is enkele weken geleden afgerond en toen is de bètatest van start gegaan. Deze is inmiddels ook afgerond. Vanaf 1 december zal de nieuwe lay-out voor iedere bezoeker op het forum beschikbaar zijn. Ook zal dan de oude paarse lay-out nog twee maanden te kiezen zijn. Na 31 januari 2005 is de oude lay-out alleen nog beschikbaar voor abonnees.

Waarom een nieuwe lay-out?

Voor de verandering van de oude naar de nieuwe lay-out zijn meerdere redenen aan te wijzen. De organisatorische redenen zijn eenvoudig. Door de duidelijke verschillen in het uiterlijk van de frontpage en het forum was het voor de argeloze bezoeker niet altijd even duidelijk dat het om één site met één achterliggende organisatie gaat. In de voorbije jaren is er daarom voor gekozen om de frontpage en het forum vergaand te integreren. Deze integratie is een langerlopend project dat uit verschillende onderdelen bestaat. Een van die onderdelen is het opheffen van grote visuele verschillen tussen de frontpage en het forum.

De esthetische redenen voor het veranderen van de lay-out hebben te maken met het feit dat Tweakers.net de afgelopen jaren een ontwikkeling in gang gezet heeft om zijn imago van amateursite af te werpen. Ook dit is een proces dat uit meerdere onderdelen bestaat. Een paarse forumlay-out oogt onvoldoende professioneel. Dit heeft ook gedeeltelijk te maken met het feit dat de forumlay-out erg veel afwijkt van de rest van look-and-feel van de Tweakers.net-sites. De nieuwe lay-out is opgezet om een rustiger en zakelijker beeld op de forumdiscussies te geven in een jasje dat goed past bij dat van de andere siteonderdelen.

Oud ...

Veranderingen aan de userinterface

Er is veel veranderd aan de userinterface en het eerste dat opvalt is de kleurstelling. Zoals al beschreven is de nieuwe lay-out van het forum sterk gericht op integratie met andere siteonderdelen en om die reden zijn de kleuren dan ook aangepast. Wat verder opvalt is het menu aan de bovenkant van de forumpagina's. Dit is nu net als op de frontpage een uitklapmenu waardoor meer opties direct onder handbereik zijn. Een groot deel van deze menuopties is ook via accesskeys/sneltoetsen te bereiken. Daarnaast is in het kader van integratie een updatetracker toegevoegd waarin de meest recente headlines van de nieuwsberichten van de frontpage gevonden kunnen worden.

Aan de meeste pagina's van het forum is qua structuur weinig veranderd. Lijsten en tabellen blijven tenslotte lijsten en tabellen en zullen dus ook op die manier weergegeven moeten worden. Wel is een en ander aan de messagelisting aangepast. Hier is gekozen voor een bredere afscheiding tussen verschillende berichten, omdat het anders, door het ontbreken van een afwisselkleur, snel onoverzichtelijk zou kunnen worden. Daarnaast zijn berichtgerelateerde iconen en gebruikersgerelateerde iconen vanaf nu beter te onderscheiden vanwege een veranderde fysieke plek bij het bericht. Verder is er een werkbalk beschikbaar bij het invoeren of updaten van een reactie, zodat de meest gebruikte RML-codes direct beschikbaar zijn. Ten slotte is een automatische imageresizer toegevoegd.

Veranderingen aan de html-, css- en javascriptcode

De nieuwe lay-out is volledig from scratch opgezet en daarom is alle html-, css- en javascriptcode opnieuw geschreven en zijn structuren opnieuw opgezet. Er is gestreefd naar een nette opmaak en zoveel mogelijk semantisch correcte lay-out waarbij het stylen van de html volledig door css gedaan wordt. Na overwegingen is er gekozen om niet mee te gaan met de xhtml-hype, maar html op een goede manier te gebruiken. Ondanks veel browserbugs en -beperkingen is het resultaat in alle moderne browsers goed te bekijken.

... en nieuw \o/

Ter vergelijking de lay-out van de frontpage