Banner
 

Webdesign tips

Gepubliceerd op zaterdag 26 juli 2008 door Renzo Koning

Door middel van dit artikel willen we u een aantal simpele basis regels meegeven waarmee u op eenvoudige wijze uw website kunt verbeteren.

Zoek uit wie de bezoekers van de site zijn

Check goed de statistieken van een site zodat je weet voor welk publiek de site gemaakt moet worden; welke beeldscherm formaten bijvoorbeeld belangrijk zijn.

De boodschap

Laat de bezoeker van de site in één oogopslag weten wat de boodschap van de site is. De website kan nog zo mooi zijn als dit niet duidelijk is dan is de bezoeker binnen 20 seconden weer weg.

Gebruik de nieuwste XHTML/CSS technieken

Het is geen absolute garantie dat uw pagina's er in eender welke browser (weergave programma) goed uit zullen zien als u gebruik maakt van valide (volgens de standaard geschreven) HTML & CSS. Het vergroot de kans daartoe wel en zorgt er voor dat de inhoud van uw pagina bereikbaar blijft. Het is zeker geen garantie dat uw website er in alle browsers goed uit ziet maar als u gebruik maakt van valide HTML/CSS vergroot u wel de kans dat de inhoud van uw website goed bereikbaar blijft voor de belangrijkste zoekmachines en voor bijvoorbeeld mensen die slechtziend zijn. Op deze pagina kunt u uw website checken of hij voldoet aan de W3C norm: Markup Validation Service

Navigatie

De navigatie van de website moet simpel, consequent en begrijpbaar zijn voor de bezoeker. Houd de navigatie op de pagina's hetzelfde en laat de bezoeker van de website weten waar hij is door middel van duidelijke bewegwijzering, ook wel breadcrumbs genoemd. Zorg ervoor dat het menu leesbaar is voor Google, plaatjes zijn niet zo goed als HTML omdat Google ze niet zo goed kan opnemen.

Layout

De layout is erg belangrijk voor de herkenbaarheid van de website. Gebruik dus voor alle pagina's ongeveer dezelfde layout. Je pagina's worden daardoor rustiger en het kan zelfs je navigatie overbodig maken.
Gebruik niet te veel informatie op één pagina en maak goed gebruik van witruimte in en rondom de teksten op de pagina. Houd rekening met het feit dat bezoekers niet te veel willen lezen op internet en niet houden van een horizontale scroll.
Wanneer je toch heel veel tekst hebt splits deze dan op door middel van links in de tekst naar andere subpagina's, zodat de bezoeker zelf kan beslissen wat hij wel of niet belangrijk vindt.

Laadtijd

Hoe korter de laadtijd van een website hoe beter het is. Als het te lang duurt gaat de bezoeker naar een andere site. Denk bij het ontwerpen van de site aan mensen met een 56K modem, als de website op deze snelheid goed draait werkt hij op alle andere snelheden alleen maar beter.
Verklein de laadtijd door de afbeeldingen zo klein mogelijk te maken zonder dat de kwaliteit minder wordt. Foto's kun je het beste comprimeren in het .JPG formaat en afbeeldingen met alleen maar tekst of kleur het beste in .gif formaat.

Ook is het mogelijk om gebruik te maken van het .png formaat, maar dit wordt nog niet door alle browsers 100% ondersteund. Wel is er voor die browsers al een png fix te downloaden waardoor je het .png formaat wel kunt gebruiken in bijna alle browsers.

Kleuren

Houd bij het ontwerp rekening met mensen die minder goed kunnen zien. Maak goed gebruik van contrasten, dus donkere en lichtere kleuren combineren zodat het goed leesbaar blijft. Gebruik niet teveel kleuren door elkaar heen en gebruik kleuren die bij de huisstijl van een bedrijf horen.

Webrowser en resoluties

Ontwerp je site voor alle verschillende webbrowsers en schermresoluties. Iedereen moet je site kunnen bekijken of ze nou op een mac, pc, firefox, of internetexplorer de website bekijken.

Webdesign

Een website maken is niet moeilijk maar een mooie en overzichtelijke website ontwerpen is niet voor iedereen weggelegd. Een goede website is een combinatie van kwaliteit en informatie, gebruiksvriendelijkheid en toegankelijkheid.

Laatste webdesign tips:

  • Check je website in alle browsers.
  • Firefox heeft een aantal handige plugins om je website te controleren op fouten.
  • Bekijk zoveel mogelijk andere websites en leer ervan.
  • Laat je site eens checken door professionals.
blog comments powered by Disqus