Nieuwe lay-out voor GoT

Pagina: 1
Acties:
  • 1.132 views sinds 30-01-2008
  • Reageer

Acties:
  • 0 Henk 'm!

  • Grrrrrene
  • Registratie: Mei 2000
  • Niet online
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 de 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.

GoT oude lay-out (klein)
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 gebruikgerelateerde 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. 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.

GoT nieuwe lay-out (klein)
... en nieuw \o/



Tekst met dank aan Harm en Yoeri

[ Voor 4% gewijzigd door Remy op 28-11-2004 19:01 ]

Imitation is the sincerest form of flattery
Stressed is desserts spelled backwards


Acties:
  • 0 Henk 'm!

  • crisp
  • Registratie: Februari 2000
  • Laatst online: 13:33

crisp

Devver

Pixelated

Morgen is het dan zover :)

De voorbereidingen zijn afgerond en de planning is dat we morgen in de loop van de ochtend overgaan. Als alles volgens plan verloopt zal de downtime beperkt blijven tot ongeveer een kwartier.

Intentionally left blank


Acties:
  • 0 Henk 'm!

  • crisp
  • Registratie: Februari 2000
  • Laatst online: 13:33

crisp

Devver

Pixelated

En we zijn over \o/

Belangrijk:

Als bepaalde instellingen niet kloppen of naar je zin zijn, kijk dan eerst bij je voorkeuren - er is een heleboel in te stellen om het forum aan je smaak aan te passen (o.a. centrereren, de post-count op de index zichtbaar maken e.d.)
Heb je problemen met bijvoorbeeld de menu's of andere zaken op dit forum, en gebruik je Norton Internet Security dan is dit de oplossing:

1. Start Norton Internet Security
2. Navigeer naar "Ad Blocking"
3. Klik het knopje "Advanced"
4. Klik op "Add Site" en vul in "gathering.tweakers.net"
6. Klik op "Add" en vul in "/" en klik op "Permit" en OK.

Problemen met oudere versies van browsers zijn uiteraard op te lossen door te upgraden naar een nieuwere versie.

Ik hoop dat jullie de layout mooi vinden :)


edit: teruggaan naar de oude 'got' template kan natuurlijk ook via je voorkeuren.
abo's en crew zijn niet geforceerd overgezet naar de nieuwe template, dus die zullen daarvoor ook in de voorkeuren moeten duiken om alsnog over te stappen :)

[ Voor 14% gewijzigd door crisp op 01-12-2004 12:11 ]

Intentionally left blank


Acties:
  • 0 Henk 'm!

  • crisp
  • Registratie: Februari 2000
  • Laatst online: 13:33

crisp

Devver

Pixelated

Er is zojuist een update gedaan van de nieuwe layout. Mochten bepaalde plaatjes een beetje vervormd lijken dan verdient het aanbeveling eens een harde refresh te doen of je cache te legen :)

Nieuw in deze update, buiten de bugfixes, zijn o.a. de mogelijkheid voor non-abo's om ook voor de grijze style te kiezen, en de mogelijkheid om voor de syntax-highlighted code een ander kleurthema te kiezen. Abo's hebben vanaf nu de keuze uit 6 verschillende stylen :)

Oh ja, Henk heeft een sneeuwman gemaakt, met medewerking van cel-ed :) (alleen in default en grijze style)

[ Voor 19% gewijzigd door crisp op 18-12-2004 18:35 ]

Intentionally left blank


Acties:
  • 0 Henk 'm!

  • crisp
  • Registratie: Februari 2000
  • Laatst online: 13:33

crisp

Devver

Pixelated

op- en aanmerkingen kan je nu kwijt in Nieuwe layout (deel 3) \o/

Intentionally left blank