Tips voor een betere site

  • Al 5.769 abonnees
  • 1 keer per maand
  • Exclusieve tips en promo's

Horizontale lijnen kunnen wel!

Met dit artikel gaan we een beetje in tegen de blogregels, maar we doen het toch. Het is een reactie op een reactie van een lezer op het artikel 'Homepage design: horizontale lijn'. Onze argumentatie werd zo lang dat we besloten hebben er een apart artikel van te maken. Wie wil volgen, leest dus best eerst het origineel.

1. Horizontale ankerpunten kunnen wel

Ik kan niet Photoshoppen dus als ik mock-ups maak, is het altijd in html. Dat doe ik al 15 jaar en ik maak toch zo'n 10 ontwerpen per jaar voor niet echt kleine klanten. Het lukt me wel om daarin horizontale lijnen te krijgen, zelfs over 'kolommen' heen. Ik ben blijkbaar niet de enige die dit kan:

  • www.gva.be (jammer dat ze de lijnen van het middendeel niet af en toe doortrekken naar de rechterkolom, al was het maar imaginair)
  • www.timesonline.co.uk (volgens mij de inspiratiebron van hierboven, in de beginfase liep daar de rechterbalk wel mee in het gareel van het middendeel)
  • www.smh.com.au (hier wordt de rechterbalk wel op enkele punten gesynchroniseerd met de lijnen in het midden)

Het kan dus. Dat wil zeggen dat iedereen het kan. Geen voodoo, geen magie.

2. Het vraagt wat moeite

Dat is meestal zo als je iets echt goed wil doen. Maar als je je website beschouwt als een belangrijk deel van je business, moet je die moeite doen. Anders jaag je bezoekers weg. Als je die moeite niet wil doen, maak dan als krant 1 pagina met 2 knoppen: 'Bestel nu je krant in pdf' en 'Waar kan je onze krant kopen?'.

3. Die moeite is niet zo groot

Als je de pagina bekijkt, zie je dat er heel wat discipline is bij De Standaard: veel blokjes zijn bijna even groot. Dat is omdat ze veel aandacht besteden aan de titels en de intro's. Juist omdat ze die moeite doen, kan je wel degelijk naar een beter gestructureerd design overstappen. Wij hebben niets veranderd aan de inhoud. Alleen de foto bij het artikel over Withof hebben we weggelaten. Voor de rest is dit louter een herschikking van wat er staat. Vergelijk het origineel met onze versie - opent in nieuw venster

4. Een wit gat is beter dan geen gat

  • Het wit gat in onze herwerking (bovenaan, boven het artikel over Withof) is er deels omdat we gewerkt hebben met wat er op de screenshot stond. Ook in het origineel is er trouwens een groot wit gat, bij het artikel over Elite Model Look.
  • Witte gaten kunnen geen kwaad. Ik heb tijdens al die gebruikerstesten en onderzoeken nog nooit een gebruiker een website zien verlaten omdat er wat witruimte was. Ik heb al wel veel mensen de zenuwen zien krijgen en horen vloeken omdat het scherm propvol stond.

5. Huzarenstukjes zijn nodig

Het is door huzarenstukjes dat websites zoals Google, eBay en Amazon zijn wat ze zijn. Grote successen. Horizontale lijnen in webdesign zou ik niet direct een huzarenstuk noemen, maar het is een kleine moeite die rendeert.

6. Bijna alles kan

Dingen realiseren die zogezegd niet kunnen, maken het verschil. Als een webbouwer, graficus of programmeur zegt 'dat gaat niet', bedoelt hij doorgaans:

  • Ik weet niet hoe dat moet.
  • Pff, dat is wel echt veel werk.
  • Het systeem is daar niet op voorzien.

Da's jammer voor hem of haar, maar het wil dus zeggen: het kan wel.

Mis het volgende artikel niet!

  1. Volg ons op Twitter voor interessante links en extra tips.
  2. Like onze Facebookpagina
  3. Schrijf je in op onze maandelijkse nieuwsbrief

Leer teksten (her)schrijven voor het web

Op 1 dag leer je van de makers van deze blog hoe je je webteksten kan optimaliseren.

  • Leer teksten optimaliseren voor het web
  • Met korte schrijfoefeningen
  • Al 572 mensen volgden deze cursus
  • Volgende editie: 22 maart 2018, Antwerpen