Hoofdcategorieën

Nieuwe layout getweakt

Door Femme Taken, dinsdag 15 juli 2008 16:32, views: 31.321

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.

Volgende 16:18
Vorige 10:42

Reacties

«  1  2  3  4  5  6  7  8  »

Hulde voor deze kleine tweaks. Hoewel het maar kleine wijzigingen zijn, maken ze de nieuwe lay-out gelijk goed.

Ja, dit is echt geweldig! 80% van de pijntjes zijn nu verholpen. Die andere 20% zijn echt heel persoonlijk, dus dat los ik zelf wel op.

Devvers, BEDANKT! _/-\o_

Super, ben echt blij. Vooral met het 'rubrieksmenu'!!

_/-\o_

Mee eens, ding inklappen en klaar ;) Was het enige dat me 'stoorde' om zo maar te zeggen.
Voor de rest vooral prettig dat er geluisterd wordt naar alle opmerkingen (want het kan natuurlijk niet zo zijn dat mensen allemaal tevreden zijn ;)).

Inderdaad, helemaal geweldig, 't was m'n eerste (en laatste) kritiekpuntje.

Ontzettend fijn dat 't ingebouwd is!

Ik ga met de rest mee, ondanks dat ik het niet gemeld had is dit wel de grootste verbetering van de nieuwe layout. _/-\o_

Ik weet niet of het op een makkelijke manier inzichtelijk is te maken maar het lijkt me wel grappig om te zien hoeveel mensen deze rubriek nu standaard inklappen. Zeker ook nadat de pijl wat minder onzichtbaar is gemaakt.

Prima verbeteringen !

Alles ziet er echt super uit. ;)

Prima werk. Ik heb de knoppen gelijk weggewerkt ;)

Top dat jullie zo snel het commentaar verwerken!

Ik heb ook het greasemonkey script weer uit kunnen schakelen en heb uiteraard eerst de knoppen ingeklapt.

Ook ik heb mijn kritiek geuit op de wijzigingen, maar ik ben blij dat er naar de gebruikers geluisterd is en er nu een tegemoetkoming is. Nog niet helemaal wat ik graag zou zien, maar stukken beter.

Is zeker mooi geworden ;) complimentje!

Ben blij met het inklapbare Rubrieksmenu !!!

Waarom kunnen er maximaal 9 nieuwsitems in de tracker worden weergegeven? Ik zou dit graag op 20 oid willen zetten.

Die 9 is op zich geen harde limiet, het kost alleen wat meer geheugen als we er meer moeten gaan cachen. Je zou een FR kunnen doen op het forum of op devtrack. Dan kunnen wij kijken of er wellicht meer animo voor is :)

Ik dacht dat het kunnen inklappen van het rubrieksmenu een check voor animo was :s Net als het maximum aantal nieuwstrackers, als je dat invoert kan je naderhand de resultaten zien van de gebruikers zelf :)
Niettemin ben ik nog erg blij met de in/uitklapbare linkerkolom, zodat 800x600 ook kan.

[Reactie gewijzigd door fl!pulI]


+1
Ik zou hier ook erg blij mee zijn, specifiek natuurlijk de GoT tracker.

Netjes hoor

Goed werk!

Ik heb toch nog een probleempje met IE6 gezien.. Ik zie bij het laden geen Feature in de rechter-balk (niet dat ik dat erg vind), pas als ik er met de muis overheen ga wordt deze geïnitieerd.

Zie screenshot: http://j3rn.org/tweakers.png

p.s. ik zie 'm trouwens wél bij het laden.. Maar hij verdwijnt weer na .5 sec. Daarna wordt ie pas weer getoond als ik er met de muis overheen ga.

[Reactie gewijzigd door DutchStoner]


Dat klopt en ik ben nog bezig te achterhalen waarom IE6 hier (ook) zulk vreemd gedrag vertoond zodat ik er ook een workaround voor kan verzinnen.

Het blijft toch behelpen met zo'n prehistorische browser die helaas nog door teveel mensen gebruikt wordt... ;)

Ik gebruik 'm ook alleen nog maar voor validatie van mijn web-projecten. 20% van de mensen gebruikt deze rommel nog (wellicht op tweakers een stuk minder).

Nu ik wat verder kijk zijn volgens mij de reacties ook niet helemaal zoals het hoort (op zijn lichtst gezegd)

[Reactie gewijzigd door DutchStoner]


IE6 ondersteuning is bij ons op basis van 'best effort', en zelfs die effort kost eigenlijk al relatief teveel tijd, maar IE6 presteert het soms zelfs om keihard te crashen als je niet ergens hasLayout forceert op bepaalde elementen :X

Ik ben mij buiten de review-aankondigingen echter niet bewust van andere IE6-issues. Gebruik jij een native IE6 of een stand-alone installatie? Bij dat laatste kan het zo zijn dat conditional comments niet geparsed worden waardoor je wellicht onze ie6fix stylesheet niet geserveerd krijgt.

Ik gebruik IE6 als een stand-alone installatie (naast IE7). Dat zal dus waarschijnlijk het probleem met de ie6fix css zijn.

IE6 naast IE7 reageert vaak niet hetzelfde als een echte IE6 installatie. Op t werk hebben we een VM draaien bij een collega op zn laptop met een kale XP installatie met IE6 erop. Dat er verschillen zitten tussen een 'normale' IE6 en een versie naast IE7 is me zeer duidelijk geworden.

Ze maken het de developers wel weer lekker makkelijk zo... pffff

Inderdaad; een complete VM moeten installeren om te kunnen testen in een oude browser. Het is eigenlijk van de zotte :/

Gelukkig heb ik hier thuis nog een win2k workstation met IE6 (want geen IE7 beschikbaar voor win2k), en guess what: het lijkt er op dat ik een workaround heb gevonden voor deze IE bug (je wordt er wel handig in om de knelpunten voor IE6 te herkennen). Deze fix heb ik zojuist online gezet :)

http://www.thecounter.com/stats/2008/June/browser.php en http://en.wikipedia.org/wiki/Usage_share_of_web_browsers IE7 wordt inmiddels gelukkig meer gebruikt dan ie6 (was een paar maanden geleden nog niet zo), maar firefox neemt ook al een aardig deel in (nog veel te weinig als je t mij vraagt)

En voor een standalone IE6..
Kijk eens naar dit: http://tredosoft.com/Multiple_IE
Werkt niet op vista, maar op een XP machine gaat perfect.
En neemt die aparte ie6 fixes van tweakers ook vrolijk mee.

Daarnaast nog een erg handig javascriptje:
http://code.google.com/p/ie7-js/
Daarmee maak je van je brakke ie6 weer een browser die het redelijk kan. Je zal nog steeds fixes nodig hebben, maar veel minder. En dat zo'n grote javascript library dan voor de ie6 (en zelfs 5.5) gebruikers moet worden geladen is maar een straf voor hun. Dus ik zou is voor de "grap" kijken hoe compatible tweakers is als je dat js bestandje erin zet :) (natuurlijk wel tussen <!--[if lte IE 6]>javascript<![endif]--> zodat andere browsers het negeren.

En nog een opmerking voor die pijl functie.. heel leuk idd, maar kan je daar niet ook gelijk al die ad velden uit zetten :D (weet ik, moet je dokken, maar tis te proberen)

[Reactie gewijzigd door markg85]


Ik had een stand-alone IE6 @office op mijn XP workstattion (die ook overweg kon met CC's), maar sinds ik IE8b1 heb geinstalleerd weigert die helaas dienst... We moeten maar eens een oude PC daarvoor in gaan richten, elke keer 's avonds thuis IE-zaken moeten fixen is ook niet alles ;)
Daarnaast nog een erg handig javascriptje: [...]
Ik kan nu al voorspellen dat met dergelijke scriptjes we IE6-gebruikers op onze site dan beter kunnen redirecten naar tweakers.mobi aangezien de clientside performance dan dusdanig abominamel zal zijn dat ze snel hun nieuws elders gaan halen (ik heb niet de illusie dat je daarmee gebruikers kan overtuigen om een betere browser te installeren :P)

Ik heb in de beginfase van NG wel een poging gedaan om enkel :hover ondersteuning te backporten naar IE6 dmv CSS behaviours of een (zwaar op performance getweakt) htc component, maar daarmee liepen de clientside parsetijden al snel op naar tientallen seconden voor sommige van onze (complexe) pagina's. Dat plus het feit dat het technisch gezien gewoon haast onmogelijk is om dergelijke features 100% correct te backporten naar IE6 middels scripting hebben ons toen al doen besluiten om de :hover effectjes (die toch puur stylistisch zijn - we misbruiken :hover niet voor behaviours) dan maar te laten zitten voor IE6 en lager.

Last but not least is het raar om je styling afhankelijk te laten zijn van scripting, zelfs al is het voor een verouderde browser. Scripting support is optioneel, en onze site dient ook zonder scripting gewoon toegankelijk te zijn. Ik denk ook niet dat dergelijke scripts ueberhaupt in staat zijn om bijvoorbeeld alle 'hasLayout'-quirks van IE6 te herkennen en te fixen - daar zitten toch met name de grootste problemen in mbt CSS.

Al zou het mogelijk zijn om zonder al te veel haken en ogen support voor moderne technologieën op zo'n manier te backporten naar oudere browsers dan rijzen er bij mij 2 vragen:
- als dat zo makkelijk is, waarom fixed de browservendor dan zelf niet die browser?
- is nu juist niet het doel om gebruikers toch een beetje op een subtiele manier te bewegen om te upgraden, en bereik je dat niet beter door het concept van 'graceful degradation' toe te passen dan door allerlei truuken toe te passen om het in IE6 precies zo te krijgen als in modernere browsers (wat ook nog eens substantieel veel tijd kost)?

Al zou het mogelijk zijn om zonder al te veel haken en ogen support voor moderne technologieën op zo'n manier te backporten naar oudere browsers dan rijzen er bij mij 2 vragen:
- als dat zo makkelijk is, waarom fixed de browservendor dan zelf niet die browser?
- is nu juist niet het doel om gebruikers toch een beetje op een subtiele manier te bewegen om te upgraden, en bereik je dat niet beter door het concept van 'graceful degradation' toe te passen dan door allerlei truuken toe te passen om het in IE6 precies zo te krijgen als in modernere browsers (wat ook nog eens substantieel veel tijd kost)?
voor je eerste vraag zal je echt bij de vendor moeten zijn. in dit geval microsoft.
voor de tweede.. ligt eraan.. als je het in alle browsers werkend wil hebben zal je zo'n script moeten gebruiken.. als je wil dat de gebruikers overstapen op een nieuwere versie of een ander pakket (Firefox) dan zou ik zeggen: schrap die hele ondersteuning tot ie7 en laat tot die browser een leuke melding zien dat je maar moet upgraden. vanaf ie7 laat je dan de site normaal zien.

Over ie7 moet ik ovirgens wel zeggen dat het nog steeds niet goed is, maar eindelijk wel meer dan behoorlijk. Sites zijn daar gewoon goed voor te maken zonder dat je bijv. tabellen moet nemen omdat divs niet goed werken. Ik heb een hekel aan die browser (en alles van die "vendor" maar dat hebben ze dan weer aardig gedaan.

De eerste vraag was geen vraag :P Het is namelijk niet makkelijk om een bestaande renderengine te fixen die van meet af aan specificaties al niet naar de letter heeft geimplementeerd maar shortcuts heeft genomen om performance-technische redenen. Zo'n engine gaat nat op nieuwere complexe technologieën omdat de basis al fout is, en dan moet je geen workarounds gaan toepassen (zoals IE7 doet) maar je renderengine (deels) herschrijven :)

Verder is de keus om IE6 wel te ondersteunen er een gedreven door het nog steeds niet te negereren marktaandeel. Als publieke grote website kan je daar niet omheen.

VMs installeren om browsers te testen is gewoon standaard, en al veel beter dan voorheen toen je eigenlijk gewoon een hele stapel devmachines moest hebben, allemaal naast elkaar...

Ik kan toch prima meerdere versies Firefox of Opera naast elkaar draaien en ook in het verleden heb ik eigenlijk nooit een stapel devmachines nodig gehad om crossbrowser compat te testen. Het is enkel IE dat hier de uitzondering is...

Ja idd, ie6 is een bagger browser. FF3 for the win! Wat de layout betrefd: Het klikken op de reviews is idd een goeie aanvulling.

Nice!

Dood aan IE6.
Ik stem voor een grote melding: "Uw browser is helaas niet geschikt voor het weergeven van deze site" als je 'm met IE6 pobeert te openen ;)

Blijft toch 20% wat IE6 gebruikt, erg lastig voor developers. Het gaan forceren op globale schaal zou idd onderhand nodig zijn.

Bij 6 zou ik het niet doen, maar wel bij alles onder 6.
Volledig rood scherm, grote flikkerende witte letters in het midden van je scherm ;)

Nou. Ik denk dat de meeste je uiteindelijk dankbaar zullen zijn voor snelheid, adblock plus, en keywords (al vinden ze deze laatste niet zomaar uit). Meeste mensen die ik over de streep heb getrokken snappen niet dat ze ooit IE hebben gebruikt.

Verder moet ik nog wel even wennen aan de site hoor. Hij is wel heel mooi. Er wordt alleen wel erg veel ruimte gebruikt voor de "metadata" van een artikel aan de rechterkant.

Hiermee ga je een deel van je bezoekers gewoon uitsluiten, ondanks dat ze er zelf niets aan kunnen doen. Ik heb op mijn werk een PC gekregen met W2K en IE6 erop. Het is niet aan mij om deze te upgraden, zelfs al zou ik het proberen, het zal me niet lukken. Als je IE6 volledig gaat bannen zal ik T.net niet meer op mijn werk kunnen lezen, en vermits ik thuis nog amper achter m'n pc zit, laat staan op internet, zal ik dus grotendeels afschijd moeten nemen van deze fantastische site.
En ik ben hoogstwaarschijnlijk niet de enige.

Er is nergens gezegd dat we IE6 support gaan stoppen. Zolang het marktaandeel van IE6 niet te verwaarlozen is (het aandeel van IE5.0, 5.5 en IE voor de Mac zijn dat wel en met NGv2 worden die dan ook niet meer ondersteund) hebben we geen keuze, hoe jammer we dat ook vinden want het kost gewoon erg veel tijd en moeite (waarmee ik wil onderstrepen dat het gebruikers-argument 'waarom zou ik upgraden want <oude browser> werkt toch prima?' dus juist aan de developerskant voor extra werk zorgt en daarmee kosten hoog houdt en het gebruik van nieuwe technologieën belemmert - en dan heb ik het nog niet eens over het feit dat oudere browsers inherent onveilig zijn, zeker als er geen support meer op wordt gelevert door de vendor).

Dat bedrijven nog veel gebruik maken van oude software is jammer en kent vooral z'n oorsprong in het feit dat ze zich in het verleden teveel hebben laten verleiden tot het aankopen van software die voornamelijk op Microsoft proprietary technologieën zijn gebaseerd en wat betreft webbased interfaces teveel leunen op de non-standards behaviour van Internet Explorer. Je zou je ook kunnen afvragen of dan de keuze voor een webbased interface wel de juiste is geweest; immers is de life-cycle van een browser doorgaans korter dan die van gemiddelde bedrijfssoftware. IE6 is wat dat betreft een uitzondering geweest door het jarenlange gebrek aan aandacht door Microsoft, wat het probleem eigenlijk alleen maar verergert heeft.

Misschien een idee om de gebruikers niet rechtstreeks te forceren maar vriendelijk tevragen om ons web-developers te helpen?

Een tijdje geleden kwam ik dit tegen:
http://savethedevelopers.org/lang/ne/

Lijkt mij niet zo'n slecht idee hiervoor. Als t.net nou ook zoiets deed ;).

Bedankt voor deze wijzigingen. Ik had er zelf niet op gereageerd maar stoorde me ENORM aan het menu boven de tracker. Bedankt voor het inklapbaar maken daarvan _/-\o_

Ik denk toch met weemoed terug aan de goeie ouwe layout.... :)

En ik wil de gulden terug ;)

Dan neem je een abo, dan kun je je eigen CSS bouwen :).
Er zijn al wat tweakers die de oude hebben nagebouwd en ook al wat tweakers die gewoon een andere layout hebben gebouwd.
Zelf wilde ik m'n mariekeroze theme weer, dus een paar uurtjes uitleven op de CSS en m'n FP was weer mooi roze. (Overigens draai ik nu een donkerblauw theme, dat ziet er imho nog beter uit).

dat heb ik al eens overwogen, alleen jammer dat ik nooit heb kunnen vinden waar je nu prcs een proef abo voor bijv 24uur kan krijgen...

ik zou gewoon graag eerst zien wat ik koop voor ik er m'n centjes aan uitgeef,
anders is / blijft een browser-based cssstyle gewoon een betere optie...

voor de reclame hoef je het iig niet te doen daar stoor ik me al lang niet meer aan...

*kuch* *kuch* Greasemonkey en firefox *rochel* *hoest*

huh?? zei daar iemand wat?

Een abo biedt natuurlijk wel meer dan geen banners en eigen CSSen. De voornaamste reden dat ik het gebruik is voor het fotoalbum.

Maar goed, als je een idee wil krijgen van wat je kunt doen met custom CSSen, in mijn fotoalbum staan wat screenshots.

http://tweakers.net/ext/f/DzoSRF21wUawFMokHsq8hxOk/full.jpg
http://tweakers.net/ext/f/nJv6PQ2bK8PR8Ex8cvbrhAwG/full.jpg
http://tweakers.net/ext/f/tZyZ9zEkCcPHF0Ve4T4eTNT8/full.jpg

En dit is puur gedaan door wat classes en id's aan te passen en wat plaatjes in m'n fotoalbum te zetten.

En als je 30¤ op jaarbasis echt te veel vindt 8)7 dan kun je nog altijd jezelf verdiepen in het programmeren en je eigen T.net browser gaan schrijven die wel de inhoud van T.net weergeeft, maar dan met een eigen opmaak op toegepast.

Daar hoef je niet per se een tweakers.net pro abbo voor te hebben, gewoon een beetje tweaken, dat moet iedere tweaker hier toch wel kunnen.

http://img152.imageshack....4/aangepastelayoutem8.png
«  1  2  3  4  5  6  7  8  »

Op dit item kan niet meer gereageerd worden.

Volgende 16:18
Vorige 10:42
VNU Media logo Powered by True

© 1998 - 2008 Tweakers.net - Alle rechten voorbehouden

Uitgever van: