Bashers krijgt een nieuw likje verf



De vormgeving van Bashers was alweer bijna een jaar oud, tijd voor een nieuw likje verf. Het gaat om een cosmetische update, die je met name terugziet in de nieuwe, zwarte header. Daarin zijn de verschillende rubrieken wat makkelijker toegankelijk. Ook is er nu een headlinepagina, die vooral bestaat omdat-ie er, vind ik, zo tof uitziet.

Het forum krijgt deze week ook een update: vandaar dat hij even offline is. Als alles goed gaat, duurt het onderhoud niet langer dan een paar dagen.

Vergelijk het oude en het nieuwe ontwerp na de klik en laat in de reacties weten welke je beter vindt. Ik ben benieuwd naar je feedback.

De oude site, intern bekend als Bashers 2.0

Bashers v2.0

De nieuwe site, intern bekend als Bashers 2.1

Bashers v2.1

Update: Bashers 2.1b

Bashers v2.1b

30 reacties

  1. Robert Gaal · 26-4-2009 · 18.30 uur

    Ik zou nog een “about us” pagina overwegen Niels. Mensen willen graag weten wat ze lezen. Verder goeie verbetering zo, met name de zijbalk!

  2. Coert · 26-4-2009 · 18.42 uur

    Ik heb het nu alleen over de esthetiek: de oude was zoveel beter! Zwart-rood-wit-oranje-blauw? Huh?

  3. Nicolas Van Hoorde · 26-4-2009 · 18.42 uur

    Ik vind het een verbetering, op drie puntjes na.

    1: Het contrast tussen het wit en het grijs (op een breedbeeldscherm althans) is te klein en niet goed genoeg zichtbaar. Een klein lijntje rondom het wit of het grijs iets grijzer maken, kan een uitkomst bieden.

    2: De kopjes rechts vind ik echt niet mooi. De witte letters op de zwarte achtergrond voelen (ondanks de zwarte header) inconsistent aan met de rest van de ‘body’.

    3: Het valt me nu pas op dat er rechts wel héél veel standaardhyperlinks (blauw, onderlijnd) zijn. In de oude lay-out stoorde ik me er niet aan, nu blijkbaar wel. Een icoontje zoals bij ‘Lees ook even dit’ kan het ‘saaie blauw’ al wat doorprikken. Of misschien kan je nog iets beter uit je hoed toveren?

    Dat zijn mijn, tussen grote aanhalingstekens, “ergernissen”. Ben benieuwd of de rest het ermee eens is.

  4. Floris · 26-4-2009 · 18.54 uur

    Ik vind het een zware achteruitgang. Het ziet er nu uit als een goedkope britse tabloidkrant.

    Graag het oude design weer terug!

  5. Ellen de Lange-Ros · 26-4-2009 · 18.57 uur

    Ik vind de lijst met platformen bovenaan mooi, maar de zwarte kleur vind ik dan weer niks. Dat witte vond ik veel rustiger en stijlvoller. Het zwarte neigt meer naar een standaard-puber-site. Tot zover deze opbouwende feedback :-P

  6. Ruud · 26-4-2009 · 19.13 uur

    Best redelijk, vind alleen de gele mouse-overs nu ineens helemaal niet meer passen.
    Misschien dat zwart ook iets minder zwart maken, meer grijs.
    Voor de rest is het natuurlijk allemaal niet schokkend, een prima update.

  7. Fredoichi · 26-4-2009 · 19.17 uur

    Hm, dunno Niels… niet echt een verbetering. Sorry… heb hetzelfde als Ellen m.b.t. de topbar en kopjes rechts botsen net als bij Nicolas ook bij mij… heb ook moeite met de font grootte van de hyperlinks in de bar.

    Alles doet echt een stuk onrustiger aan en mis toch echt de volwassen en subtiele setup van het vorige geheel.

  8. Shoord · 26-4-2009 · 19.21 uur

    Wat mij betreft had het niet hoeven veranderen, de oude layout zag ‘r prima uit.. Hoe dan ook wat puntjes over dit design:

    1) De onderdelen in de header staan erg dicht op elkaar. Het letters van de blogpost categorieën zijn ook erg groot, en lijken zo te veel op het menu in de eerste regel. Het lijkt nu een brij aan grijze tekst.

    2) Het is niet erg gebruiksvriendelijk te moeten scrollen over een thumbnail om de omschrijving te kunnen lezen. De headlines zijn er juist om direct feature artikelen te belichten. De thumbnails zeggen dan ook alleen wat over de game en niks over de insteek van het artikel.

    3) (Zoals Nicolas benadrukt) zijn de kopjes te donker. Dikgedrukte tekst zou bijvoorbeeld al afdoende zijn.

    4) Het zoekveld rechtsboven staat vreemd uitgelijnd. Het zou logischer zijn om het op de regelhoogte van het hoofdmenu uit te lijnen.

    5) Minor issues:

    - Een vinkje om een zoekopdracht uit te voeren vind ik geen heel sterk icoon.

    - ‘Meer headlines’ zou ik verplaatsen naar rechtsonder in de features-balk, zodat het wat minder in de weg zit met de andere menu’s.

    kthnxbye.

  9. Menno Schellekens · 26-4-2009 · 19.32 uur

    Tja, ik begrijp waar je heen wilt maar dit wordt ‘em niet volgens mij. Eens met alle kritiekpunten hierboven eigenlijk en ik wil nog twee dingen toevoegen. 1 - de aandacht gaat nu niet naar waar je hem wil hebben. Die gigantische zwarte balk zuigt alle aandacht naar zich toe, maar de chaos in het midden ervan (met alle kopjes en items) maakt het enkel verwarrend. Ik zou het bovenste (geschreven) stuk graag meer aandacht zien vangen, niet de balk erboven. 2 - de grijze zijkanten voegen niet veel toe, maar nu voelt het voor mij persoonlijk meer aan als een goedkope Blogger-blog.

    Geef mij maar het vorige design.

    Wel een succes: het grotere logo.

  10. Samuel Hubner Casado · 26-4-2009 · 19.36 uur

    Ik ben volgens mij de enige die het tof vindt. De site is duidelijk (al dat wit zorgde ervoor dat de content een beetje op de site ‘zweefde’) en de site straalt meer kracht/ballen uit.

  11. TAW · 26-4-2009 · 19.39 uur

    Ik kan niet echt aanwijzen wat me echt stoort aan het geheel.
    Het zwarte maakt het niet puberachtig volgens mij. Wellicht komt de look niet echt lekker tot zijn recht omdat er nu ook een rode Bashersknop bij dit artikel hoort. Misschien dat er met andere (lichte)kleurtinten, lettergrootte en regelafstanden gespeeld kan worden? Misschien is een zwarte omlijning van het geheel wel de oplossing.

  12. Niels ’t Hooft · 26-4-2009 · 19.40 uur

    Dank voor alle feedback tot nu toe. Het design is een work in progress en ik blijf er de komende tijd waarschijnlijk wel aan sleutelen.

    Ik ben zelf eigenlijk vooral nog niet tevreden met de zijbalk: de header en de hoofdtekst staan wel, maar de zijbalk blijft zo zweven; de zwarte kopjes zijn een poging het iets meer gewicht te geven. Iemand suggesties voor hoe de zijbalk beter in balans te brengen met het geheel?

  13. TAW · 26-4-2009 · 19.45 uur

    Nu ik er over nadenk: de zijbalk kan misschien iets smaller en een stuk meer naar rechts. Daarbij gewoon de tekst van de artikelen breder over de pagina laten lopen. Is dat wat Niels?

  14. Vincent Leeuw · 26-4-2009 · 19.55 uur

    .::: Misschien wrapper en body van f3f3f3/fff verwisselen en header 333 maken ipv 000. Rechter kolom kan misschien smaller, maar ik denk dat dat de artikelen minder goed leesbaar maakt als die ruimte dan breder wordt.

    Het is beter de zwarte titelblokjes rechts meer ademruimte te geven, meer padding links en rechts. Wat te doen met de gehele kolom is een beetje onduidelijk. Meest logische vorm is het gelijktrekken met de header, maar dat werkt niet omdat het de leesrichting afsluit en de site dan minder open maakt (in tegenstelling tot een kolom links).

    Ik denk dat het maximale contrast tussen content en header echter het grootste probleem is.

  15. Osahi · 26-4-2009 · 20.04 uur

    Mag van mij gerust doorgetrokken worden naar de rest van de site hoor. Nu lijkt het gewoon een nieuwe header, ipv een heel nieuwe lay out. Eerder Bashers 1.1 dan Bashers 2.0. Hou wel meer van het zwart dan van het wit/grijs van vroeger :)

  16. Coen · 26-4-2009 · 20.48 uur

    Het maakt me allemaal niet zoveel uit eigenlijk.
    Beetje drukke header nu, maar die negeer ik, als dagelijks bezoeker, toch compleet.

  17. BarmhartigeSamaritaan1982 · 26-4-2009 · 22.20 uur

    Die zwarte header, die kan echt niet hoor :O
    Een gigantisch zwart accent, met verder grijs en wit…
    Het voelt voor mij alsof ‘ie verkeerd wordt gerendered. Kun je er geen grijs-donkergrijs patroontje achter doen, zoiets als hier op de achtergrond:
    http://www.obsessable.com/feature/online-backup-solutions-compared/

    En dan link- en rechts naast de wrapper, zoiets als hier:
    http://www.nrcnext.nl/
    Wat het ook wordt, sterkte ermee :)

  18. Vlad Micu · 26-4-2009 · 22.30 uur

    Heerlijk, die leercurve binnen het WordPress platform. Ziet er veelbelovend uit Niels! Veel geluk met de rest van de make-over :D!

  19. Skar · 26-4-2009 · 22.50 uur

    Vind de header wat minder geslaagd, maar de zijbalk is wel stukken overzichtelijker.

  20. Niels ’t Hooft · 27-4-2009 · 3.01 uur

    Na wat nachtelijk tweaken presenteer ik Bashers 2.1b. Verbetering?

    @Robert: Er was al een About-pagina, maar hij was nog niet zo prominent gelinkt. Nu rechts bovenin de sidebar.

    @Nic: De kopjes zijn verdwenen. Heb nu lichte lijntjes tussen de blokjes geprobeerd, volgens mij werkt het zo wel aardig.

    @Shoord: Mee eens dat het scrollen over de headlinethumbnails niet de meest gebruiksvriendelijke optie is. Zie het als een speels elementje, waarbij het plaatje lokt om even te kijken wat het is.

    @Cyhwuhx: Ik ben op jouw suggestie aan het experimenteren geslagen met het omruilen van het grijs en wit, en nu werkt het volgens mij een stuk beter. Dank voor de tip!

    Ik heb trouwens ook geëxperimenteerd met een iets lichtere header (bijvoorbeeld anthraciet #333), maar ik blijf toch bij de zwarte. Hopelijk, voor de mensen die het niks vinden, is het een kwestie van wennen.

  21. bas · 27-4-2009 · 8.02 uur

    De opmaak (en zo het onderscheid) van kleine berichten als de linkservice vind ik stukken netter zo! 2.1b is al een stuk beter zonder zwarte koppen in de zijbalk; Maar dat zwart in de header vloekt voor mij ook een beetje met het witte/moderne van waar Bashers 2.0 vol van zat. Het wende na een nachtje slapen al wel een beetje. Ook de teksten die verschijnen als je scrollt over de plaatjes in de header zijn leuk. Het grotere logo is ook mooi, dat mag best nog meer geaccentueerd worden! Ik mis de twitterberichten in de zijbalk; nu moet ik er zelf naar toe om ze bij te houden…
    Woordspelingen als ‘Deze zijn ook vet’ mogen van mij wel iets volwassener, zeker als titel in de zijbalk.

    Ik zou in de zijbalk wat meer doen met het enorme archief van Bashers. Veel posts verdwijnen al snel buiten de frontpage en dat is jammer, ondanks de kleine aandacht in de header voor een paar grote artikelen. Bijvoorbeeld een ‘Bericht uit de oude doos’ waar elke dag automatisch een kop+eerste 25 woorden uit een post van minimaal een jaar oud wordt terug gehaald. Iets van ‘Het nieuws van 2007’.

    Iets voor Bashers 3.0 zou wat met menu’s in de tabs zijn. Als je dan op Wii klikt, dat je dan gelijk een lijst krijgt met de titels van gerelateerde posts. Zoiets zou je ook in het archief kunnen doen. Als je over Februari met de cursor gaat, dat er dan een lijstje volgt met de posts die in Februari zijn gepubliceerd. Je voegt zo een behoorlijke content wat meer naar de frontpage.

  22. Wormpaul · 27-4-2009 · 8.08 uur

    Er is niet heel veel veranderd in mijn ogen (viel me 1e instantie niet eens direct op totdat ik `t bericht las) maar dat Zwart is voor mij toch ook iets te hard qua kleur vergeleken met dat wit van voorheen.

    En waarom zoveel aandacht voor Twitter op frontpage? Geloven jullie in dat concept want voor mij is `t gewoon een stomme hype die hopelijk heel snel verdwijnt.

    Maar wel goed dat je ook subtiel dingen kan veranderen in plaats van sites die elk jaar hun hele lay-out omgooien en dat je dan weer moet zoeken hoe alles staat/stond. (bijv. PU laatste 3 jaar)

  23. Nicolas Van Hoorde · 27-4-2009 · 10.01 uur

    Ik merkte de verandering meteen, in positieve zin. De lijntjes werken veel beter en het contrast tussen wrapper en achtergrond is een stuk duidelijker. Ik zou de header nog steeds niet volledig zwart houden, hopelijk went het.

    Ik vind het jammer dat het woord ‘Blog’ in de header geen gele achtergrond bij een ‘mouse-over’ krijgt. Die zit er ergens wel in verstopt. Je moet het woord ‘Blog’ maar eens verslepen of rechtermuisklikken.

    PS: Dat laatste kan je ook met het logo. Iets wat niet de bedoeling is, dunkt me.

  24. Sander van der Vegte · 27-4-2009 · 10.25 uur

    1) Wekelijks op Bashers, de dagdelen wellicht wat meer accentueren.

    2) “Nieuws over” en dan een serie platformen waar je op kan klikken in de header vind ik wat chaotisch.

    3) Linkservice in een grijs blok vind ik mooi. Dat het aantal reacties alleen bij dat stuk onderaan te lezen is vind ik dan weer raar.

    4) De headlines pagina ziet er leuk uit, maar ik betwijfel of er iemand ooit functioneel gebruik van gaat maken. En met dit in gedachte is de extra headline link in de header ook weer een onnodig lelijke knop.

    5) Heel veel linkjes naar control-online. Was dat er al? Ik vind het hoe dan ook een beetje gek.

    6) Lijst met games, blijft een vreemd ding. Wordt hier wel gebruik van gemaakt?

    7) De random icoontjes voor mensen die geen avatar hebben vind ik lelijk.

    8) Zinnetje rechtsboven wat Bashers is en doet is goed.

  25. Ellen de Lange-Ros · 27-4-2009 · 11.32 uur

    Dit oogt voor mij al een stuk rustiger, al vond ik het vorige met veel wit toch nog stijlvoller. Ik vind de tips van Bas ook goed voor het hergebruiken van oude content en veelgelezen artikelen. Prima plan!

  26. Gerthein Boersma · 27-4-2009 · 11.43 uur

    Is het een idee om de rechterbalk deze kleur te geven, en de achtergrond van de lopende teksten weer ‘fff’?

  27. Nicolas Van Hoorde · 27-4-2009 · 11.45 uur

    Volgens mij kan dat werken; maar dan loopt de achtergrond van de lopende teksten weer over in de algemene witte achtergrondkleur.

  28. TAW · 27-4-2009 · 11.58 uur

    Wat ik nu ineens zie: Pc .. is PC niet beter?
    Vindt niemand de zijbalk erg breed ten opzichte van de tekst?

  29. Wormpaul · 27-4-2009 · 14.37 uur

    En waarom staat er geen “Game Experts” meer in de titel?

  30. Vincent Leeuw · 28-4-2009 · 14.15 uur

    .::: Overigens: Twitter bestaat al een heel tijdje en gebruiken we ook al wat langer. Maar goed nu Oprah het zelfs gebruikt is het ineens een ‘hype’ en beginnen mensen meteen met afgeven. Heel apart hoe dat werkt. :)

    Als het net zo snel verdwijnt als het verschenen ispraten we over een paar jaar weer.

Volg de reacties op deze post via RSS

Plaats een reactie

Registreer je als vaste gebruiker. Heb je dit al eens gedaan, log dan in.

Hou de discussie menselijk en inhoudelijk. Reageer bij voorkeur onder je echte naam, met je foto als avatar (via Gravatar).

Toegestane HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>