Bepaal je doel en geef vorm

BEPAAL JE DOEL EN GEEF VORM

WAT ZIJN DE VERWACHTINGEN OP HET GEBIED VAN KLEUR, PLAATS

EN TEKST BIJ EEN INFORMATIEVE, ENTERTAINENDE OF VERKOPENDE

WEBSITE.

Hoeveel is veel en wat is goed?... Goed=goed... Verwachtingen per website... Informatief... Entertainment... Verkoop... Conclusie... Literatuurlijst... Bijlagen... 24 24 25 25 26 27 28 29 30 Inleiding... Leeswijzer... In theorie... Kleur... Plaats... Tekst... De websites... Theorie in de praktijk... Verkopen... Kleur... Plaats... Tekst... Entertainment... Kleur... Plaats... Tekst... Informatief... Kleur... Plaats... Tekst... Zie de verschillen... Opvallend... Belangrijk, minder belangrijk, minst belangrijk...

│ Inhoud

Voor zover ik kon nagaan is er alleen onderzoek gedaan naar de

vormgeving van een website. Deze onderzoeken behandelen websites in het algemeen ongeacht hun doel. Dit onderzoek gaat verder, en laat per doel zien hoe verschillende vormgevingsaspecten kunnen worden toegepast.

Met deze scriptie beoog ik aanbevelingen te geven in het belang van de ondernemer die de website laat uitvoeren en bouwen. Zij hebben er profijt van wanneer een website goed is vormgegeven en voldoet aan de verwachtingen van een bezoeker. Dit is namelijk van invloed op het gedrag van de betreffende bezoeker. Wanneer een website op het eerste gezicht niet aanspreekt bij een bezoeker zullen zij eerder geneigd zijn weg te klikken.

Internet neemt een steeds belangrijkere plaats in binnen onze

samenleving. Het is het derde medium waar wij Nederlanders de meeste tijd aan besteden. Dit bleek uit een onderzoek van Interview NSS (in opdracht van IAB Nederland).1 _{Zo zie je dat de huidige generatie} informatie steeds vaker op het Internet gaat zoeken. Steeds meer tv kijken, radio luisteren of spelletjes doen online.2 _{En dat er online steeds} meer wordt gekocht en/of verkocht.3

Websites kunnen drie doelen vervullen: informeren, entertainen en verkopen. Ik wil meer duidelijkheid creëren in het gebruik van vormgevingsaspecten per doel van een website.

Deze scriptie gaat dieper in op de vormgevingsaspecten kleur, plaats en tekst bij het bouwen van een website. Iedere website heeft zijn eigen doel. Er zijn websites die bedoeld zijn om mensen te informeren. Websites die producten en/of diensten aanbieden en websites die bedoeld zijn om te entertainen. Maar vraagt iedere website om een zelfde aanpak wat betreft de vormgevingsaspecten, of is dat per doel verschillend? Om hier antwoord op te kunnen geven is er een

onderzoeksvraag opgesteld die luidt als volgt:

Hoe worden websites ingericht naar aanleiding van de aspecten: kleur, plaats en tekst? En is er verschil qua

toepassing van deze aspecten bij informatieve, entertainment en verkopende websites? 1 http://www.marketingfacts.nl/berichten/20070226_internet_meest_ gebruikte_medium_onder_jongeren/ 2 http://www.automatiseringgids.nl/Technologie/Telecom/2009/21/Tv%20 via%20internet%20steeds%20populairder.aspx 3 http://www.automatiseringgids.nl/it%20in%20bedrijf/kosten%20en%20 baten/2009/22/nederlander%20koopt%20steeds%20meer%20online. aspx

│ Inleiding

Door de bezoekers aan het woord te laten, kan achterhaald worden wat zij verwachten van de verschillende vormgevingsaspecten per doel van een website.

De scores van de ingevulde enquêtes zijn samengevoegd en opgemaakt in een grafiek. De grafiek laat zien wat voor beeld de bezoeker heeft bij een informatieve, entertainende en verkopende website. Deze

bevindingen zijn terug te vinden in hoofdstuk zes, ‘Verwachtingen per website’. Hierbij een kort advies op het gebied van kleur, plaats en tekst voor een informatieve, entertainende en verkopende website.

Het laatste hoofdstuk: de conclusie. Hierin wordt het onderzoek kort samengevat en de meest opvallende punten besproken.

Om duidelijk antwoord te kunnen geven op de onderzoeksvraag is het eerste hoofdstuk gewijd aan het gebruik van kleur, plaats en tekst met betrekking tot een website.

Na dit bestudeerd te hebben, is het belangrijk de theorie los te laten op twee verschillende websites per doel. In het hoofdstuk ‘De websites’ wordt kort uitgelegd voor welke websites er is gekozen en waarom. De analyse van de website is terug te vinden in het daarop volgende hoofdstuk. In dit hoofdstuk krijg je een duidelijk beeld waarom het een wel werkt en het ander niet.

Daarnaast is het belangrijk de mening te horen van de bezoeker, de doelgroep van de website. Hoe denken bezoekers over de

verschillende aspecten? In welke mate is kleur, plaats en tekst belangrijk bij een informatieve, entertainende en verkopende website?

Per doel (informatief, entertainment en verkoop) is er een korte enquête ingevuld. Deze enquête stelt gerichte vragen over de verschillende vormgevingsaspecten per doel. Naar aanleiding van de behaalde score van de enquête is te herleiden wat men belangrijk vindt per doel. De resultaten zijn terug te vinden het hoofdstuk ‘Zie de verschillen’.

Voor een goede interpretatie is het nodig om naast de enquête ook vragen te stellen over de gekozen websites. Beoordelen bezoekers websites ook zoals de theorie het beschrijft?

Daarnaast zullen de vragen aantonen wat een bezoeker verstaat onder ‘veel’ tekst of ‘weinig’ kleur. Hierover meer in hoofdstuk vijf, ‘Hoeveel is veel en wat is goed’.

Kleuren roepen emotie op zonder dat we er ons van bewust zijn. De kleur blauw wordt vaak gebruikt voor zakelijke websites of websites die een betrouwbaar statement willen maken. Groen doet denken aan het milieu, kalmte en rust. Deze kleur wordt voornamelijk ingezet voor sites die gaan over flora en fauna. Wit is een veelgebruikte kleur en staat voor reinheid en trouw. Daarom zijn er veel zakelijke websites die naast de kleur blauw ook veel wit gebruiken. Bij het bepalen van kleur wordt er uitgegaan van de emotie die je wilt oproepen bij de bezoeker. Contrasterende kleuren zorgen ervoor dat teksten goed leesbaar zijn. Uiterst belangrijk natuurlijk om informatie over te brengen. Het

aantal kleuren dat gekozen wordt moet beperkt blijven. Kies drie of vier kleuren en gebruik deze voor de gehele website. Zodra er met tal van kleuren wordt gewerkt op de verschillende pagina’s raken mensen in verwarring.

Er zijn warme tinten die gaan van rood tot geel en koude tinten die gaan van groen tot blauw. Front-end developer Jason Beaird schreef hierover in zijn boek ‘The principles of beautiful webdesign’:

In a design, cool colors tend to recede, making them great for backgrounds and larger elements on a page, since they won’t overpower your content. (Beaird, 2007, p. 44)

Koudere tinten lenen zich dus beter voor webdesign, omdat ze niet overheersen. Kwaliteit van een website zit in de inhoud. En kleur behoort de inhoud te ondersteunen. Maar hoe worden kleuren gekozen die goed bij elkaar passen?

Websites worden vormgegeven aan de hand van verschillende aspecten. Deze lopen uiteen van de structuur en navigatie tot aan de kleur, textuur en tekst. Er staat al in tal van boeken beschreven hoe ieder onderdeel aangepakt moet worden. Zo heb je Jacob Nielsen, hij heeft een Ph.D op het gebied van interactie tussen mens en computer. Ph.D is een titel, vergelijkbaar met doctorandus. Hij heeft tientallen boeken

geschreven op het gebied van web usability.4 _{Daarnaast heb je} front-end developer Jason Beaird die in zijn boek, ‘The principles of beautiful web design’, belangrijke facetten van het vormgeven bespreekt.5 _{Denk hierbij aan layout, compositie, kleur, textuur,} typografie en gebruik van foto’s.

Maar is er ooit onderzoek gedaan naar de aspecten onderling, en in welke mate ze belangrijk zijn voor een informatieve, entertainende en verkopende website? Om hierop te kunnen antwoorden is het

belangrijk eerst onderzoek te doen naar de aspecten. De volgende drie aspecten zullen hieronder verder behandeld worden; kleur, plaats en tekst.

Kleur

Kleur draagt bij aan de sfeer en stijl van een website. Kleuren die op een website voorkomen worden gekozen om verschillende redenen. De persoon kan deze kleuren simpelweg gewoon mooi vinden en het kan ook zijn dat het de huisstijlkleuren van een bedrijf of vereniging betreft. Voor het kiezen van een kleur is niet alleen de leesbaarheid van belang, maar ook de betekenis. Over de betekenis van kleuren is al veel bekend. Iedere kleur zorgt voor een andere stemming. De ene kleur beschouwen we als kalmerend, terwijl we de andere juist als storend ervaren. 4 http://www.useit.com/jakob

5 Beaird, Jason: The principles of beautiful webdesign, 2007

Hiervoor kan er gebruik worden gemaakt van kleurenschema’s. Er bestaan een aantal kleurenschema’s waaronder analoog, complementair en monochromatisch. Deze kleurenschema’s kunnen helpen bij het zoeken van de juiste kleurencombinaties. Per kleurenschema kan er altijd gespeeld worden met de helderheid of verzadiging.

Analoog: Een analoog kleurenschema bevat kleuren die naast elkaar op het kleurenwiel liggen. (Figuur 2)

Complementair: Complementaire kleuren zijn kleuren die zich tegenover elkaar op het kleurenwiel bevinden. (Figuur3)

Monochromatisch: Is één enkele kleurschakering met verschil in helderheid of verzadiging. (Figuur4)

Figuur 1: Kleurenwiel

Figuur 2: Analoog kleurenschema

Figuur 3: Complementair kleurenschema

Figuur 4: Monochromatisch kleurenschema Bron: HP 6

Figuur 5: Studie van Eyetrack

Bron: http://www.poynterextra.org/eyetrack2004/main.htm Een laatste functie van kleur is dat het de gebruiksvriendelijkheid

vergroot. Denk aan een link op een pagina, of de structuur die door middel van kleur duidelijk wordt gemaakt. Kleuren hebben dus niet alleen een esthetisch doel, maar hebben ook een functie.

Plaats

Een pagina kan horizontaal of verticaal opgebouwd worden. Het beste is om hierin een keuze te maken, tenzij de twee manieren goed

gecombineerd worden.

Uit het Eyetrack III onderzoek, geleid door het Poynter Institute, Estlow Center for Journalism & New Media en Eyetools studie7_{, is gebleken dat} linksboven en het midden van een webpagina de meeste aandacht krijgen. Dit onderzoek werd gehouden onder 46 mensen die een uur lang geobserveerd werden. De afbeelding rechts laat zien welke zones op een website het belangrijkst zijn. (Figuur5)

Als laatste regel: zorg voor eenheid op de pagina. Laat zien welke objecten bij elkaar horen. Zodra je teveel ruimte open laat kan de eenheid weg vallen. Een klein voorbeeld is in figuur 6 weergegeven. Bij de eerste kolom zweeft het woord ‘Lorem’ tussen de twee teksten in. Bij de tweede kolom is het woord dichter bij het onderste stuk tekst geplaatst, waardoor te zien is waar dit woord bij hoort.

Lorem ipsum dolor sit Lorem ipsum dolor sit amet, consectetur amet, consectetur adipiscing elit. Etiam adipiscing elit. Etiam sapien nunc, bibendum sapien nunc, bibendum id ultricies at, feugiat vel id ultricies at, feugiat vel

sem. sem.

Lorem

Lorem

Cras aliquet dictum Cras aliquet dictum tortor, ut vulputate orci tortor, ut vulputate orci dictum at. Mauris ut mi dictum at. Mauris ut mi vitea enim interdum vitea enim interdum

lacinia. lacinia.

Figuur 6: Eenheid Om van een beeldscherm te lezen is heel onplezierig. Typ daarom niet

eerst teksten van veertien centimeter breed en vervolgens van zeven cm breed. Laat marges van een pagina gelijk. Dit zorgt voor rust op een pagina. Daarnaast is het beter is het om de tekst in een kolom te zetten en te scheiden door witregels. Ditzelfde geldt voor tekst en

afbeeldingen, creëer voldoende ruimte.

Een website moet in balans zijn. Dit is op twee manieren te bereiken: symmetrisch of asymmetrisch. Objecten op het scherm hebben

‘gewicht’. Bij symmetrie zorg je ervoor dat iedere helft qua gewicht hetzelfde is opgebouwd. Er wordt een denkbeeldige streep getekend door de lay-out van een pagina. Zowel links als rechts moet hetzelfde aanvoelen qua gewicht, proporties moeten kloppen.

Een andere vorm van symmetrie is horizontale symmetrie. Dit is het makkelijkste uit te leggen als een oplopende pagina. Je begint met één balk bovenaan de pagina. Dit splitst zich uit tot twee balken en eindigt met drie balken. Dit is een andere manier om de pagina in balans te houden.

Bij symmetrie wordt alles gespiegeld, dit in tegenstelling tot

asymmetrie. Bij asymmetrie wordt gebruik gemaakt van objecten met verschillende groottes, vormen en kleuren die op verschillende

plaatsen worden weggezet. De kunst hiervan is dat de objecten zo worden geplaatst dat er toch een balans ontstaat. Er wordt bijvoorbeeld een groot object links geplaatst en door meerdere kleinere objecten rechts te plaatsen houdt je de pagina in balans. Asymmetrie wordt het meest toegepast op het web. Asymmetrisch is visueel veel interessanter dan symmetrisch.

Leg de nadruk op belangrijke woorden. Dit kun je doen door het een andere kleur te geven of het te onderstrepen.

Aandachtstrekkers zoals teksten die bewegen, schitteren of in- en uit zoomen kun je beter weglaten. Grote kans dat dit de bezoeker irriteert. De tekengrootte van het lettertype moet groot genoeg zijn, zodat iedereen de tekst duidelijk kan lezen. Een kleiner tekengrootte kan gebruikt worden voor voetnoten, disclaimers en algemene voorwaarden. Teksten die maar enkele mensen zullen lezen.

Om de tekst nog duidelijker leesbaar te maken kan de ruimte tussen woorden, en eventueel letters, vergroot worden. Ook met de

regelafstand kun je spelen. Zodra deze ruimer wordt, oogt de tekst minder zwaar en zal het lezen van de tekst prettiger worden.

Tekst

Het schrijven op internet is heel anders dan in een boek of verslag. Wil een tekst prettig leesbaar zijn dan moet er zakelijk en beknopt

geschreven worden. Maak gebruik van opsommingen, dit is overzichtelijk.

Zoals in het boek ‘Klantgerichte websites’ wordt beschreven:

‘De alinea’s op een beeldscherm moeten beduidend korter zijn U kunt daarbij denken aan twee tot drie regels.’

(Beekman, 2009, p.83)

Uit het eerder genoemd onderzoek van Eyetrack III kwam een ander opvallend punt naar boven op het gebied van tekstgebruik. Namelijk dat het gebruik van kleinere lettertypes meer aanmoedigen om te focussen op een tekst, ofwel lezen. Terwijl het gebruik van grotere lettertypes meer aanmoedigen om teksten te scannen.

Hiermee willen ze echter niet benadrukken dat het lettertypen terug gedrongen moet worden naar heel kleine letters, om ervoor te zorgen dat mensen je teksten gaan lezen.

Gerry McGovern schrijft in zijn boek, ‘Een website die werkt’: ‘Vermijdt dubbelzinnigheid en woordspelingen. Wees steeds helder. Zeg wat je te zeggen hebt. Vertel precies wat men te zien krijgt als ze verder lezen.’ (McGovern, 2009, p.117)

Deze websites zijn bewust gekozen en niet willekeurig. Dit in het belang van het onderzoek. Zo zijn de websites allen redelijk onbekende

websites, zodat de naamsbekendheid van een website tijdens dit onderzoek geen rol speelt.

Verder kan jong en oud, man of vrouw de website bezoeken. Ook werk en opleiding spelen geen rol.

Om duidelijkheid te krijgen over het gebruik van de

vormgevingsaspecten per website, zijn er per doel twee verschillende websites uitgezocht: een goede en een slechte (volgens de theorie beschreven in het vorige hoofdstuk). De websites zijn geanalyseerd naar aanleiding van de drie aspecten. In het volgende hoofdstuk meer over het gebruik van kleur, plaats en tekst van de gekozen websites.

Om meer inzicht te krijgen in het gebruik van kleur, plaats en tekst bij een informatieve, verkopende of entertainende website is er een enquête opgesteld. Hiermee is per doel onderzocht in welke mate de aspecten belangrijk zijn.

Door middel van een tweede enquête wordt er gekeken of de bezoeker de websites ook zal zien als ‘goed’ of ‘fout’, of dat zij de theorieën onderuit haalt en minder waarde hecht aan het uiterlijk van een website. Hieronder een overzicht van de gekozen websites:

De websites voor verkoop zijn: - www.speurplaza.nl - www.aanbodpagina.nl

De websites voor entertainment zijn: - www.tvspelletjes.nl

- www.funnygames.nl De websites voor informatie zijn: - www.huidinfo.nl

- www.vitamine-info.nl

Figuur 7: http://speurplaza.nl/

Figuur 8: http://www.aanbodpagina.nl/ De gekozen websites worden geanalyseerd. Wat maakt een website

goed of slecht. Volgens de theorie is dit heel goed uit te leggen, maar zullen bezoekers van de websites dit ook beamen?

Allereerst een analyse van de websites aan de hand van de gekozen aspecten.

Verkopen

De verkopende websites:

- www.speurplaza.nl (Figuur 7)

Speurplaza is een gratis verkoopsite waarbij registratie niet nodig is. Spullen worden te koop aangeboden en er kunnen advertenties geplaatst worden.

- www.aanbodpagina.nl (Figuur 8)

Aanbod pagina is een verkoopsite waarvoor wel een account aangemaakt dient te worden. Ook hier worden spullen te koop aangeboden en kunnen er advertenties geplaatst worden.

Deze aanwezige reclames bevinden zich boven en rechts van de pagina waardoor deze kant zwaarder weegt. Links vindt je de buttons die te dicht op elkaar gezet zijn en zo een massaal beeld vormen.

‘Aanbod Pagina’ voelt wel in balans. Deze is ook verticaal opgebouwd en maakt gebruik van twee kolommen. De pagina is in balans doordat iedere kant van de pagina even zwaar weegt. Ze creëren ruimte op de pagina door tussen de categorieën een witruimte in te lassen.

Tekst

Op de homepage van ‘Speurplaza’ zijn alle teksten te dicht op elkaar geplaatst. De teksten houden ze kort, zowel in de breedte als in de lengte. Alleen de regelafstand vormt een probleem. Deze ligt vrij dicht op elkaar en nodigt daardoor niet uit om te lezen.

Doordat alles één massaal beeld vormt, springen er weinig belangrijke zaken uit.

De lettertypes zijn op beide pagina’s even groot. Maar door de

regelafstand lijken de letters op ‘Aanbod Pagina’ groter. Ze hebben hier meer ruimte gelaten tussen de regels waardoor de tekst veel fijner leest. De tekst wordt kort gehouden net zoals bij ‘Speurplaza’. Door de verschillende categorieën een kleur te geven, en voor iedere

subcategorie een groen tekentje te zetten, vallen dingen net iets meer op.

Kleur

Het eerste wat opvalt op de website van ‘Speurplaza’ zijn de kleuren. Het is voornamelijk de oranje balk die eruit springt. Deze balk lijdt nogal de aandacht af van de rest van de pagina. De vier gekozen kleuren zijn niet op elkaar afgestemd, waardoor de pagina goedkoop en

amateuristisch oogt. Niet het beeld wat een verkopende website wil oproepen. Juist bij dit soort sites is vertrouwen en professionaliteit uitstralen belangrijk.

‘Aanbod Pagina’ pakt dit beter aan. Ze zijn uitgegaan van een monochromatisch kleurenschema. Zij gebruiken in plaats van drie kleuren, twee kleuren, waaronder wit. Deze pagina straalt hierdoor meer rust uit en komt betrouwbaarder over.

Op deze pagina bevindt zich ook een grote balk over de breedte van het scherm, net zoals bij ‘Speurplaza’. Toch oogt deze minder aanwezig. Dit komt doordat ze gekozen hebben voor de kleur groen. Groen valt onder de koude tinten en zoals eerder gezegd hebben deze de neiging om meer naar de achtergrond te trekken.

Op beide pagina’s heeft kleur de functie om een link aan te geven. Bij ‘Aanbod Pagina’ gaan ze nog iets verder en geeft de kleur groen ook aan waar je je bevindt op de pagina. Dit vergroot natuurlijk de

gebruiksvriendelijkheid.

Plaats

‘Speurplaza’ is verticaal opgebouwd en maakt gebruik van kolommen die gelijkmatig verdeeld zijn over de pagina. Dit maakt dat de pagina symmetrisch is. Bij het vullen van de kolommen is het echter misgegaan en is de balans op de pagina verdwenen. Er is te weinig gebruik gemaakt van witruimtes en er zijn teveel aanwezige reclames op de pagina.

Figuur 9: http://tvspelletjes.nl/

Figuur 10: http://funnygames.nl/

Entertainment

De gekozen websites voor entertainment zijn: - www.tvspelletjes.nl (Figuur 9)

Op deze pagina zijn spelletjes terug te vinden die ook vertoond worden op tv.

- www.funnygames.nl (Figuur 10)

Bij het doorklikken komt ‘Funny Games’ met verdere informatie. Dit in tegenstelling tot ‘Tv Spelletjes’ die onder de link een korte uitleg geven. ‘Funny Games’ begint met een drietal kolommen met hetzelfde formaat. Een vervolg pagina bestaat uit drie kaders, óf uit één groot kader met daaronder de informatie. De website komt goed georganiseerd over, kent voldoende rustpunten en weet de eenheid in de pagina te houden.

Tekst

‘Tv Spelletjes’ kent eigenlijk geen tekst, alleen de gebruikte links en korte uitleg die daaronder te vinden is. De lettergrootte is prima, deze is goed te lezen. Toch had er meer gespeeld kunnen worden met de lettergroottes. De regelafstand had ook wat ruimer gemogen, in verband met de leesbaarheid.

Als er wat meer nadruk gelegd was op bepaalde zaken had de website er minder vlak en eentonig uitgezien.

‘Funny Games’ werkt ook weinig met tekst, wat alleen maar in het voordeel werkt. Een alinea van ongeveer zes centimeter breed die bestaat uit twee tot drie regels. Teksten die op moeten vallen, kleuren ze rood. Dit steekt goed af tegen het blauw. De pagina trekt aandacht waar nodig is. Daarnaast is er een duidelijker verschil te zien tussen de lettergroottes, is de regelafstand hier net iets ruimer, wat het lezen prettiger maakt.

Kleur

‘Tvspelletjes’ oogt als een saaie pagina. Dit komt met name door het kleurgebruik. Voor een entertainende website roept dit geen goede emotie op. Ze maken gebruik van grijs en wit met daarbij een donkere kleur blauw. Met grijze kolommen proberen ze onderdelen bij elkaar te brengen, en met de donkere blauwe kleur worden de onderwerpen aangegeven. Toch werkt het niet. Dit heeft te maken met de plaatsing. Wanneer je op een link staat kleurt deze oranje, waardoor kleur toch een functie heeft binnen deze pagina. ‘Funny Games’ gebruikt ook een opvallende kleur om zaken bij elkaar te brengen. Door alles goed te plaatsen en orde te scheppen werkt het hier wel.

Kleur op ‘Funny Games’ heeft als functie het aangeven van buttons en om zo aandacht van mensen te trekken. De frisse kleur blauw geeft een open indruk en werkt uitnodigend.

Plaats

Op ‘Tv Spelletjes’ wordt er gewerkt met kolommen. Het lijken vier kolommen, maar wanneer je goed kijkt blijkt het te gaan om meerdere kolommen. Ze spelen te weinig met ruimte, waardoor alles op een hoop lijkt te staan. Er bevindt zich te weinig rust op de website. Door de blauwe balken kun je zien dat het om meerdere onderdelen gaat, maar ook deze zijn te dicht bij de bovenste en onderste kolom geplaatst. Hierdoor vormen de onderdelen een eenheid, terwijl ze eigenlijk geen eenheid moeten vormen.

‘Funny Games’ heeft omdat het een spelletjes pagina betreft ook veel links. Zij weten het echter beter te presenteren. Ze geven, net zoals ‘Tv Spelletjes’ alle mogelijkheden per categorie, gesorteerd in

Figuur 11: http://www.huidinfo.nl/

Figuur 12: http://vitamine-info.nl/

Informatief

Als laatste de informatieve websites: - www.huidinfo.nl (Figuur 11)

Hier wordt actuele informatie getoond over de huid en huidziekten. Geschreven door Nederlandse dermatologen. - www.vitamine-info.nl (Figuur 12)

Alle informatie over vitamines en mineralen zijn op deze pagina te vinden.

‘Vitamine-info’ is horizontaal en verticaal opgebouwd. Dit is op de juiste manier doorgevoerd. Op de homepage bevinden zich vier hoofdbuttons aan de bovenkant van de pagina. Bij het door klikken verschijnen er links een aantal subcategorieën. Hierdoor is de hoeveelheid tekst per keer minimaal, waardoor het naar beneden scrollen wordt beperkt. De bovenste buttons blijven op iedere pagina hetzelfde. Door dit op iedere pagina door te voeren ontstaat er een balans op de pagina.

‘Vitamine-info’ maakt op een juiste manier gebruik van witruimtes. Dit houdt de pagina overzichtelijk. Ook de gekozen regelafstand en

lettergrootte maken het lezen prettiger.

Tekst

‘Huidinfo’ gaat niet consequent om met het gebruik van lettertypes. De lettergroottes verschillen per pagina. Daarnaast lopen zinnen over de gehele pagina van de website, wat het lezen niet prettig maakt. De regelafstand had ook iets ruimer gemogen om de leesbaarheid te vergroten. Wel maken ze, waar kan, gebruik van opsommingen. ‘Vitamine-info’ is daarentegen wel consequent in het gebruik van lettergroottes. Op iedere pagina is de opmaak van de tekst gelijk. De inleiding krijgt de kleur groen en een kleiner lettertype. Vervolgens is de tekst zwart in een wat kleiner lettertype. Dit zorgt voor overzicht op de pagina, omdat zo snel gezien wordt waar een tekst over gaat en of het de benodigde tekst is. Ook hier maken ze gebruik van opsommingen. Daarnaast gebruiken ze tabellen om zaken duidelijk te maken.

Kleur

De pagina ‘Huidinfo’ is voornamelijk wit opgebouwd. Kleur is terug te vinden in het logo, links en in stukjes tekst. De gekozen kleur is blauw. Op twee andere pagina’s verandert dit in rood. Waarom is niet duidelijk. Op alle andere pagina’s houden ze namelijk gewoon dezelfde kleur aan, ook voor het menu. Het is dus niet zo dat de kleur blauw bedoeld is om de structuur duidelijk te maken. Kleur vervult op deze website geen functie; het roept geen emotie op, maakt geen structuur duidelijk en ook een link veranderd niet van kleur.

De website oogt amateuristisch, terwijl de teksten daarentegen wel door dermatologen geschreven zijn. Ook wordt de website gesponsord door bekende namen op het gebied van huidverzorging.

Bij ‘Vitamine-info’ zijn er wel buttons aanwezig die veranderen van kleur bij het doorklikken. Op deze manier wordt duidelijk gemaakt op welk deel van de pagina je jezelf bevindt. Andere links vallen op doordat er een gele balk verschijnt wanneer je deze aanklikt, of doordat de tekst onderstreept wordt. Kleur heeft hier verschillende functies.

Plaats

‘Huidinfo’ is verticaal opgemaakt. Links bevindt zich een kolom met een scrollbar die volstrekt nutteloos is. In deze kolom bevinden zich ook de links. Onderaan de pagina zijn een stel links geplaatst van sponsors. De verwachting is deze links eerder terug te zien in de linker kolom onder een kopje sponsors of iets dergelijks. Op de pagina is een

overvloed aan wit, waardoor echt alle onderdelen op zichzelf staan. Dit laat zien dat teveel afstand ook niet goed is om een eenheid te creëren. Links blijft de opmaak gelijk terwijl rechts van de pagina de opmaak veranderd.

46 88 66 0 10 20 30 40 50 60 70 80 90 Informatief Entertainment Verkoop

Stelling 1: Koude tinten passen bij een informatieve/entertainment/ verkopende website.

Figuur 14: Koude tinten

Stelling 2: Warme tinten passen bij een informatieve/entertainment/ verkopende website.

Figuur 15: Warme tinten De resultaten van de enquête zijn bij elkaar opgeteld. Bij elke stelling is

een grafiek gemaakt. Per stelling konden er vijf punten per doel worden gegeven. Waarbij vijf staat voor helemaal eens of heel belangrijk. En één staat voor helemaal oneens of niet belangrijk. In totaal kon een doel per stelling 100 punten halen. Het aantal punten toont dus aan in welke mate een onderdeel belangrijk is.

De enquête is gehouden onder twintig mensen, die qua leeftijd en beroep verschillen. Uit de grafieken is het verschil op te maken tussen een informatieve, entertainende of verkopende website. Het gaat om de mening en de verwachting van een bezoeker betreffende kleur, plaats en tekst.

Voor het beantwoorden van de eerste twee stellingen is er uitgegaan van een kleurenschema. Het eerste kleurenschema bevat koude tinten en het tweede warme. (Figuur 13)

Figuur 13: Kleurenschema

Als we gaan kijken naar stelling één en twee valt op dat de voorkeur uitgaat naar warme tinten voor een entertainende website en koude tinten voor een informatieve website.

│ Zie de verschillen

36

90

64

Stelling 3: Een informatieve/entertainment/verkopende website bevat veel kleur.

Figuur 16: Kleur

Stelling 4: Het gebruik van foto’s en afbeeldingen is belangrijk bij een informatieve/entertainment/verkopende website.

De grafiek in figuur 16 laat zien wat de bezoeker verwacht van het kleurgebruik bij een informatieve, entertainende of verkopende website.

Onder ‘veel kleur’ wordt verstaan drie kleuren of meer. Het volgende hoofdstuk geeft meer inzicht over hoe aan dit aantal is gekomen. De grafiek toont weer een duidelijk verschil tussen een entertainende website en een informatieve website. Entertainment vraagt om meer kleur in vergelijking tot informatief. Een verkopende website hangt hier een beetje tussenin.

Mensen zijn op het Internet nogal visueel ingesteld. Daarom is er ook een vraag gesteld die gaat over het gebruik van foto’s en afbeeldingen. Figuur 17 laat zien dat de resultaten per website dicht bij elkaar liggen. Hieruit is op te maken dat foto’s, afbeeldingen en andere visuele middelen op een website zeer gewaardeerd worden. Ongeacht het doel van een website.

40 88 64 0 10 20 30 40 50 60 70 80 90 Informatief Entertainment Verkoop 82 46 74 0 10 20 30 40 50 60 70 80 90 Informatief Entertainment Verkoop

Stelling 5: Een informatieve/entertainment/verkopende website moet standaard opgemaakt worden.

Figuur 18: Standaard opmaak

Stelling 6: Binnen een informatieve/entertainment/verkopende website mag er meer gespeeld worden met de plaatsing van buttons, teksten, foto’s e.d.

Figuur 19: Niet standaard Moet een website standaard opgemaakt worden of mag er meer

gespeeld worden met de vormgeving en plaatsing van objecten? Onder standaard wordt verstaan dat buttons links of bovenaan de pagina staan en dat inhoud en tekst, de rest van de pagina vult.

Uit de grafieken rechts kan geconcludeerd worden dat bezoekers van een informatieve website de voorkeur geven aan een standaard

opmaak. In tegenstelling tot een entertainende website waarbij dit juist niet verwacht wordt. Er is dus een duidelijk verschil te zien in het verwachtingspatroon per website.

76 44 58 10 20 30 40 50 60 70 80 Informatief Entertainment Verkoop 50 78 80 0 10 20 30 40 50 60 70 80 Informatief Entertainment Verkoop Stelling 7: Spelen met lettertypes past bij een informatieve, entertainment/verkopende website.

Figuur 20: Spelen met lettertypes

Stelling 8: Bij een informatieve/entertainment/verkopende website mag je veel tekst gebruiken.

De volgende stellingen gaan in op het onderwerp tekst. En dan gaat het niet om de inhoud van een tekst, maar voornamelijk over de opmaak en vormgeving van een tekst.

De eerste vraag betreft het spelen met lettertypes. Hiermee wordt bedoeld het gebruik van verschillende lettertypes, groottes, diktes, schuin gedrukt of kleur.

Bij een entertainende en verkopende website vinden bezoekers het prettig als er gespeeld wordt met lettertypes. Voor een informatieve website was dit minder belangrijk. Zie figuur 19.

Hoeveel tekst mag een website bevatten? Wat vind de bezoeker acceptabel en wat niet. Er is uitgegaan van een maximum á 300 woorden. Dit is ongeveer een half A4tje. In het volgende hoofdstuk meer over dit gebruikte aantal.

De grafiek in figuur 21 laat zien dat de bezoeker voornamelijk (veel) tekst verwacht bij een informatieve website. Hierna volgt een

verkopende website. Bij een entertainende website wordt tekst als minder belangrijk beschouwd.

48 86 62 0 10 20 30 40 50 60 70 80 90 Informatief Entertainment Verkoop 90 56 76 0 10 20 30 40 50 60 70 80 90 Informatief Entertainment Verkoop

Stelling 9: Zinvolle titels passen bij een informatieve/entertainment/ verkopende website.

Figuur 22: Zinvolle titels

Steling 10: Origineel bedachte titels passen bij een informatieve/ entertainment/verkopende website.

Figuur 23: Originele titels Het gebruik van titels komen in de laatste twee grafieken aan bod.

Moeten deze zinvol of origineel zijn? Onder zinvol wordt verstaan dat de titels de inhoud van de tekst duidelijk maken. Onder origineel kan worden verstaan dat de titel niet helemaal verklapt wat de tekst inhoud. Bij een informatieve website wordt er vooral gekozen voor een zinvolle titel. Terwijl de voorkeur bij een entertainende website uit gaat naar een originele titel. Bij een verkopende website liggen de verwachtingen voor een zinvolle titel iets hoger dan een origineel bedachte titel.

Informatieve website: 1. Tekst (214) 2. Plaats (194) 3. Kleur (162) Entertainment website: 1. Kleur (224) 2. Plaats (218) 3. Tekst (186) Verkopende website: 1. Plaats (230) 2. Tekst (196) 3. Kleur (190)

Bij een informatieve website is tekst belangrijk, wat niet opmerkelijk is want uit een stuk tekst kun je veel informatie putten. Uiterlijke

kenmerken zijn daarbij minder voornaam.

Bij een entertainende website daarentegen zijn uiterlijke kenmerken wel weer van belang. Kleuren trekken de aandacht. Je kunt het zien als amusement, de lichten van een show.

Net zoals de plaats van een product in de schappen van een winkel of supermarkt, is ook de plaats op een verkopende website voornaam. Het aantal punten dat het onderdeel heeft gekregen bevestigd dit.

Opvallend

Dit waren de resultaten die zijn voortgekomen uit de enquête. Wat opviel was dat informatieve en entertainende websites qua

verwachtingen ver uit elkaar liggen. Deze twee websites zijn tegenpolen van elkaar. Verkopende websites liggen meestal in het midden hiervan. Informatief staat voor een standaard opmaak, koele kleuren en veel tekst. Terwijl entertainment staat voor een niet standaard opmaak met veel warme kleuren en weinig tekst.

De verwachtingen van een verkopende website waren nogal verdeeld. Alleen op twee punten sprong verkoop er onverwachts toch uit. Dit was bij stelling 4, die ging over het gebruik van foto’s en afbeeldingen en bij stelling 7, die ging over het spelen met lettertypes. Ik vind dit

opmerkelijk aangezien ik dit persoonlijk meer verwacht bij een entertainment website.

Belangrijk, minder belangrijk, minst belangrijk

Uit de enquête is ook op te maken in welke mate kleur, plaats en tekst belangrijk zijn voor een informatieve, entertainende en verkopende website. De enquête is ook opgebouwd aan de hand van deze drie categorieën (kleur, plaats en tekst), waaronder elk weer drie vragen vallen.

De vraag over het spelen met lettertypes is in deze conclusie weggelaten omdat deze niet specifiek onder één van de categoriën valt.

Door middel van het geven van punten kon er een balans worden opgemaakt. Hiernaast een weergave van het belangrijkste onderdeel per website. Het aantal punten is ook vermeld om een idee te geven in hoeverre de onderdelen uit elkaar liggen of juist niet. Het belangrijkste

Goed = Goed

Daarnaast werden tijdens deze enquête vragen gesteld over de ‘goede’ en ‘slechte’ websites die zijn uitgekozen. Om tot een duidelijk beeld te komen werden er bij tien personen alleen de goede websites

voorgelegd en bij de andere tien alleen de slechte. Dit om te

voorkomen dat deze personen misschien door zouden krijgen dat het om een ‘goede’ of ‘slechte’ website zou gaan, en daardoor al snel een voorkeur voor een bepaalde website zouden krijgen.

De resultaten hiervan zijn ook toegevoegd in de bijlage. Uiteindelijk is gebleken dat bezoekers een duidelijke voorkeur hebben voor de ‘goede’ websites. Deze voorkeur laat zien dat de theorie die beschreven is klopt en bezoekers over het algemeen dezelfde mening vormen.

Dit is belangrijk voor het onderzoek, omdat de goede websites

uiteindelijk een richtlijn moeten vormen voor de invulling van kleur, plaats en tekst.

Om uit te zoeken wat ‘veel’ is zijn er naast de twintig enquêtes die gingen over de vormgevingsaspecten ook twintig enquêtes ingevult die gingen over de gekozen websites. Tien daarvan hebben ook de eerste enquête ingevuld, de andere tien niet. Dit was in het belang van het onderzoek, omdat mensen na het invullen van de eerste enquête misschien onbewust beïnvloed waren en op bepaalde punten gingen letten.

De tweede enquête was nodig om een beeld te krijgen bij de gestelde vragen. Zo werd er gevraagd of er veel kleur en tekst gebruikt mocht worden bij een informatieve, entertainende of verkopende website. Maar wat wordt er nu verstaan onder veel?

Voor het kleurgebruik van een website kon er gekozen worden uit: - Niet meer dan 2 kleuren

- 2 tot 3 kleuren - 3 kleuren of meer

Voor de hoeveelheid tekst werd uitgegaan van een maximum: - Maximaal 100 woorden (ongeveer 1 alinea)

- Maximaal 200 woorden

- Maximaal 300 woorden (ongeveer een half A4)

De resultaten van deze enquête zijn in de bijlage toegevoegd. De voorkeur van hoeveel kleur en tekst er per website gewenst is zal in het volgende hoofdstuk worden vermeld. Dit hoofdstuk laat namelijk zien hoe je het beste een website aan de hand van het doel, kunt opmaken.

80

46

36

82

40

72

48

90

50

76

0

10

20

30

40

50

60

70

80

90

Gebruik van foto's en afbeeldingen Originele titels

Zinvolle titels

Spelen met lettertypes Veel tekst

Figuur 24: Informatieve website Na de resultaten vergeleken te hebben is het nu belangrijk te kijken hoe

per doel een website het best vormgegeven kan worden volgens de drie onderzochte aspecten.

De enquêtes hebben duidelijk geschetst wat voor beeld een bezoeker heeft bij een informatieve, entertainende en verkopende website. In dit hoofdstuk drie grafieken die weergeven wat de verwachtingen zijn van een bezoeker op het gebied van kleur, plaats en tekst van een website.

Informatief

De bezoeker verwacht dat bij een informatieve website vooral uitgegaan wordt van eenvoud. De voorkeur gaat uit naar koude tinten en dan niet meer dan twee kleuren. Koude tinten neigen naar de achtergrond en zullen dus geen aandacht trekken op deze website.

De pagina moet standaard opgemaakt worden, wat inhoud dat buttons gewoon links of boven aan een pagina moeten staan. Gebruik foto’s en afbeeldingen waar dat van toepassing is, mensen vinden dat een belangrijk onderdeel voor iedere website.

Titels moeten zinvol zijn. Laat ze aangeven waar een tekst over gaat. Daarnaast is het geoorloofd meer tekst te gebruiken dan bij

entertainende of verkopende websites. Maximaal 300 woorden, dit is ongeveer een half A4. Speel met lettertypes, groottes en diktes waar dat van belang is. Geef hiermee verschillende onderdelen aan.

Een informatieve website moet rust uitstralen en overzichtelijk zijn. Laat creatieve uitingen of andere technische hoogstandjes achterwege. Dit is niet wat de bezoeker zoekt.

│ Verwachtingen per website

80

46

36

82

40

72

48

90

50

76

0

10

20

30

40

50

60

70

80

90

Koude tinten Warme tinten

kleur Standaard opmaak

Niet standaard Gebruik van foto's en afbeeldingen Originele titels Zinvolle titels

Figuur 25: Entertainment website

Entertainment

Bij een entertainment website mag er veel gespeeld worden met kleur, tekst en plaats. Bezoekers willen levendigheid zien op de website. De voorkeur gaat uit naar warme tinten, deze zullen meer aandacht trekken. Veel kleur is belangrijk. Dit houdt in drie kleuren of meer. De pagina hoeft niet standaard (buttons links of bovenaan een pagina) opgemaakt te worden. Maar wees creatief en speel met de plaatsing van buttons, teksten en andere objecten.

Gebruik veel foto’s en afbeeldingen en wees origineel met titels. Laat iets te raden over en geef niet meteen alles weg. Over de hoeveelheid tekst verschillen de meningen nogal. De voorkeur ging uit naar zowel maximaal 200 woorden én naar 100 woorden wat ongeveer neer komt op één alinea. Hier kan voor een middenweg gekozen worden.

Laat titels of belangrijke stukken tekst oplichten door te spelen met verschillende lettertypes of kleur. Accentueer tekst door het bijvoorbeeld groot en/of dik gedrukt weg te zetten.

Een entertainende website moet in het oog springen, gezien worden en opvallen.

46

88 90

46

88

84 86

56

78

44

0

10

20

30

40

50

60

70

80

90

Gebruik van foto's en afbeeldingen Originele titels

Zinvolle titels

Spelen met lettertypes Veel tekst

80

46

36

82

40

72

48

90

50

76

0

10

20

30

40

50

60

70

80

90

Koude tinten Warme tinten

kleur Standaard opmaak

Niet standaard Gebruik van foto's en afbeeldingen Originele titels Zinvolle titels

Figuur 26: Verkopende website

Verkoop

Bij een verkopende website liggen de meningen nogal uiteen. De ene helft van de bezoekers vindt warme tinten passen bij een verkopende website, de andere helft vindt koude tinten. Het aantal punten bij deze twee stellingen lag niet ver uiteen.

Het verschil tussen een standaard opmaak of niet standaard opmaak ligt ook niet ver uiteen. Wel is het gebruik van foto’s op een verkopende pagina héél belangrijk.

Vervolgens is te zien dat het verschil in aantal punten tussen een originele titel of zinvolle titel ook minimaal is.

Wat betreft tekst moet er worden uitgegaan van ongeveer 200 woorden. Over het kleurgebruik waren de meeste het wel eensgezind. Dit kwam uit op twee tot drie kleuren. Het spelen met lettertypes scoorde ook hoog. Er kan dus gezegd worden dat het belangrijk is bij een verkopende website om belangrijke dingen ook te laten opvallen door middel van kleur, grootte of dikte.

60

66 64

74

64

92

62

76

80

58

0

10

20

30

40

50

60

70

80

90

100

Gebruik van foto's en afbeeldingen Originele titels

Zinvolle titels

Spelen met lettertypes Veel tekst

80

46

36

82

40

72

48

90

50

76

0

10

20

30

40

50

60

70

80

90

Koude tinten Warme tinten

kleur Standaard opmaak

Niet standaard Gebruik van foto's en afbeeldingen Originele titels Zinvolle titels

zouden zetten. Toch is dit niet het geval, zo blijkt uit het onderzoek. Bij de vergelijking van de twee enquêtes zie je dat de bezoekers het eensgezind zijn op het gebied van de hoeveelheid kleur en tekst bij een informatieve, entertainende en verkopende website. Dit is natuurlijk heel opvallend, maar geeft wel duidelijk aan wat de bezoeker verwacht. En dat zij op dit gebied ook hetzelfde verwachten.

Entertainende en verkopende websites zijn elkaars tegenpolen. Wat er bij de ene website verwacht wordt, wordt bij de andere juist niet verwacht.

Uiteindelijk is de vraag, of er verschil is tussen de vormgevingsaspecten per website, beantwoord. Dit is inzichtelijk gemaakt middels grafieken. Het beeld wat de bezoeker heeft van een dergelijke website is hieruit af te leiden, waardoor er een advies gegeven kon worden op het gebied van kleur, plaats en tekst bij een informatieve, entertainende en

verkopende website. De onderzoeksvraag is opgesteld om antwoord te krijgen op de vraag of

informatieve, entertainende en verkopende websites een verschillende aanpak vragen qua vormgeving. Het onderzoek heeft niet alleen geleid tot een antwoord, maar toonde ook een aantal opvallende punten. Die ik aan het begin van het onderzoek zeker niet verwacht had.

De omschreven theorieën zijn getoetst bij de bezoeker door middel van een enquête. Hieruit blijkt dat zij het eens zijn met de theorie die beschrijft wanneer een website ‘goed’ of ‘fout’ is.

Op twee punten dachten de bezoekers er echter anders over: op de geoorloofde hoeveelheid tekst op een pagina, en het gebruik van originele titels in plaats van zinvolle titels.

Zo omschreef Peter Beekman in zijn boek ‘Klantgerichte websites’ dat alinea’s beduidend korter moesten zijn, twee á drie regels. Terwijl tijdens deze enquête bleek dat mensen geen moeite hadden met alinea’s van ongeveer zes tot acht regels, mits er goed is omgegaan met de lettergrootte en de regelafstand.

Ook de theorie van Gerry McGovern, dat titels zinvol moeten zijn, wordt niet beaamd door de bezoekers. Zij vinden dat het afhankelijk is van het doel van een website. Bij entertainende websites mogen titels origineel zijn en iets te raden over laten. Dit in tegenstelling tot informatieve websites.

Een ander opvallend punt is dat bij verkopende websites de meningen nogal verdeeld waren, terwijl ik persoonlijk dacht dat er gekozen zou worden voor een standaard opmaak met één á twee kleuren. Toch zijn er een aantal bezoekers bij die vinden dat bij een verkopende website meer gespeeld mag worden met kleur, plaats en tekst.

Het vormgevingsaspect plaats scoort bij iedere website veel punten, en komt daardoor op de 1e of 2e plaats qua belangrijkheid voor een website. Ik dacht persoonlijk dat bezoekers kleur en tekst boven plaats

‘Nederlander koopt steeds meer online’ op http://www. automatiseringgids.nl/it%20in%20bedrijf/kosten%20en%20

baten/2009/22/nederlander%20koopt%20steeds%20meer%20online. aspx ( 8 juni 2009)

‘The Best of Eyetrack III: What We Saw When We Looked Through Their Eyes’ op: http://www.poynterextra.org/eyetrack2004/main.htm (25 mei 2009)

Boeken

Beaird, Jason: The principles of beautiful web design, Uitgeverij Sitepoint, 2007

Beekman, Peter, A.Burger, K. Huizing e.a.: Klantgerichte websites, Uitgeverij A.W. Bruna, 2009

McGovern, Gerry: Een website die werkt, Uitgeverij het Spectrum, 2009 McKeown, Max: Why they don’t buy, Uitgeverij Financial Times, 2001 Krug, Steve: Don’t make me think, Uitgeverij New Riders Publishing, 2006

Nielsen, Jakob: Functioneel webdesign, Uitgeverij New Riders Publishing, 2000

Punselie, Rob: Websites die werken, Uitgeverij Kluwer, 2003

Internetsites

‘HP kleur op het werk – HP kleurenwiel’ op http://h41139.www4.hp.com/ nl/nl/online_tools/colour_wheel.html (4 juni 2009)

‘Internet meest gebruikte medium onder jongeren’ op http://www. marketingfacts.nl/berichten/20070226_internet_meest_gebruikte_ medium_onder_jongeren/ (5 juni 2009)

‘Kleuren kiezen voor je website’ op http://www.webwijsheid.nl/

│ Bijlagen

Geef een cijfer van 1 tot 5 om de onderstaande vragen te beantwoorden 1. Helemaal mee oneens

2. Oneens 3. Neutraal 4. Eens

5. Helemaal mee eens

Informatieve website: Website waar informatie gegeven wordt over een bepaald onderwerp Entertainende website: Website waar je spelletjes kunt spelen of de laatste roddels kunt lezen Verkopende website: Website die producten of diensten te koop aanbiedt

Koude tinten passen bij een informatieve website 80

Koude tinten passen bij een entertainment website 46

Koude tinten passen bij een verkopende website 60

Warme tinten passen bij een informatieve website 46

Warme tinten passen bij een entertainment website 88

│ Bijlagen

Een informatieve website bevat veel kleur 36

Een entertainment website bevat veel kleur 90

Een verkopende website bevat veel kleur 64

(Onder standaard wordt verstaan: De buttons boven of links van de pagina, de inhoud op de rest van de pagina)

Een standaard opmaak past bij een informatieve website 82

Een standaard opmaak past bij een entertainment website 46

Een standaard opmaak past bij een verkopende website 74

(Tegenovergestelde van standaard. Er mag meer toegelaten worden met de plaatsing van buttons, teksten, foto's e.d. ofwel speelser)

Binnen een informatieve website mag er gespeeld worden met de plaatsing van objecten 40

Binnen een entertainment website mag er gespeeld worden met de plaatsing van objecten 88

Binnen een verkopende website mag er gespeeld worden met de plaatsing van objecten 64

Gebruik van foto's en afbeeldingen is belangrijk bij een informatieve website 72

Gebruik van foto's en afbeeldingen is belangrijk bij een entertainment website 84

Gebruik van foto's en afbeeldingen is belangrijk bij een verkopende website 92

(Dubbelzinnig, verklapt niet helemaal de inhoud van de tekst)

Origineel bedachte titels passen bij een informatieve website 48

Origineel bedachte titels passen bij een entertainment website 86

│ Bijlagen

(Titel geeft aan wat de tekst inhoud)

Zinvolle titels passen bij een informatieve website 90

Zinvolle titels passen bij een entertainment website 56

Zinvolle titels passen bij een verkopende website 76

(Onderstreept, dik, schuin, kleur, verschillende lettertypes, groottes e.d.)

Spelen met lettertypes past bij een informatieve website 50

Spelen met lettertypes past bij een entertainment website 78

Spelen met lettertypes past bij een verkopende website 80

Een informatieve website mag aardig wat tekst hebben 76

Een entertainment website mag aardig wat tekst hebben 44

│ Bijlagen

Kleurgebruik Informatief Entertainment Verkoop

Niet meer dan 2 18 3

2 tot 3 2 3 17

3 of meer 17

Hoeveelheid tekst Informatief Entertainment Verkoop

Max. 100 woorden 9 3 Max. 200 woorden 3 10 16 Max. 300 woorden 17 1 1

│ Bijlagen

Speurplaza Aanbod Pagina

Het aantal kleuren op de website is voldoende 8 17 Er is teveel kleur op de website 12

Er is te weinig kleur op de website 3 De kleuren passen bij een vekopende/entertainende/informatieve website? 18 De kleure passen niet bij een verkopende/entertainende/informatieve website? 20 2 Het gebruik van foto's en afbeeldingen is voldoende 8 15 Er zijn te weinig foto's en afbeeldingen 12 5 Er zijn te veel foto's en afbeeldingen

De hoeveelheid tekst is voldoende 2 9 De hoeveelheid tekst is te veel 18 3 De hoeveelheid tekst is te weinig 8 De pagina is overzichtelijk 20 De pagina is niet overzichtelijk 20

De pagina vormt een eenheid, objecten staan bij elkaar die bij elkaar horen 1 18 De pagina vormt geen eenheid 19 2 De pagina is in balans, de plaatsing van objecten is in evenwicht 5 20 De pagina is niet in balans 15

Er wordt voldoende ruimte gecreërd/wit gebruikt 3 18 Er wordt te weinig ruimte gecreërd/wit gebruikt 17 2 Er wordt te veel ruimte gecreërd/wit gebruikt

De grootte van de letter leest prettig 2 18 De grootte van de letter is te klein 18 2 De grootte van de letter is te groot

Er word voldoende afstand gehouden tussen de regels 16 Er word te weinig afstand gehouden tussen de regels 20 1 Er word te veel afstand gehouden tussen de regels 3

│ Bijlagen

Huidinfo Vitamine-Info

Het aantal kleuren op de website is voldoende 18 Er is teveel kleur op de website 2 Er is te weinig kleur op de website 20

De kleuren passen bij een vekopende/entertainende/informatieve website? 2 16 De kleure passen niet bij een vekopende/entertainende/informatieve website? 18 4 Het gebruik van foto's en afbeeldingen is voldoende 5 14 Er zijn te weinig foto's en afbeeldingen 15 6 Er zijn te veel foto's en afbeeldingen

De hoeveelheid tekst is voldoende 12 13 De hoeveelheid tekst is te veel 8 7 De hoeveelheid tekst is te weinig

De pagina is overzichtelijk 10 16 De pagina is niet overzichtelijk 10 4 De pagina vormt een eenheid, objecten staan bij elkaar die bij elkaar horen 6 18 De pagina vormt geen eenheid 14 2 De pagina is in balans, de plaatsing van objecten is in evenwicht 5 19 De pagina is niet in balans 15 1 Er wordt voldoende ruimte gecreërd/wit gebruikt 8 14 Er wordt te weinig ruimte gecreërd/wit gebruikt 2 3 Er wordt te veel ruimte gecreërd/wit gebruikt 9 3 De grootte van de letter leest prettig 14 15 De grootte van de letter is te klein 6 5 De grootte van de letter is te groot

│ Bijlagen

Tv Spelletjes Funny Games

Het aantal kleuren op de website is voldoende 5 18 Er is teveel kleur op de website 2 Er is te weinig kleur op de website 15

De kleuren passen bij een vekopende/entertainende/informatieve website? 8 20 De kleure passen niet bij een vekopende/entertainende/informatieve website? 12

Het gebruik van foto's en afbeeldingen is voldoende 7 8 Er zijn te weinig foto's en afbeeldingen 13 12 Er zijn te veel foto's en afbeeldingen

De hoeveelheid tekst is voldoende 9 13 De hoeveelheid tekst is te veel 11

De hoeveelheid tekst is te weinig 7 De pagina is overzichtelijk 2 16 De pagina is niet overzichtelijk 18 4 De pagina vormt een eenheid, objecten staan bij elkaar die bij elkaar horen 3 18 De pagina vormt geen eenheid 17 2 De pagina is in balans, de plaatsing van objecten is in evenwicht 1 18 De pagina is niet in balans 19 2 Er wordt voldoende ruimte gecreërd/wit gebruikt 15 Er wordt te weinig ruimte gecreërd/wit gebruikt 20 2 Er wordt te veel ruimte gecreërd/wit gebruikt 3 De grootte van de letter leest prettig 7 16 De grootte van de letter is te klein 13 4 De grootte van de letter is te groot

Er word voldoende afstand gehouden tussen de regels 2 14 Er word te weinig afstand gehouden tussen de regels 18 6 Er word te veel afstand gehouden tussen de regels