Nieuwe bezems

Deze site zit in een nieuw jasje. Het is een vrij radicale wijziging tegenover de vorige look, en daar wil ik graag een woordje uitleg bij geven. Dit zijn de hoofdlijnen:

Gericht op inhoud

Er zijn twee belangrijke types pagina’s: overzichtspagina’s en contentpagina’s. Het doel van die eerste is om de bezoeker te leiden naar concrete inhoud, van de tweede om die inhoud zo goed mogelijk te presenteren.

De overzichten (home, alle berichten in een rubriek of tag) zijn opgebouwd uit blokjes. Dat maakt het heel eenvoudig en weinig arbeidsintensief om ervoor te zorgen dat de site ook op kleine schermen (smartphones) ok wordt weergegeven.

Eenvoudige layout

Eenvoudige layout

De tekst in de berichten staat ook relatief groot (18 pixels). Wat meer scrollen dus, maar des te beter leesbaar.

Ik heb bewust gekozen voor Open Sans als lettertype voor de broodtekst. Heel veel webfonts, ook betalende, worden slecht weergegeven in met name Google Chrome. Open Sans is een uitzondering en is bovendien specifiek gemaakt voor beeldscherm, dus dat leek me ideaal. Met dank aan @wolfr_ voor de shortlist van bruikbare webfonts.

Efficiënt

Er worden zo weinig mogelijk beelden gebruikt die niet bij de inhoud horen. De meeste ondersteunende beelden (logo, iconen) zijn bovendien SVG’s, waardoor ze klein in omvang én resolutie-onafhankelijk zijn.

De inhoudsbeelden worden altijd op hun volledige grootte ingeladen, dus er zijn geen kleinere versies voor trage netwerken. Dat was iets te veel gedoe om zo meteen haalbaar voor elkaar te krijgen, en het probleem stelt zich ook niet zo gek veel.

Op overzichtspagina’s, zoals de homepage of de overzichten van rubrieken of tags, worden eerdere berichten automatisch geladen naarmate je naar onderen scrollt. Dat zorgt ervoor dat er nooit teveel berichten tegelijk worden ingeladen, én dat gebruikers niet tussen pagina’s hoeven te klikken.

Eenvoudig

In mijn vorige versie van deze site maakte ik gebruik van aparte contenttypes en zette ik de tags in de kijker. Dat is verdwenen, in de plaats is er een indeling in twee rubrieken, en thematische tags bij elk bericht, subtiel, voor wie meer van hetzelfde wil. Ik ben door alle oude berichten gegaan (meer dan vijfhonderd) en heb alles ofwel opnieuw ingedeeld ofwel offline gehaald. Er staan er nog 150 online, ongeveer.

De contentpagina’s (individuele berichten) zijn ontdaan van alle ballast. Geen zijbalken met widgets, bijvoorbeeld. Ook de social media knoppen zijn heel summier. Geen banners, externe links, zelfs de zoekfunctie is verdwenen. Die laatste komt misschien nog terug, maar dan is het voornaamste criterium dat ‘ie goed en snel werkt. Tot dan ben je aangewezen op Google-Fu.

Ik wilde ook een kleurenpalet dat zo weinig mogelijk zou storen. Maar toch liefst niet té grijs. De gebruikte kleuren zijn gebaseerd op The Royal Tenenbaums dankzij de geweldige Tumblr Wes Anderson palettes.

The Royal Tenenbaums

The Royal Tenenbaums

WordPress FTW

Deze site draait nog steeds op de WordPress-install die ik in 2007 online zette. Een paar keer gemigreerd, en uiteraard geüpgrade naar de nieuwste versie. Maar voor de rest met dezelfde database en historiek. Het oudste bericht heeft nog steeds dezelfde url als toen, vier designs geleden. WordPress, toch een beetje de Volvo 245 van het web.

Doet het altijd.

Doet het altijd.

Nu heel dat redesign-proces achter de rug is, kan je hier dus weer regelmatig updates verwachten. Meningen en projecten, en niks anders.

2 reacties op “Nieuwe bezems”

  1. Dat ik uitkijk naar die meningen, projecten (en eigenlijk ook anders 🙂 ).
    Proficiat met de redesign!

    Een nadeeltje van de blokjes lay-out voor de home viel me onmiddellijk op: het is niet meteen duidelijk wat het meest recente bericht is.

Geef een reactie

Het e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *