Tips voor website ontwerp

Vraagbaak

Als u zelf verder wilt met het gratis ontwerp dat wij voor u gemaakt hebben of u wilt de door SiteCoach geleverde website of gratis homepage verder zelf uitbouwen en onderhouden, dan staan hieronder een aantal belangrijke punten.

1. Aan te raden

• een goede planning maken wat er op de website moet komen en hoe de pagina's naar elkaar verwijzen; een duidelijke schets op een A4-tje kan al voldoende zijn en altijd beter dan in het wilde weg maar wat in elkaar te plakken.

• gebruik voor foto's bij voorkeur het JPEG bestandsformaat en voor logo's (afbeeldingen met kleurvlakken) bij voorkeur GIF; test met JPEG welke compressiefactor effectief gebruikt kan worden totdat de kwaliteit van de foto niet meer acceptabel is (en dan een stapje terug).

• voor een speels resultaat met afbeeldingen steeds links en rechts uitlijnen met de tekst; op deze website wordt daar regelmatige gebruik gemaakt.

• gebruik relatief korte paragrafen (maximaal 10 regels of minder) een nieuwe paragraaf (lege regel); dit maakt de tekst beter leesbaar.

• gebruik puntenlijsten (zoals hier) om de tekst structuur te lezen en in kleine (hapklare) brokken op te delen.

• gebruik brede marges en nooit tekst die van uiterst links naar uiterst rechts over het scherm loopt; dit heeft zeer negatieve gevolgen voor de leesbaarheid van de tekst c.q. de mate waarin de lezer de informatie in zich op kan nemen; dit is in onderzoeken al tientallen jaren geleden aangetoond maar er wordt op internet nog veel tegen gezondigd; denk er ook om dat de meeste bezoekers de tekst niet echt ¨lezen¨, ze gaan er heel vluchtig overheen (¨scannen¨).

• bij het gebruik van (verborgen) tabellen voor de layout van een homepage is het beter om meerdere tabellen met uitlijning links/rechts te gebruiken dan de hele pagina in een grote tabel te persen; in dit laatste geval komt de pagina pas in beeld als alle elementen (tekst/afbeeldingen) binnen de pagina-tabel beschikbaar is; gevolg: een traag ladende homepage; beter is een tabel voor de kop van de pagina, een tabel voor het menu links of rechts daaronder en een tabel (of directe paragrafen) voor de tekst van de pagina.

• met MacroMedia Flash kunnen fraaie animaties gemaakt worden maar geef de bezoeker altijd de mogelijkheid om de website (of delen ervan) zonder Flash te bekijken; zonder keuze dwingt u anders af dat eerst de plug-in voor Flash geinstalleerd moet worden en daardoor verliest u zonder meer een aantal bezoekers.

... en natuurlijk ...

• u door SiteCoach te laten adviseren :-)

2. Af te raden

• te veel en te zware afbeeldingen op uw website gebruiken; onlangs werd in een blad aangeraden om geen afbeeldingen groter dan 150k te gebruiken. Maak daar maar 30 tot 50k van dan zit je beter in de richting. Veel foto's kunnen met een afmeting van 300 pixels (grootste zijde) gecomprimeerd worden (JPEG) tot minder dan 15k.

• gebruik geen tekst in ROOD (te agressief) maar gebruik CRIMSON omdat deze prettiger leesbaar is; let goed op of de tekst kleur past bij de gekozen ondergrond c.q. voldoende contract heeft (geen blauwe tekst op een zwarte ondergrond!!!)

• gebruik ¨sans serif¨ lettertypen (fonts) en niet b.v. ¨Times (new) Roman¨; de laatste is een klassiek lettertype voor druk maar ongeschikt voor weergave met een lage resolutie op een beeldscherm; lettertypes als ¨Arial¨ of ¨Verdana¨ komen veel beter uit.

• gebruik alleen lettertypes die algemeen beschikbaar zijn want anders loopt u het risico dat uw website er alleen goed uitziet op uw eigen PC en een ramp is voor alle andere bezoekers die dan vaak het standaard ¨Times Roman¨ zien; test dit op meerdere PC's (en Mac's).

• gebruikt geen tabellen die dimensies in pixels hebben (width/height) tenzij het voor het uitlijnen van afbeeldingen is; indien tekst in deze tabellen staat, dan kan de gebruiker de pagina (browser scherm) niet breder of smaller maken voor de leesbaarheid; bovendien wordt het scherm niet effectief gebruikt bij verschillende resoluties van het beeldscherm van de bezoekers aan de site.

Vraagbaak