Interaction Design - Tuinwebsite ontwerp

26

description

 

Transcript of Interaction Design - Tuinwebsite ontwerp

2

Inhoudsopgave

1. Inleiding Blz. 3 2. Onderzoek Blz. 4 2.1 Doelen Blz. 4 2.2 Activiteiten Blz. 4 2.3 Instrumenten Blz. 5 2.4 Kennis Blz. 5 2.4.1 Plantensoorten Blz. 6 2.4.2 Vlindersoorten Blz. 8 2.5 Omgeving Blz. 9 3. Sitemap Blz. 10 4. Filters Blz. 11 5. Zoektermen Blz. 14 6. Scenario’s Blz. 15 6.1 Scenario 1 Blz. 15

6.2 Scenario 2 Blz. 19 7. Bronnen Blz. 22 8. Bijlage Blz. 23

3

1. Inleiding De focus in dit verslag zal liggen op een website met informatie over een vlindertuin. Dit omdat ik gek ben op vlinders en bloemen en ik graag een website wilde maken voor een tuin die ik zelf ook zou willen. Uiteraard is het het leukst om iets te creëren waar je zelf ook geïnteresseerd in zou zijn. De website zal gemakkelijk te navigeren zijn. Je zult op de website onder andere kunnen vinden welke vlinders je naar je tuin kunt lokken, welke planten vlinders aantrekken, hoe je een vlindertuin kunt aanleggen, wat je nodig hebt om een vlindertuin aan te leggen en hoe je vlinders kunt laten overwinteren in de tuin. In principe zul je op de website op een gemakkelijke, directe manier, alles kunnen vinden wat je nodig hebt om je eigen vlindertuin te creëren.

4

2. Onderzoek 2.1 Doelen Welk doel hebben mensen met dit type tuin? Welk rol speelt het in hun leven? Wat ervaren ze als ze in of met de tuin bezig zijn? Is het een plek om zich terug te trekken en tot rust te komen? Of juist een sociale plek? Of iets anders? Wat is de betekenis van de tuin voor de gebruiker, in bredere zin? Is het belangrijk voor hem/haar? De gebruiker, die graag een vlindertuin wil hebben, kan van alle leeftijden zijn. De gebruiker kan een klein meisje van 7 jaar zijn die graag achter de vlinders aan hobbelt, maar de gebruiker kan ook een oude vrouw zijn die graag rustig in de tuin zit om van de natuur en de vlinders te genieten. De tuin zal vooral een plek zijn om even weg te zijn van het dagelijks leven. Je zult er vooral zitten om te genieten van de rust. De tuin zal gevuld zijn met talloze kleurrijke bloemen, die tevens zorgen voor een heerlijke geur. Hierdoor worden dus meerdere zintuigen geprikkeld. De tuin is belangrijk voor de gebruiker, omdat een vlindertuin relatief veel onderhoud vraagt. De gebruiker moet er dus de tijd en moeite in willen steken om de tuin te onderhouden, zodat de vlinders naar de tuin komen. De tijd die er wordt geïnvesteerd in het creëren en onderhouden van de tuin is van een bepaalde waarde. Deze waarde wil de gebruiker liever in de tuin hebben dan in iets anders waarin tijd geïnvesteerd kan worden, waaruit je de conclusie kunt trekken dat de tuin belangrijk is voor de gebruiker. De tuin kan ook aangelegd worden om een habitat voor de vlinders te maken, waar ze kunnen leven, maar ook kunnen overwinteren. 2.2 Activiteiten Wat doet de gebruiker in de tuin? Probeer activiteiten zo gedetailleerd mogelijk te beschrijven. Welke handelingen verricht een gebruiker? In welke stappen vallen ze uiteen? (En hier weer: hoe ervaren ze die handelingen? Moeilijk? Leuk? Anders? Zijn bepaalde vaardigheden vereist?) Om te beginnen moet de gebruiker de tuin natuurlijk ontwerpen en creëren. De gebruiker moet kijken hoe groot zijn/haar tuin is en waar er schaduw/halfschaduw/zon is. Ook is het handig om te bepalen welke grond er in de tuin ligt. Wanneer dit bepaald is kan er gezocht worden naar planten die vlinders aantrekken en die passen bij het type tuin dat de gebruiker heeft. Vervolgens moeten de planten in de tuin worden gezet. In het begin zal de tuin er nog een beetje karig uitzien, omdat de planten net nieuw geplant worden en er nog niet gelijk veel bloemen inzitten. Een vlindertuin vraagt wat geduld, voor er echt veel vlinders zullen zijn. De gebruiker moet de tuin goed bijhouden. Zo moet het onkruid regelmatig gewied worden en de struiken moeten ook eens in de zoveel tijd gesnoeid worden. Dit verschilt uiteraard per struik. Wanneer je graag een vlindertuin wil, is het een must dat je graag tuiniert. De handelingen, zoals het planten van planten en struiken en het wieden van het onkruid, zal dus over het algemeen als leuk, fijn en rustgevend ervaren worden. Sommige handelingen zullen moeilijker worden ervaren dan andere handelingen, omdat de ene struik moeilijker te snoeien zal zijn dan de ander. Het onderhouden van de tuin zal soms met wat moeite gaan, maar waarschijnlijk zelden met tegenzin. Om de tuin te kunnen onderhouden zal er toch bepaalde kennis van planten en struiken vereist zijn. Zonder deze kennis weet je niet wanneer je bijvoorbeeld struiken moet snoeien en op welke

5

plek de planten moeten staan. Dit kan tot gevolg hebben dat de planten niet of niet goed genoeg groeien en dat de vlinders wegblijven. Natuurlijk draait de vlindertuin niet alleen om het onderhoud ervan, maar kan de gebruiker ook heerlijk gaan zitten in de tuin om te genieten van zijn/haar omgeving. Uiteraard kan de gebruiker zelf bepalen hoe er gerelaxt wordt in de tuin. Zo kan er gekozen worden voor een loungeset, maar ook voor gewoon een tafel met vier tuinstoelen. Deze keuze ligt geheel bij de gebruiker en zal uiteraard ook afhangen van de grootte van de tuin. 2.3 Instrumenten / gereedschap / producten Wat hebben ze allemaal nodig en wat gebruiken ze in de tuin? Wat betreft de kennis: - Kennis over het onderhouden van een vlindertuin - Enige kennis over vlinders Wat betreft het onderhoud: - Tuinaarde - Tuinmest - Planten (zoals de Buddleja) - Schop - Schoffel - Hark - Gieter/tuinslang - Snoeischaar - Tuinhandschoenen - Water Optioneel: - Houtsnippers - Kniekussen - Tafel met stoelen/loungeset - Vlinderhuisje - Barbecue 2.4 Kennis Wat willen of moeten ze weten om hun tuin succesvol in te richten en gebruiken? Hoe komen ze aan die kennis? Waar leren ze wat ze willen en moeten weten? Om een vlindertuin succesvol in te kunnen richten, moet de gebruiker weten welke planten vlinders aantrekken. Er zijn twee soorten planten van belang voor vlinders, namelijk de nectarplant en de waardplant. Het is belangrijk dat de gebruiker het verschil weet tussen deze twee soorten planten. De gebruiker kan deze kennis vergaren door op het internet te zoeken, of door in boeken te lezen over bijvoorbeeld vlinders, tuinen, vlindertuinen of planten.

6

Verder is het voor de gebruiker ook zeer belangrijk om te weten wat voor grond hij in zijn tuin heeft en welke standplaatsen (zon/schaduw/halfschaduw) hij in zijn tuin heeft. Dit is namelijk belangrijk voor de keus van de planten, omdat sommige planten het bijvoorbeeld alleen goed doen in de zon. Welke grond er in de tuin ligt kan de gebruiker vinden op het internet. De hoeveelheid zon in de tuin kan bepaald worden door observatie van de gebruiker. De gebruiker moet ook weten welke gereedschappen hij nodig heeft om de tuin aan te kunnen leggen. Hieronder heb ik een aantal voorbeelden van hoe de informatie van de website verwerkt gaat worden. Ik heb een aantal plantensoorten en vlindersoorten uitgekozen om deze nader te verklaren. Zo kan er een beeld gevormd worden van wat er voor informatie te vinden valt op de website. 2.4.1. Plantensoorten

Hieronder staat een lijst van verschillende struiken en planten die de gebruiker in zijn tuin zou kunnen plaatsen om vlinders te lokken. Niet alleen de Nederlandse naam is belangrijk, maar ook de Latijnse naam vanwege de verschillende soorten die er zijn.

Nederlandse naam

Latijnse naam

Meidoorn Crataetus Monogyna Vuilboom Rhamnus Frangula Sleedoorn Prunus Spinosa Bandwilg Salix ‘Sekka’ Judaspenning Lunaria Biennis Kogeldistel Echinops ‘Taplow Blue’ Leverkruid/Koninginnekruid Eupatorium Purpureum Guldenroede Solidago ‘Golden Wings’ Bloem der Zeven Zonen Heptacodium Miconoides Spierstruik Spirea Hemelsleutel Sedum Spectabile Rode Spoorbloem Centranthus Ruber Coccineus Kattenkruid Nepete Faasseni Kruipend Zenegroen Ajuga Reptans Marjolein Origanum Vulgare Lavendel Lavendula Blauwbaard Caryopteris Duizendblad Achillea Pinksterbloem Cardamine Zwarte knoop Centaurea Jacea Cichorei Cichorium Intybus Rolklaver Lotus Corniculatus Muskuskaasjeskruid Malva

7

Vlinderstruik Buddleja Davidii ‘Black Knight’ Soort plant: Nectarplant, waardplant, plant met bloemen, houtige plant. Bloeiperiode: Juli tot september. Hoogte plant: Tot 300 cm. Bloeikleur: Roze, paars, wit. Grond: Alle, maar vreest een te vochtige grond. Standplaats: Zon. Bestuiving: Kruisbestuivng. Levensduur: Overblijvend. Winterhard: Winterhard tot -13⁰ C. Niet groen in de winter. Verzorging: Het is nodig om de buddleja ieder jaar te snoeien om te zorgen voor een mooie bloei. Doe je dat niet, dan wordt de struik snel heel hoog en zullen de bloemen alleen hoog bloeien. Eerst moet er gezorgd worden dat de zwakke of beschadigde takken weg worden gehaald. Vervolgens moet de struik 25 tot 45 cm boven de grond afgezaagd worden. Het best is om de struik rond maart te snoeien. Doe dit wel wanneer er geen vorst verwacht wordt. Liguster Ligustrum Vulgare Soort plant: Nectarplant, houtige plant, plant met bloemen. Bloeiperiode: Juni en juli. Hoogte plant: Tot 300 cm. Bloeikleur: Wit. Grond: Alle. Standplaats: Alle. Bestuiving: Kruisbestuiving en zelfbestuiving. Levensduur: Overblijvend. Winterhard: Ja. Verzorging: 2x per jaar snoeien, in mei en in augustus. Zorg ervoor dat de struik niet breder dan 60 tot 80 cm wordt. Wanneer de liguster opgefrist moet worden, kan de struik tot 30 cm boven de grond afgezaagd worden. Al snel loopt de liguster uit en wordt het weer een mooie, volle haag. Wanneer de liguster net geplant is, direct snoeien tot 25 cm boven de grond, zodat de liguster vol kan groeien. De liguster is giftig voor mensen. Voornamelijk de bladeren en bessen zijn gevaarlijk.

Bosdruif Clematis Jouiniana ‘Praecox’ Blauwkussen Aubrieta Breedbladige Lathyrus Lathyrus Lafifolio Struikklimop Hedera Helix ‘Aborescens’ Brandnetel Urtica Liguster Ligustrum Vulgare Kornoelje Cornus Mas Groot Hoefblad Petasites Vlinderstruik Buddleja Davidii ‘Black Knight’ Damastbloem Hesperis Matronalis

8

Blauwkussen Aubrieta Soort plant: Bodembedekker, plant met bloem. Bloeiperiode: April t/m Juni. Hoogte plant: Tot 15 cm. Bloeikleur: Blauw, paars, roze, roodpaars. Grond: Zandgrond. Standplaats: Zon. Bestuiving: - Vermeerdering door wortels. Levensduur: Vaste plant. Winterhard: Ja. Verzorging: Voldoende water geven. Nadat de plant heeft gebloeid flink terugsnoeien, zodat de herbloei wordt bevorderd. Damastbloem Hesperis Matronalis Soort plant: Waardplant, plant met bloemen, nectarplant. Bloeiperiode: Mei t/m September. Hoogte plant: 45 tot 90 cm. Bloeikleur: Paars, roze, soms wit. Grond: Alle. Standplaats: Halfschaduw en zon. Bestuiving: - Vermeerdering door wortels. Levensduur: Tweejarige, soms vaste plant. Winterhard: Ja, tot -20⁰ C. Verzorging: Na de bloei terugsnoeien, dit bevordert de terugbloei. 2.4.2. Vlindersoorten Hieronder is een lijst te vinden van vlinders die de gebruiker tegen kan komen in zijn vlindertuin. Er zijn in Nederland nog andere soorten vlinders, maar deze komen niet vaak voor. Een aantal vlinders zijn uitgelicht met daarbij informatie. Kleine Vos Kenmerken: Vleugelkleur is voornamelijk oranje, met een zwart gekartelde rand. Bovenaan de voorvleugel zitten zwarte en gele vlekken. Leefgebied: Heel Nederland. Waardplanten: Grote brandnetel. Gedrag: Mannetje verdedigt territorium, vrouwtjes worden door mannetjes achtervolgd tot ze gaat zitten op een blad of bloem. Levensloop: Vrouwtje zet eitjes af op geschikte waardplant. Rupsen leven in spinsel, waarna ze verpoppen. Gelijkende soorten: Grote vos.

9

Oranje Tip Kenmerken: Mannetjes hebben oranje punten op hun vleugels, de vrouwtjes lijken op witjes. Leefgebied: Geheel West-Europa. Waardplanten: De pinksterbloem, look zonder look. Gedrag: Vrouwtje drinkt veel nectar, mannetje patrouilleert. Levensloop: Half mei tot half juni is de Oranje Tip een rups. Hij overwintert als pop. Gelijkende soorten: Resedawitje, komt zelden voor in Nederland. Citroenvlinder Kenmerken: Bovenaan puntige vleugelpunt, halverwege achtervleugel duidelijk vlekje. Leefgebied: Heel Nederland. Waardplanten: Sporkehout, wegedoorn. Gedrag: Rust het grootste deel van z’n leven. Levensloop: Rups ontwikkelt zich vrij snel, in 3-5 weken. Leeft langs bladnerf en is daarom niet gemakkelijk te vinden. Leven van de citroenvlinder is relatief lang. Gelijkende soorten: - Dagpauwoog Gehakkelde Aurelia Groot koolwitje Klein koolwitje Klein geaderd witje Landkaartje Bont zandoogje Bruin zandoogje Koevinkje Hooibeestje Oranje zandoogje Argusvlinder Dikkopje Boomblauwtje Icarusblauwtje Atalanta Distelvlinder Kleine vuurvlinder Omgeving Waar bevindt de tuin zich? Heeft dit gevolgen voor het gebruik? Omdat een vlindertuin erg gericht is op de natuur, zal deze zich vooral bevinden in de achtertuinen. Hier is de meeste rust te vinden, zowel voor de vlinders als voor de gebruiker die graag geniet van de natuur. De achtertuinen van de meeste huizen zijn niet zo heel groot qua oppervlakte, dus de gebruiker zal een keus moeten maken tussen verschillende planten die vlinders aantrekken. Het kan natuurlijk ook zo zijn dat de gebruiker een grote voortuin heeft, dan

10

kunnen daar natuurlijk ook vlinderplanten staan. Is de voortuin wat kleiner, zal het blijven bij een enkele struik of plant die vlinders aantrekt. De plantkeuze voor zowel de voor- als achtertuin zal ook aangepast moeten worden naar de standplaats en de grond. Dit heeft tot gevolg dat niet alle vlinderplanten geplant kunnen worden in de tuin.

3. Sitemap

11

4. Filters

Standplaats: - Schaduw - Halfschaduw - Zon Om planten goed te kunnen laten groeien moeten ze op de goede plek in de tuin staan. Een plant die zon nodig heeft zal bijvoorbeeld niet goed groeien in de schaduw. Als hij niet goed groeit zullen er geen vlinders op de tuin afkomen. Door de ‘plaats-filter’ in te voegen, kan de gebruiker nadat hij heeft bepaald op wat voor plaats de plant moet komen, kijken welke planten er op deze plaats kunnen staan. Grond: - Zandgrond - Kleigrond - Veengrond - Rivierkleigrond - Lössgrond Ook voor dit geldt: Een plant groeit in een bepaalde soort grond beter dan in andere soorten grond. Het kan ook zijn dat een plant amper groeit als hij in de verkeerde grond staat. Het is voor de gebruiker dus belangrijk dat hij weet elke grond er in de tuin ligt. Als dit bekend is kan hij gaan filteren hierop en voorkomt dus dat er planten worden gekocht die niet goed zullen groeien in de grond die in de tuin ligt. Hoogte plant: - Bar met 0 tot 500 cm eronder. In de bar komen 2 aanwijspunten. Je kunt met de ene pijl aangeven hoe laag de plant mag zijn en met de andere pijl kun je aangeven tot hoe hoog de plant mag groeien. Om de tuin goed in te kunnen richten is het belangrijk dat de gebruiker weet hoe groot de plant kan worden die nodig is voor een vlindertuin. Stel de gebruiker heeft nog een klein stukje tuin over waar hij de bodem wil bedekken met een laag plantje of bodembedekker, moet hij weten welke plantjes laag blijven. Hij kan hier aangeven hoe hoog de plant maximaal mag worden, zodat hij niet het risico loopt dat hij een plant koopt die veel groter wordt dan de bedoeling was. Levensduur plant: - Eenjarig - Tweejarig - Meerjarig - Vast - Overblijvend

12

Uiteraard zijn er heel erg veel verschillende planten. Met deze filter kan de gebruiker kijken wat voor plant hij wil. Wil je een meerjarige nectarplant, kun je beide boxjes aanklikken. Zo zal de website daar naar gaan zoeken. Deze filter voorkomt dat je doelloos rond moet zoeken voor de juiste planten. Soort plant: - Nectarplant - Waardplant - Planten met bloemen - Houtige plant - Bodembedekker Vaak als je een plant wilt voor in je tuin, heb je er een bepaald idee van. Je wilt of de vlinders aantrekken met een nectarplant. Of je wilt een waardplant. Ook heb je een idee van of je een plant met bloemen of zonder bloemen wilt, of dat je de bodem nog bedekt wil hebben met wat leuks. De gebruiker kan dat bij deze filter aanvinken, zodat hij kan zoeken naar de plant die hij graag wil. Bloeiperiode: - Januari - Februari - Maart - April - Mei - Juni - Juli - Augustus - September - Oktober - November - December Stel de gebruiker wil dat de tuin in bloei staat van maart tot en met augustus. Hij moet dan weten wanneer welke bloem bloeit, zodat de tuin kan voldoen aan zijn wensen. Bij deze filter kan hij aanklikken in welke maanden hij bloeiende planten wil hebben en zo zal hij alleen informatie over planten vinden die in die bepaalde maanden bloeien. Bloeikleur: - Roze - Rood - Geel - Wit - Paars - Blauw - Oranje

13

Sommige gebruikers zullen willen dat de bloemen in de tuin bij elkaar kleuren, terwijl het andere gebruikers misschien helemaal niet uitmaakt. De gebruiker kan bij deze filter aangeven welke kleuren hij in zijn tuin wil. Verzorging: - Weinig - Gemiddeld - Veel De ene gebruiker zal meer tijd over hebben voor zijn vlindertuin dan de andere gebruiker. Met deze filter kun je aangeven hoeveel tijd je ongeveer over hebt voor de verzorging van je tuin. Bij het opzetten van de filters en de structuur hiervan heb ik vooral gekeken naar wat het belangrijkste is om allereerst te weten. Je filtert namelijk eerst op de kwaliteiten van je tuin, dus grond en standplaats. Daarna ga je kijken wat voor plant je wilt, wanneer hij moet bloeien en welke kleur hij moet bloeien. Ik heb ook gekeken naar hoe ik ervoor kon zorgen dat de meeste opties openblijven. Wanneer een optie er niet meer is, moet deze grijs kleuren, zodat je hem niet meer aan kunt klikken. Dit om te voorkomen dat er constant ‘geen resultaat’ komt. Ook kan de gebruiker dan zo zoeken dat zijn wensen zoveel mogelijk vervuld worden omdat er zo min mogelijk uitgesloten wordt. Het is de bedoeling dat op de website de 3 belangrijkste filters, dus de grond, standplaats en hoogte van de plant, al open staan. De rest van de filters zijn verborgen. Als je op het plusje links van de filter klikt, opent de filter zich en kan de gebruiker de specificaties selecteren. Uiteraard zal dit te zien zijn op de schetsen voor de scenario’s, zo zal het wat duidelijker zijn.

14

5. Zoektermen Vlinders Vlindertuin Vlindertuinen Vlinderstruik Vlinderplanten Vlinderhuisje Onderhoud vlindertuin Overwinteren vlinders Vlindertuin ontwerpen Ontwerp vlindertuin Zonnige vlindertuin Halfschaduw vlindertuin Schaduw vlindertuin Nectarplant Waardeplant Waardeplant vlinders Buddleja

15

6. Scenario’s 6.1 Scenario 1 Doel: Ik wil een plant in mijn tuin die vlinders aantrekt. De plant moet in de zon kunnen staan. Ook moet de plant in zandgrond kunnen staan. De gebruiker, Terrence, opent de website en komt op de homepage terecht. Hij leest wat informatie/de inleiding op de homepagina. Terrence weet nu dat hij op de goede site is om een plant te vinden die vlinders aantrekt, die ook in de zon zou kunnen staan.

1

2 3 4 5

6 7 8

1, 2, 3, 4, 5 Kun je overheen hoveren. Je krijgt dan een uitklapmenu met verschillende kopjes. Je kunt op deze kopjes drukken en gaat zo door naar de pagina’s. 6, 7, 8 Hier kun je op klikken, dan ga je rechtstreeks naar de pagina’s van copyright & privacy, sitemap, contact. pagina’s van copyright & privacy, sitemap, contact.

16

Hij ziet verschillende subpagina’s staan; ‘Vlinders’, ‘planten’, ‘accessoires’, ‘aan de slag’, ‘contact’. De gebruiker kiest ervoor om naar de pagina ‘planten’ te gaan, omdat hij denkt dat hij daar aan de juiste informatie kan komen. Hij klikt hierop en gaat door naar de ‘planten’ pagina.

10

9

11

12

15

13

14

16

1, 2, 3, 4, 5 Kun je overheen hoveren. Je krijgt dan een uitklapmenu met verschillende kopjes. Je kunt op deze kopjes drukken en gaat zo door naar de pagina’s. 6, 7, 8 Hier kun je op klikken, dan ga je rechtstreeks naar de pagina’s van copyright & privacy, sitemap, contact. 9 Kruimelspoor. Je kunt op elke stap, dus op home, planten, klikken om terug te gaan naar die pagina. 10, 11 Filter. Je kunt de vakjes aanvinken om te filteren. 12 Slider. Je kunt de zwarte balkjes verslepen om aan te geven hoe laag en hoe hoog je plant maximaal mag zijn. 13 Nog meer filters. Deze zijn geminimaliseerd. Als je op de + drukt, komt de filter te voorschijn en kun je voorkeuren aan gaan vinken. 14, 17, 19, 21, 23, 25, 27, 29 Naam plant. Hier kun je op klikken. Je krijgt zo de lightbox met info te zien. 15, 18, 20, 22, 24, 26, 28, 30 Plaatje plant. Klikbaar. Je krijgt zo weer de lightbox met de info te zien. 16 Scrollbar. Hiermee kun je door de site scrollen. Het pijltje naar boven en het pijltje naar onder is klikbaar. Ook is het zwarte balkje te verslepen om te scrollen.

1 2 4 3 5

8 7 6

17

19

21

23

18

20

22

24

26 25

28 27

30 29

17

–Bovenaan kun je specificaties aanvinken. Terrence klikt bij de filter ‘standplaats’ de optie ‘zon’ aan. De website laadt automatisch alle planten die in de zon moeten. Daarna vinkt hij bij de filter ‘grond’ de optie ‘zand’ aan. De website laadt weer automatisch. Nu worden alle planten zichtbaar die in de zon kunnen en die in zandgrond kunnen staan. Een van de suggesties van de website is de ‘Buddleja’, oftewel; ‘De vlinderstruik’.

1, 2, 3, 4, 5 Kun je overheen hoveren. Je krijgt dan een uitklapmenu met verschillende kopjes. Je kunt op deze kopjes drukken en gaat zo door naar de pagina’s. 6, 7, 8 Hier kun je op klikken, dan ga je rechtstreeks naar de pagina’s van copyright & privacy, sitemap, contact. pagina’s van copyright & privacy, sitemap, contact. 9 Kruimelspoor. Je kunt op elke stap, dus op home, planten, klikken om terug te gaan naar die pagina. 10, 11 Filter. Je kunt de vakjes aanvinken om te filteren. 12 Slider. Je kunt de zwarte balkjes verslepen om aan te geven hoe laag en hoe hoog je plant maximaal mag zijn. 13 Nog meer filters. Deze zijn geminimaliseerd. Als je op de + drukt, komt de filter te voorschijn en kun je voorkeuren aan gaan vinken. 14, 17, 19 Naam plant. Hier kun je op klikken. Je krijgt zo de lightbox met info te zien. 15, 18, 20 Plaatje plant. Klikbaar. Je krijgt zo weer de lightbox met de info te zien. 16 Scrollbar. Hiermee kun je door de site scrollen. Het pijltje naar boven en het pijltje naar onder is klikbaar. Ook is het zwarte balkje te verslepen om te scrollen.

1 2 3 4 5

6 7 8

9

10

11

12

13

15 14 16

17

19

18

20

18

Terrence klikt op de vlinderstruik en er verschijnt een lightbox met daarin informatie over de Buddleja. Er staat informatie over de plaats waar de plant moet staan, de grond waar hij in moet staan, de hoogte en de verzorging. Zo kan Terrence bepalen of de plant geschikt is voor zijn tuin.

Wanneer Terrence klaar is met het bekijken van de pagina over de Buddleja, klikt hij rechtsboven in de lightbox op het kruisje. De lightbox sluit zich en Terrence kan verder navigeren door de website.

14

1, 2, 3, 4, 5 Kun je overheen hoveren. Je krijgt dan een uitklapmenu met verschillende kopjes. Je kunt op deze kopjes drukken en gaat zo door naar de pagina’s. 6, 7, 8 Hier kun je op klikken, dan ga je rechtstreeks naar de pagina’s van copyright & privacy, sitemap, contact. pagina’s van copyright & privacy, sitemap, contact. 9, 15 Kruimelspoor. Je kunt op elke stap, dus op home, planten, klikken om terug te gaan naar die pagina. 10, 11 Filter. Je kunt de vakjes aanvinken om te filteren. 12 Slider. Je kunt de zwarte balkjes verslepen om aan te geven hoe laag en hoe hoog je plant maximaal mag zijn. 13 Nog meer filters. Deze zijn geminimaliseerd. Als je op de + drukt, komt de filter te voorschijn en kun je voorkeuren aan gaan vinken. 14 Kruisje. Kun je op klikken om de lightbox te sluiten.

1 2 3 5 4

9

10

11

13

12

6 7 8

15

19

6.2 Scenario 2 Doel: Julia wil de vlinders in haar tuin laten overwinteren. Julia gaat als eerste naar de homepage. Daar leest ze wat informatie/de inleiding en weet nu dat ze op de goede website zit. Ze hovert over de menubalk heen. Er staan verschillende koppen, namelijk: Vlinders, planten, accessoires, aan de slag en contact.

20

Julia begint aan de linkerkant met hoveren en gaat over het kopje ‘vlinders’ heen. Er komt een uitklapmenu met ‘vlinders’ en met ‘overwinteren’.

9

1, 2, 3, 4, 5 Kun je overheen hoveren. Je krijgt dan een uitklapmenu met verschillende kopjes. Je kunt op deze kopjes drukken en gaat zo door naar de pagina’s. 6, 7, 8 Hier kun je op klikken, dan ga je rechtstreeks naar de pagina’s van copyright & privacy, sitemap, contact. pagina’s van copyright & privacy, sitemap, contact. 9, 10 Uitklapmenu met de pagina’s. ( zie 1) Op deze pagina’s kun je klikken (dus op soorten vlinders en overwinteren)

1 2 3 4 5

6 7 8

10

21

Julia klikt op het kopje ‘overwinteren’ in het menu. Ze komt nu op de pagina waar je kunt lezen hoe je een vlinder laat overwinteren. Door de tekst die overzichtelijk is ingedeeld te lezen, komt Julia te weten hoe je vlinders laat overwinteren. Omdat je ook gebruik kunt maken van een vlinderhuisje om de vlinders een beschut plekje te geven, zal er een link staan naar de pagina over vlinderhuisjes (wat onder ‘accessoires’ valt). Zo kan Julia gemakkelijk navigeren tussen verschillende elementen die op elkaar aansluiten als het gaat om het laten overwinteren van vlinders.

13

10

11 12

1, 2, 3, 4, 5 Kun je overheen hoveren. Je krijgt dan een uitklapmenu met verschillende kopjes. Je kunt op deze kopjes drukken en gaat zo door naar de pagina’s. 6, 7, 8 Hier kun je op klikken, dan ga je rechtstreeks naar de pagina’s van copyright & privacy, sitemap, contact. pagina’s van copyright & privacy, sitemap, contact. 9 Kruimelspoor. Je kunt op elke stap, dus op home, planten, klikken om terug te gaan naar die pagina. 10, 11,12 Links naar verschillende planten en andere informatie onderdelen. Je kunt deze dus aanklikken. 13 Link naar de vlinderhuisjes. Kun je aanklikken. Directe verwijzing naar de pagina over vlinderhuisjes.

1 2 3 4 5

6 7

9

8

22

7. Bronnen http://plazilla.com/zelf-een-vlindertuin-maken http://www.vlindertuinen.nl/ http://www.zoekjeplant.be/ http://www.onlinetuinieren.nl/tuinplanten-beplanting/heesters/ligustrum-liguster.html http://www.appeltern.nl/nl/plantenencyclopedie/ http://nl.wikipedia.org/wiki/Dagpauwoog http://nl.wikipedia.org/wiki/Vlinderstruik http://www.plantenencyclopedie.nl/plantengids/crataegus-monogyna.html http://nl.wikipedia.org/wiki/Brandnetel http://nl.wikipedia.org/wiki/Houtige_plant http://wilde-planten.nl/wilde%20liguster.htm http://wilde-planten.nl/wilde%20liguster.htm http://www.tuinkrant.com/plantengids/heesters/2784.htm http://www.mijntuin.org/plants/12-Vlinderstruik# http://plantnu.nl/aubrieta http://nl.wikipedia.org/wiki/Damastbloem http://www.appeltern.nl/nl/plantenencyclopedie/hesperis_matronalis_-_damastbloem/ http://www.drachtplanten.nl/PLD.Fotos/H/Hesperis/Hesperis.htm http://www.groen.net/Article.aspx?id=9673 http://www.vlinderskijken.nl/vlinder_info/master_vl_in_ned.asp http://www.vlinderskijken.nl/vlinder_info/detail_vl_in_ned.asp?VlinderID=2 http://nl.wikipedia.org/wiki/Oranjetipje http://www.vlindernet.nl/vlindersoort.php?vlinderid=1028 http://vlindernet.nl/vlindersoort.php?vq=citroenvlinder&gezocht=1 http://nl.wikipedia.org/wiki/Citroenvlinder http://nl.wikipedia.org/wiki/Kleine_vos http://www.bertpijs.nl/blog/archives/tag/kornoelje http://www.schoonheidvandenatuur.nl/gall http://www.drachtplanten.nl/PLD.Fotos/H/Heptacodium/Plant.htm http://www.tuinadvies.nl/liguster_ligustrum_planten_haag.htm http://hettuincentrum.nl/products/Buddleja-davidii-'Black-Knight'---------.html Literaire bronnen: (Noordhuis, Geïllustreerd tuinplanten encyclopedie, 1995) Afbeelding voorpagina: http://stampkids.punt.nl/_files/2012-10-10/monarchvlinder.jpg Overige bronnen: Docente HRO - Jantien Slob Tuincentrum Voorne B.V. – Eric Tuincentrum Voorne B.V. – Hanna Roskam

23

8. Bijlagen

Schets 1 Sitemap ( op papier )

Schets 2 Sitemap ( op papier )

24

Schets 3 Sitemap ( digitaal ) Schets 4 Sitemap ( digitaal )

25

Schets 5 Sitemap ( digitaal )

26

Schets 1 scenario

Schets 2 scenario