Maak jij deze veelvoorkomende webdesign fouten?

Als je niet het budget hebt om een professionele website te laten maken, maar wel genoeg tijd, dan kan je er zelf een bouwen.

Het is niet heel makkelijk, maar het is echt wel te doen. Helemaal wanneer je gebruik maakt van WordPress en een professioneel WordPress thema.

Maar…

Het zelf maken van een website is als het laten maken van een 5-gangendiner door een jongen van 12 die nog nooit gekookt heeft.

Goed het goed komen?

Misschien.

  • Hij heeft richtlijnen nodig.
  • Hij moet zich goed voorbereiden.
  • Hij moet het simpel houden.
  • Hij moet recepten opvolgen.

En dit is precies wat jij ook moet doen als je zelf een website gaat bouwen.

Handleidingen en richtlijnen. En die richtlijnen zijn niet heel lastig.

Richtlijnen: je eigen professionele website maken

Alle tips die ik in dit artikel geef, hebben uitzonderingen. Maar.. die uitzonderingen zijn alleen van toepassing bij mensen die weten waar ze mee bezig zijn. De ekte ekte designers. En laten we onszelf niet voor de gek houden en zeggen dat we dat zijn.

In principe is een goede website een website die aan de verwachtingen van de bezoeker voldoet. Maak er dus geen kunstproject van.

Laten we aan de bovenkant van de website beginnen.

De header

  • Het logo moet linksboven.
  • Onder of naast het logo komt het menu.
  • Het menu wordt horizontaal getoond (en als het echt moet…. links, netjes onder elkaar).
  • Het eerste item in het menu gaat naar ‘home’ (of het naar het blog, als het blog centraal staat).
  • Het laatste item in het menu is contact (of ‘over’).

Een paar voorbeelden:

Dit niet

Geen logo. geen menu

Fysiotherapie

Ook dit niet

Het menu staat onderaan de fold.

Utrecht

Ook dit niet

Geen logo. Teveel menu-items (die ook nog een ander format hebben).

website_maken

En ook niet

Ook geen menu. Waar moet ik naar toe?

Webdesign

 

Dit wel

Fysiotherapiepraktijk

En dit ook

In_het_hele_proces_

Zie je het verschil?

De onderste twee voorbeelden zijn simpel, helder en overzichtelijk. Niets schreeuwt. En niets zou ook moeten schreeuwen.

 

Kleurgebruik

9 van de 10 keer zorgt een achtergrond – ook al is het een kleur – voor onrust.

9 van de 10 keer gaat de website flink vooruit als je de felle achtergrondkleur of afbeelding vervangt met een witte of grijze achtergrond.

Niet

Kleur_achter

Niet

KLEUREN

Niet

Sport

Niet

Therapeuten_-

 

Wel

Kees

Wel

bol_com

Witruimte

Hoe meer prikkels de bezoeker krijgt, hoe kritischer de bezoeker jouw teksten en diensten bekijkt.

Te veel prikkels en de bezoeker gaat weg. Geef elk object de ruimte. Hoe belangrijker het object, hoe meer witruimte het object moet krijgen. Je hoeft niet alles boven de fold te zetten. Mensen scrollen.

 

Niet

Home

Niet

Makelaar

Niet

Home_-

Wel

Meeuwsen_Van_den_Pol

Wel

Culy_nl_-_Dagelijks_genieten

Kleurschema’s

De meeste professionele websites kiezen voor één kleur. Soms twee. De rest is zwart en wit (buiten de afbeeldingen om, natuurlijk).

Kees kiest voor rood. Netflix ook. Bol.com heeft blauw. Dumpert heeft groen. Culy heeft oranje.

Lettertype

Ik heb het gevoel dat je met de meeste normale lettertypes wel goed zit. Zo lang de font-size, font-weight en line-height goed is ingesteld.

Maar…

GEEN COMIC SANS

Nee. Nooit. Niet op je website. Niet in je artikelen. Niet in je mail. For fuck sake.

Comic

Hier nog eentje. Wat hebben fysiotherapeuten met Comic Sans?

Nog_eentje

Tekstkleur

Zwart op wit.

En als je een rebel bent, donkergrijs op wit.

Lettertype grootte + kolom breedte

Leest dit lekker?

En dit dan? Veel websites gebruiken een klein font? Waarom? Lezen moet moeiteloos gaan. Als men voorover moet bukken om iets te lezen, dan ben je verkeerd bezig. Stel je nu eens voor dat de hele website zo’n lettertype heeft.

Lettertype: 14 tot 18px. Het ligt aan de breedte van de tekstkolom en het lettertype.

De meeste lettertypen zijn te klein. Sommige te groot.

Kolom breedte

500 tot 800px. Ergens daar tussen in.

Niet de hele lengte van het beeld.

Niet

KOLOM_BREEDTE

Wel

Medium

 

Keep it simple

Het zelf leren maken van een professionele website is te vergelijken met het beter leren schrijven.

Je moet eerst de basis leren beheersen. Je moet eerst teksten kunnen uitkleden naar de zuiverste vorm, voordat je ze gaat opbouwen.

Hou het simpel. Hou het eenvoudig. Hou het puur.


Auteur: Ruben Bunskoeke



Volg 000.nl op Facebook

Het gratis e-book '4 genegeerde inzichten voor meer (online) succes' ontvangen?

Bekijk de praktische SEO cursus voor zelfstandige ondernemers van 000.nl
Ruben


Het gratis e-book ‘4 genegeerde inzichten voor meer (online) succes’ ontvangen?

En een lading andere goodies over SEO, marketing en copywriting ontvangen? En een seintje wanneer er een nieuw blog online staat? Schrijf je dan hieronder in.

7 responses to “Maak jij deze veelvoorkomende webdesign fouten?

  1. Mooi artikel, zoals gewoonlijk trouwens, al wil ik dat stukje over het logo tegenspreken. In sommige gevallen toch. Ik illustreer prentenboeken en wou eigenlijk af van m’n logo. Geen logo hebben past beter bij m’n identiteit dan wel een logo hebben. Dat kan.

    In m’n recente redesign is het logo volledig overboord gegooid: http://www.kristofdevos.com

    … En ik ben er best tevreden over.

    1. Thanks Kristof.

      Paar dingen:

      1. Toffe website.

      2. Ik denk dat je gelijk hebt. Als je zelf het merk bent, dan hoef je in theorie geen logo te hebben. Maar dan moet je, denk ik, wel jezelf als boegbeeld naar voren brengen. En dat kan prima als je een zelfstandige ondernemer bent (en blijft).

      3. In het verlengde van dat: Ik zou dan bij jouw website de foto die jij bij ‘over mij’ hebt, ook plaatsen op de homepage. Anders is er geen herkenningspunt, geen boegbeeld.

Plaats een reactie