Nedcomp Hosting - Conventies in webdesign

NKB72 - Conventies in webdesign

Gemiddeld krijgt u negen seconden voor een eerste indruk van uw website. Een bezoeker beslist in deze negen seconden om te blijven of naar een andere website te klikken. Hoe gaat u ervoor zorgen dat uw website dé website is waar mensen naar kijken en bij terug zullen komen?

Conventies in webdesign

Elk publicatiemiddel maakt gebruik van conventies. Een goed voorbeeld van een conventie zijn de semi-transparante logo’s van de omroepen die een paar jaar geleden in de hoek van onze televisieschermen verschenen. Elke omroep gebruikt ze nu en ze worden nog steeds verbeterd en verfijnd. Wel heeft het lang geduurd voordat deze conventie was gevestigd. Het kost dus tijd voordat een goed idee een conventie wordt. Dit vereist namelijk dat het idee steeds vaker wordt gebruikt door zoveel mogelijk anderen. Een eindgebruiker moet het idee zo vaak gezien hebben dat het uiteindelijk geen uitleg meer nodig heeft.

Ook een website heeft conventies nodig. Op dit moment zijn er diverse conventies in gebruik en worden er nog veel ontwikkeld. Veel webdesigners hebben er echter een hekel aan om gebruik te maken van dergelijke conventies. Zij gaan er van uit dat ze ingehuurd zijn om iets origineels te bedenken voor hun klanten. En niet om hetzelfde kunstje steeds te herhalen. Dit leidt er vaak toe dat men veel tijd besteed aan het opnieuw uitvinden van een ‘vierkant’ wiel. Innovatie is alleen nuttig – en overigens wel noodzakelijk – als men een idee heeft dat echt beter is dan de bestaande conventies.

De etalage

Een homepage is de belangrijkste pagina van uw website: het is de etalage en hoofdingang van uw website. Om de homepage de juiste uitstraling te geven moeten er de volgende zaken op te vinden zijn:

Identiteit en missie
Een homepage moet de bezoeker vertellen wat voor website het is, waartoe deze dient en waarom de bezoeker hier moet zijn en niet bij een andere website. Groepeer uw bedrijfsinformatie op aparte servicepagina's. Maak deze bereikbaar via een link 'Over ons' of 'Over bedrijfsnaam'.

Overzicht
Een homepage moet de bezoeker een overzicht laten zien van wat er allemaal te halen is op de website: zowel content als speciale ‘attracties’. Daarnaast moet de homepage aangeven hoe dit allemaal georganiseerd is en duidelijke ‘startpunten’ aangeven voor het verdere bezoek aan de website.

Zoeken
Plaats een zoekdienst boven in elke webpagina. Houd deze eenvoudig: één wit zoekveld met ruimte voor minimaal 25-30 tekens en het label 'Zoek' of 'Zoeken'. Plaats op uw website servicepagina’s met een faq en een wegwijzer [sitemap], bereikbaar vanuit de primaire navigatiestructuur.

Hints
Dit zijn verleidelijke hints die de bezoeker naar specifieke onderdelen van de website verwijzen. Het kunnen zowel hints naar content zijn [nieuwste, beste of populairste artikelen, zoals bijvoorbeeld succes stories] als hints naar speciale ‘activiteiten’ [bijvoorbeeld: ‘schrijf u nu in voor onze e-mailnieuwsbrief].

Actuele content
Een homepage moet regelmatig actuele informatie bieden om herhalingsbezoek te stimuleren. Denk hier aan een nieuwsrubriek en persberichten.

Shorts-cuts
De meest bezochte onderdelen van een website verdienen doorgaans hun eigen links op de homepage.

Vertrouwen
De homepage is uw enige kans om een goede indruk te maken op uw bezoekers. Veel websites plaatsen hyperlinks naar hun privacybeleid, een disclaimer en andere juridische aspecten onderaan hun homepage.

Kernvragen

De kernvragen die een homepage, zonder door te klikken, altijd moet beantwoorden zijn:

Wat is dit voor website?

Wat hebben ze me hier te bieden?

Wat kan ik hier allemaal doen?

Waarom moet ik hier zijn en niet bij een andere website?

Als u de bovengenoemde conventies goed toepast in het design van uw homepage, dan beantwoordt u deze vragen ook. Een aantal van deze conventies worden hieronder verder uitgewerkt.

Zoals gezegd maakt u op uw homepage duidelijk wie u bent en waarvoor uw website precies dient. Een homepage bevat drie onderdelen waarmee u deze boodschap goed overbrengt:

1.    Uw logo: dit logo is hét herkenningspunt voor de bezoekers, zeker als het om het logo van een landelijk bekend merk gaat. Uit onderzoek [Nielsen & Tahir 2002, Homepage Usability] blijkt dat het logo in 84% van de gevallen linksboven op de homepage is terug te vinden. Doorgaans is dit logo ook op andere pagina’s van de website op die plek terug te vinden.

2.    De tagline: dit is een korte zin, vaak gekoppeld aan bovengenoemd logo, die aangeeft waar de website voor staat [bijvoorbeeld: Nedcomp, voor uitgebreide hosting services op het Microsoft .NET platform]

3.    De welkomsttekst: dit is een beknopte omschrijving van de website, die wordt weergegeven in een prominent blok op de homepage. Dit blok is zichtbaar zonder dat men moet scrollen.

U bent hier

Niets is vervelender als uw bezoeker de weg kwijt is op uw website. Om dit te voorkomen kunt u gebruik maken van zogenaamde broodkruimels [breadcrump trail]. U laat met deze broodkruimels de structuur van uw website zien: vanaf de homepage muisklik voor muisklik naar een volgende webpagina. Dit is een handige aanvulling op de primaire navigatiestructuur van uw website. Vooral voor bezoekers die met een hyperlink vanaf een andere website of via een zoekmachine direct op een dieper in uw website gelegen webpagina terecht zijn gekomen.

Ga als volgt te werk bij het plaatsen van broodkruimels op een webpagina:

De beste positie voor de broodkruimels is bovenin de webpagina.

Begin een regel broodkruimels met de tekst: "U bent hier:" of "Je bent hier:"

U kunt kleine letters gebruiken, maar geef de laatste kruimel vette letters of een opvallende kleur. Deze broodkruimel geeft immers de belangrijke informatie over de huidige plaats binnen de website.

Zet een teken tussen de kruimels om de volgorde aan te duiden, bijvoorbeeld een punthaak [>] of een naar rechtsgericht pijltje [ ].

De tekst van de overige kruimels beschrijft een bovenliggende webpagina. Maak van deze tekst een hyperlink naar de betreffende pagina. Hierdoor wordt het spoor van broodkruimels naast hulpmiddel voor de plaatsbepaling binnenin de website ook een handig hulpmiddel bij de navigatie over de website.

Maak van de eerste hyperlink in deze rij altijd een hyperlink naar Home, de homepage van uw website.

Hoezo wachten?

Vooral bij een homepage – maar uiteraard ook bij alle overige pagina’s – geldt dat de laadtijd hiervan niet te lang mag zijn. Immers trage websites jagen uw bezoekers weg. Hieronder volgen een aantal conventies m.b.t. de snelheid van een website:

Toon uw webpagina’s snel. Beperk de omvang van de homepage tot maximaal 50 Kb, inclusief scripts, stylesheet en multimediabestanden. Andere pagina's mogen eventueel zwaarder worden, maar denk over opsplitsing bij erg grote pagina's.

Houd alle afbeeldingen kleiner dan 25 Kb.

Als u meer dan vijf afbeeldingen per webpagina wilt gebruiken, zorg dan dat elke afbeelding maximaal 10 Kb groot is.

Zorg dat er een print-vriendelijke-optie is.
Voorkom het gebruik van multimedia- en audiobestanden die het downloaden van [non-standaard] plug-ins vereisen.

Maak gebruik van progressive rendering, wat betekent dat tekst voorafgaand aan de afbeeldingen wordt gedownload.

NKB72 - Nedcomp Hosting, 12-4-2003