WK 2026: Scoor de beste deals! Stel jouw winnende opstelling samen met behulp van ons advies.

Door Femme Taken

UX Designer

Nieuwe layout getweakt

15-07-2008 • 16:32

187

De vernieuwde layout draait inmiddels ruim een week en in die tijd zijn er meer dan 700 reacties geplaatst, zowel bij de aankondiging als in diverse topics op het forum. De devvers hebben de kritische noten en suggesties voor verbeteringen uiteraard ter harte genomen en een reeks tweaks in de code aangebracht:

Ingeklapt rubrieksmenu (klein)

Rubrieksmenu inklapbaar

Het menu met de rubrieken is inklapbaar gemaakt, zodat gebruikers de door het menu ingenomen ruimte kunnen terugclaimen voor de tracker. Het inklappen van het rubrieksmenu geschiedt via een klik op de pijl onder het logo. In de nabije toekomst zal de nieuw gevonden functie van deze pijl nog wat minder onduidelijk worden gemaakt

Contrast tracker verhoogd

Een deel van de bezoekers bleek moeite te hebben met de leesbaarheid van de tekst in de tracker. De grijstinten zijn daarom lichter gemaakt zodat er een groter contrast is ten opzichte van de donkergrijze achtergrond. Wel blijft de tracker visueel ondergeschikt aan de twee contentkolommen.

Binnenkort zal er een optie toegevoegd worden waarmee de tracker met donkere tekst op een witte achtergrond kan worden weergegeven. Hiermee wordt tegemoetgekomen aan de gebruikers die moeite hebben met het grote contrast tussen lichte tekst op een donkere achtergrond in de tracker en donkere tekst op een witte achtergrond in de contentkolommen.

Extra tussenstap layoutbreedte

Tussen de beperkte weergave op 1024 pixels breed en de weergave met een volwaardige tracker op 1152 pixels breed is er een tussenstap op 1100 breed toegevoegd. De extra ruimte in de breedte komt in deze tussenstap ten goede aan de tracker zodat de items in de tracker beter leesbaar zijn.

Tweakers.net layout 6: breedte 1024Tweakers.net layout 6: breedte 1100Tweakers.net layout 6: breedte 1150
102411001150
Delay op uitklapbare tracker

Op het uitklappen van de tracker in de weergave van minder dan 1150 breed is een kleine vertraging geplaatst. Het in- en uitklappen bij muisbewegingen over de tracker levert daardoor een minder neurotisch effect op.

Aankondigingsplaten klikbaar gemaakt

De grote aankondigingsafbeeldingen voor reviews, .plans en blogs op de frontpage zijn klikbaar gemaakt, zodat het niet meer noodzakelijk is om nauwkeurig op de titel van het artikel te mikken.

Kleuraanpassing Mobile-rubriek

De kleurtjes van de bullets voor de nieuwsberichten op de frontpage zijn licht getweakt, waarbij met name het onderscheid tussen de groene kleur van de Games-rubriek en de turquoise kleur van Mobile groter is gemaakt.

Resolutiestats

Uit een nieuw onderzoek naar de scherm- en browserresoluties van de Tweakers is gebleken dat het aantal bezoekers dat de site niet in de optimale weergave kan bekijken met ongeveer 18 procent is gedaald ten opzichte van de voorgaande meting in februari. Het marktaandeel van resoluties lager dan 1152 pixels breed blijft dus in gestaag tempo afnemen. Momenteel gebruikt 7,5 procent van de ingelogde bezoekers een horizontale schermresolutie die kleiner is dan 1152 pixels, terwijl bijna 21 procent van de ingelogde users zijn browservenster op minder dan 1150 pixels breed heeft ingesteld.

Reacties (187)

Sorteer op:

Weergave:

Ik weet niet of iemand het al had gemeld, maar sommige oudere posts zijn niet volledig leesbaar. Dit in zowel IE6 als FF3.

Bij deze link zijn sommige tekstvlakken aan de rechter kant afgekapt.

Verder zijn de kleine verbeteringen voor mij de kers op de taart, mooi werk!
crisp Senior Developer @Baggio66617 juli 2008 10:35
Sommige oudere reviews moeten inderdaad nog een 'wide' vlaggetje krijgen, dat fixen we wanneer we het tegenkomen. Bij deze is die review dus gefixed ;)
De tabel op deze pagina van die review loopt nog uit de layout
(en die op de volgende pagina nog erger zie ik net)

[Reactie gewijzigd door eXcyle op 24 juli 2024 08:03]

Wordt het inklappen van het rubriekenmenu in het profiel opgeslagen? Ik zie nl op meerdere pc's het rubriekenmenu terugkomen terwijl ik hem had weggeklikt...

Goede aanpassingen trouwens _/-\o_
Nee, dat wordt in een cookie gedaan opdat niet-ingelogde gebruikers ook gebruik kunnen maken van deze feature :)
Zeker mooie layout en een aantal goede tweaks nu. :)

Wat ik me afvraag, zou het niet mooier zijn om de 2 achtergrondkleuren hetzelfde te maken?
Dat zou mooier zijn, vooral op grote schermen, denk ik...

[IMG]http://img411.imageshack.us/img411/1533/tnetlayoutki6.th.jpg[/IMG]
De resolutie stats zou ik toch een kanttekening bij willen plaatsen:

Ik gebruik twee monitoren waardoor mijn resolutie uitkomt op 2304x1024(=1280x1024+1024x768), maar surf nooit fullscreen. Ook als ik een nieuwe 24"TFT zou kopen in de plaats van mijn huidige monitor (1920x1280) zou ik nog steeds mijn firefox venster niet groter zetten dan wat ik nu gebruik: ongeveer 1024x768. Ik heb altijd wat programma's er omheen staan die ik graag allemaal tegelijk in beeld zie. Het feit dat mensen een groot genoege resolutie op hun monitor hebben zegt niets over het aantal beeldpunten dat ze het liefst gebruiken om te surfen

Bovendien worden Netbooks steeds belangrijker en zeker de mensen met een 7" zullen denk ik wel wat problemen krijgen met de site. Mijn 9" (1024x768) gaat op zich prima maar die ingeklapte tracker balk is wel lelijk natuurlijk.

Verder complimenten voor het nieuwe uiterlijk, het is een enorme verbetering.
Het inzoom mechanisme voor plaatjes dat tweakers gebruikt kan ook wat verbetering gebruiken. De sluitknop onderaan is een beetje verwarrend omdat de sluitknop vaak rechts bovenaan wordt verwacht (net als een window).

Daarnaast kan bij het cyclen door een plaatjes collectie de navigatie knoppen en de sluitknop buiten beeld raken bij lagere resoluties (de dynamische grootte van het plaatjes frame is irritant).

Ik vind de image zoom van coputable erg handig en intuitief. Misschien kunnen jullie het krijgen aangezien zij ook van VNU zijn?

http://www.computable.nl/...ij-olympische-spelen.html
popups op het forum? We draaien daar enkel adsense ads. Ik denk dat je je pc maar eens moet gaan scannen op malware ;)
ACM Software Architect @Verwijderd15 juli 2008 21:59
Wij maken onderscheid tussen de 'frontpage' (alles wat onder 'http://tweakers.net' beschikbaar is) en het 'forum' (alles onder 'http://gathering.tweakers.net').

Ik vermoed dat, tenzij crisp gelijk heeft over malware, je dus gewoon de frontpage bedoeld. In dat geval heb je ongelijk dat het 'sinds de verandering' is, we hebben al jaren af en toe banners die een 'overlay' of 'layer' plaatsen, het effect dat een advertentie buiten zijn originele kader op je scherm komt. Dat zijn advertenties die onder vrij strenge voorwaarden toegelaten worden.
De belangrijkste voorwaarden voor die overlays/layers zijn dat je er hooguit enkele per dag te zien krijgt, dat een specifieke advertentie sowieso heel beperkt voor mag komen en dat een sluitknop goed zichtbaar moet zijn en daadwerkelijk moet werken. Dus een situatie waarbij je 5x moet vernieuwen hoort sowieso niet voor te komen. Mocht dat wel het geval zijn, dan horen we dat graag van je (het 'Geachte Redactie'-forum is daar een handig kanaal voor).

Helaas maken de adverteerders nog wel eens foutjes, waardoor alsnog de strenge voorwaarden niet gehonoreerd worden, en soms zorgen bepaalde content-filters (bijv geen cookies van bannertoko's accepteren) ervoor dat een beperking op een aantal views per bezoeker niet werken of dat de sluitknop niet goed gepositioneerd of zichtbaar is. Een en ander is in de advertentiewereld helaas zo gegroeid dat alles op het laatste moment af is en online kan, waardoor wij in principe nooit vooraf banners te zien krijgen. En met haastklussen wordt sowieso geregeld wat fout gedaan.

Als het goed is hebben we nergens en nooit banners die daadwerkelijk uit zichzelf een extra browservenster openen en daarmee dus een echte 'pop-up' veroorzaken. Mocht je die wel tegenkomen, dan horen we ook dat graag van je, zodat we de advertentie zo snel mogelijk kunnen laten uitschakelen.
Vind het er prima uitzien. Eén klein dingetje: waarom is de donkergrijze achtergrond niet helemaal doorgetrokken? Nou hebben je helemaal op de linker- en rechterkant eerst een stukje zwart, dan donkergrijs en daarna de site. Had liever gezien dat het grijs helemaal was doorgetrokken. Mijn resolutie is 1280 * 1024. Voor de rest top. :)
AuteurFemme UX Designer @Verwijderd15 juli 2008 23:19
Dat is om de layout mooi gebalanceerd te centreren en de tracker een rechthoekig geheel te laten vormen met de rest, ondanks de winkelhaakvorm van het contentvlak. Op een egale kale achtergrond zou de tracker er ook gewoon nogal schraal uitzien.
Donkergrijs is hier wel goed doorgetrokken (1680x1050, FF3, Ubuntu).
AuteurFemme UX Designer @graceful16 juli 2008 15:52
Overigens vind ik het wel jammer dat nog steeds de tracker "buiten gesloten" word. Ik, persoonlijk, vind de tracker toch wel belangrijk.
Als je gebruikmaakt van een hogere resolutie dan 1024x768 (zoals 92,5 procent van onze ingelogde gebruikers doet) zou je kunnen overwegen om het window van je browser breder te maken zodat de tracker geheel in beeld valt.
Maar zouden jullie de tekst niet beter gewoon altijd "goed" zichtbaar maken ipv pas na dat je er met je muis terecht gekomen bent.
Er komt zoals geschreven een optie voor donkere tekst op een witte achtergrond. Natuurlijk kan ik met weinig de stylesheets wijzigen om de tekst in de tracker keihard wit te maken. Dit zou echter weer veel drukte veroorzaken wat niet de bedoeling is.
ACM Software Architect @SirBlade16 juli 2008 09:28
Dat heb je mis. Dat inklappen is een kwestie van paar style-rules in CSS via een stukje eenvoudig javascript toepassen.

Voor die extra kleurstelling van de tracker moeten nieuwe plaatjes komen, de kleuren zelf moeten ook bedacht worden, etc etc. En dat is dus aardig wat meer werk juist :)
Als er iets mis is kun je dan een geinformeerde probleemaanmelding doen, en daarnaast is het veel lastiger om zoiets alleen-voor-beheerders te doen dan het gewoon overal neer te zetten. Zolang het de link-destination niet override heb je er toch geen last van op dat punt? Vroeger stond dat soort info gewoon onderaan de page in lichtgrijs en kleine lettertjes.. welke van de twee nou minder intrusive is kun je je afvragen. Maargoed, de status balk is iets dat de gemiddelde mensheid niet eens open heeft staan.

Besides, het is hier tweakers.net, en heel veel mensen kan het dus *wel* schelen.
Snap ik, maar moet een site niet gericht zijn op haar bezoekers en niet op haar devvers?
Hebben bezoekers er last van dan?

Het is gewoon een Tweakers-eigen iets; veel tweakers houden van statistieken en andere nutteloze weetjes. Dat jij het als 'niet professioneel' beschouwd is jouw mening, en meningen kunnen verschillen. Besides: waarom zou alles altijd 'professioneel' moeten zijn? Daar wordt het leven ook niet altijd vrolijker van ;)
crisp Senior Developer @DoubleA15 juli 2008 17:02
Technisch is een boel mogelijk, de vraag is alleen of je het topmenu ook nog mooi krijgt op het moment dat je de site op die manier versmalt naar een kleine 900 pixels (bedenk daarbij dat er in de toekomst in ieder geval nog een hoofdmenuitem bij moet kunnen). Daarbij is ook de vraag of er ueberhaupt genoeg mensen van een dergelijke optie gebruik zullen maken om de nodige inspanning te rechtvaardigen.

Het is zelfs puur met CSS te realiseren getuige onze handheld stylesheet (die je kan bekijken in browsers die daar een optie voor bieden - eventueel via een plugin).

[Reactie gewijzigd door crisp op 24 juli 2024 08:03]

Je kan toch alles uitvinken, dan heb je enkel dat ronde knopje nog linksboven. Zo heb ik het ook, veel strakker.

[edit]
Iets anders trouwens, ik zou wel willen kiezen om alle rubrieken behalve games te zien. Alles heeft mijn interesse behalve de games.

En dan nog een dingetje, ik zoek er al tijden naar, maar je kan nergens een overzicht van je eigen reacties krijgen? Of kijk ik er daar al 5 jaar overheen?

Verder niks dan lof voor de lay-out door de jaren heen :)

[Reactie gewijzigd door Aikon op 24 juli 2024 08:03]


Op dit item kan niet meer gereageerd worden.