Navigation & structure
Eindopdracht tuinsite Naam: Joost Lemm Klas: Cmd1B Datum: 31-‐3-‐2014 Versienummer: 1e versie Studentenummer: 0866922 Lerares: Margina Poelman
Inhoudsopgave Inleiding ............................................................................................................................... 3 Beschrijving van type tuin en gebruiker ................................................................... 4 Gebruikersprofiel ............................................................................................................. 6 Sitemap ................................................................................................................................. 7 Doelen van gebruiker ...................................................................................................... 8 Scenario’s ............................................................................................................................. 9 Scenario 1 ..................................................................................................................................... 9 Scenario 2 ................................................................................................................................... 12 Filters .................................................................................................................................. 15 Andere tuinen ........................................................................................................................... 15 Planten filters ............................................................................................................................ 17 Design rationale .............................................................................................................. 19 Bronnen .............................................................................................................................. 20
2
Inleiding
Voor de tweede periode van het vak interaction design hebben wij de opdracht gekregen een website te maken die een tuin beschrijft. Deze site zullen wij goed moeten structureren en een goede interface maken zodat de gebruiker de site goed kan gebruiken. Allereerst zal ik beginnen met het doen van onderzoek naar de gebruiker en het soort tuin. De gebruiker zal ik onderzoeken naar de activiteiten die hij graag/vaak doet en wat hij van de site verwacht.
Na het onderzoek zal ik de verkregen informatie gaan verwerken. Ik zal beginnen met een ontwerp van de interface van de website. Ook zal ik een sitemap maken om de structuur van de site aan te geven.
3
Beschrijving van type tuin en gebruiker
Mijn tuin zal een Marokkaanse tuin worden. Een Marokkaanse tuin zal zijn om lekker in te ontspannen. Een terras voor de kinderen om ’s middags lekker op te spellen en om ’s avonds gezellig op te eten met vrienden. Er zullen veel vruchten en kruiden groeien, je verse munt pluk je zo uit de tuin. Ook zal er veel munt, rozemarijn en zelfs een vijgenboom staan. Hierdoor zal het ook lekker fris ruiken in de tuin. In het midden van de tuin zal een mooie kleine vijver komen en de planten zullen speels over het terras heen groeien. De tuin zal uit mooie heldere kleuren bestaan voornamelijk een diep blauwe kleur. Dit geeft een heel fijn gevoel en zeker voor de oudere Marokkaan die naar Nederland verhuist is een heerlijk thuis gevoel. De tuin zal dus zowel een praktisch als esthetisch doel hebben. Je kan lekker eten uit de tuin maar er zullen ook specifieke type bloemen en planten voorkomen. De gebruiker krijgt een tuin waarbij hij zich thuis zal voelen en op zijn gemak. Deze tuin zal vooral voor Marokkaanse mensen zijn die uit hun eigen land zijn vertrokken om hier te werken. Nu ze hier al jaren wonen willen ze eigenlijk niet meer terug naar Marokko. Op deze manier kunnen ze Marokko toch naar zich te halen. De tuin heeft een culturele rol omdat het twee culturen bij elkaar trekt, de Marokkaanse en de Nederlandse. De gebruiker houdt ervan om gezellig met zijn vrienden te kletsen na een lange dag werken. Tijdens het praten drinkt hij graag een kopje munt-‐thee, de verse munt plukt hij dan vers uit zijn tuin. Als zijn vrienden langer willen blijven en ook willen blijven eten dan kookt hij graag voor ze. Bij het koken gebruikt hij het liefste verse producten. De gebruiker heeft geen groene handen dus het onderhouden van de kruiden is voor hem meer dan genoeg. De rest van de tuin zal hij dus inrichten met makkelijk te onderhouden planten. De gebruiker heeft een grote vijgenboom in de tuin waar hij in september verse vijgen van kan plukken. Verder heeft de gebruiker veel cactussen in zijn tuin, deze vergen weinig tot geen onderhoudt. De gebruiker ervaart de handelingen als leuk omdat hij van de gekweekte kruiden gebruik kan maken in zijn keuken. Hierdoor heeft hij het gevoel dat zijn onderhoudswerk niet voor niks is geweest. Aan de planten in de tuin heeft hij weinig tot geen
4
onderhoudt, dit vindt hij erg prettig. Voor de handelingen die de gebruiker moet verrichten zijn weinig vaardigheden vereist na het lezen van de informatie op de verpakking van de planten weet hij genoeg om ze te kunnen onderhouden. De gebruiker heeft voor het onderhoud niet veel producten nodig. Hij zal elk jaar wat nieuwe aarde in zijn plantenbakken moeten doen om de kruiden optimaal te laten groeien. Verder hebben de kruiden vooral veel zon en water nodig. Om de kruiden te zaaien heeft hij een schepje nodig. Om het terras goed schoon te houden heeft hij een bezem en stoffer en blik nodig. De kennis die de gebruiker nodig heeft om zijn tuin succesvol te onderhouden is een kalender waarop staat wanneer wat kan worden geoogst. Als hij deze kalender goed in de gaten houdt zal het geen probleem zijn om zijn tuin goed te onderhouden en op tijd te oogsten. De tuin heeft een kleine beschikbare ruimte omdat deze zich bevindt in Rotterdam-‐noord. Hier is de grond erg duur en hij heeft hierdoor geen grote tuin. Het Nederlandse klimaat is een gematigd zeeklimaat dit houdt in dat het erg wisselvallig weer is. De tuin van de gebruiker staat op het zuiden hierdoor zal er veel zon zijn in de tuin. Omdat er veel zon zal zijn in de tuin zullen de planten en kruiden goed groeien hierdoor zal er iets meer onderhoud nodig zijn. Dit komt doordat door de zon onkruid ook beter groeit. De tuin zal een kleine vijver met Fontein krijgen deze zal in de winter moeten worden uitgezet ivm vorstschade. De tuin is bedoelt voor jong en oud er kan worden gespeeld maar ook lekker ontspannen worden gezeten. In de tuin zal geen rekening kunnen worden gehouden met invaliden omdat de grond in Rotterdam-‐noord erg stevig zakt zal er een trapje zijn om de tuin binnen te komen. De tuin zal hierdoor niet rolstoeltoegankelijk worden.
5
Gebruikersprofiel
• • • • • • • • • • • • • • • • • • • • • • • • • •
Achmed Hoe ervaren is hij met tuinieren. Wat weet hij nog uit zijn jeugd? 62 jaar Marokkaans/Nederlands Woonachtig in Rotterdam Geboren in Marakesh Verhuisd naar Nederland 25 jaar geleden. Is vaak aan het werk omdat hij zijn familie geld op stuurt Eet het liefste gerechten uit Marokko Wil zo normaal mogelijk leven Wil niet opvallen en rustig zijn leven lijden Heeft weinig kennis van tuinieren Gebruikt het internet om dingen op te zoeken om te koken Gebruikt Skype om videocontact te hebben met zijn familie Zijn zoon helpt hem met de computer Hij beschikt over een desktop Woont in een sociale huurwoning in Rotterdam-‐noord Heeft een tuin op het zuiden Geen opleiding Spreekt de Nederlandse taal niet goed Werkt als schoonmaker op de Universiteit Wil een Marokkaanse tuin waarin hij zich thuis kan voelen 4 kinderen waarvan er 1 in Nederland woont (2 in Marokko en 1 in Spanje) Kan goed met mensen omgaan Leukste vakantie: Terug naar zijn huis in Marokko en zijn reis naar Mekka Vrijetijdsbesteding: Koken, tv kijken met vrienden, naar de voetbal van zijn zoon.
6
Sitemap
7
Doelen van gebruiker
Achmed is 62 jaar oud en woont in een sociale huurwoning in Rotterdam-‐noord. Hij heeft een klein tuintje op het zuiden. Hij wil graag een mooie Marokkaanse tuin waarin hij zich thuis kan voelen.
De gebruiker komt op mijn website als hij meer wilt weten over een Marokkaanse tuin, deze zelf wil aanleggen of wil weten hoe hij deze moet onderhouden. Doel 1: De gebruiker zoekt naar typisch Marokkaanse planten en kruiden. Hij bezoekt mijn site om er zo achter te komen welke planten geschikt zijn om in Nederland groeien en welke wat voor onderhoud nodig hebben. Doel 2: De gebruiker heeft een nieuw huisje gekocht met een lege tuin. Deze wil hij zo eigen mogelijk maken maar weet niet waar hij moet beginnen. Hij bezoekt mijn site om informatie op te zoeken, andere tuinen te bekijken en tips te lezen.
8
Scenario’s Scenario 1 Wat zijn typisch Marokkaanse planten? Achmed is 62 jaar en wil graag een Marokkaanse tuin gaan maken. Hij zou graag willen weten wat typisch Marokkaanse planten zijn voor in zijn tuin. Achmed gaat zoeken op internet naar Marokkaanse planten. Hij komt op de site die speciaal is gemaakt voor het maken van Marokkaanse tuinen. Hij begint in het menu “home”. Hier staan 3 mogelijkheden om verder te zoeken inrichting, planten en indeling. Omdat hij naar planten zoekt klikt hij op planten. Hier krijgt hij twee mogelijkheden, kruiden en soorten planten. Hij is opzoek naar soorten planten dus hij klikt hierop. Nu komt hij op een pagina met een lijst met allerlei soorten Marokkaanse planten. Hij vindt hier veel soorten planten die voorkomen in Marokko maar ook goed groeien in Nederland. Dit vindt hij erg handig omdat hij zelf al veel planten in zijn hoofd had zitten die hij kent uit de tijd dat hij woonde in Marokko. De meeste van deze planten groeien namelijk niet goed in Nederland. Door de site komt hij erachter welke planten hij wel of niet kan gebruiken. Op de site staat ook hoe hij de planten moet onderhouden en waar hij ze kan kopen. Hierdoor kan hij direct aan de slag. Een andere mogelijkheid voor hem was om in het kopje “zoeken” planten in te typen dan kwam hij ook in dit menu terecht. (groen)
9
Homepage ! Achmed klikt op het middelste kopje “Planten”.
Planten ! Achmed klikt op het middelste kopje “soorten planten”.
10
Soorten planten ! Achmed is het kopje soorten planten en kan vanaf hier verder zoeken naar de planten die hij in zijn tuin wilt hebben.
11
Scenario 2 Zijn er ook andere in mijn buurt met zo’n tuin waarbij ik kan kijken hoe zij dit gedaan hebben. Achmed zou graag bij andere mensen willen kijken hoe zij hun tuin hebben gemaakt. Hij zou graag persoonlijk langsgaan, zo kan hij ook wat vragen stellen. Achmed heeft al veel plannen maar wil graag zien of er mensen in de buurt zijn die ook een Marokkaanse tuin hebben. Om hierachter te komen gaat hij naar de site waar andere mensen hebben aangegeven waar zij wonen en hoe hun tuin eruit ziet. Hij gaat naar de homepage van de site. Hier staat een kopje inloggen. Door in te loggen kan hij opgeven dat hij interesse heeft om een andere Marokkaanse tuin te bekijken. Na het inloggen en aangeven van zijn interesse komt hij op de pagina van “andere tuinen”. Hier staan andere mensen aangegeven met foto’s van hun tuin. Doordat hij ingelogd is krijgt hij automatisch de gegevens van de andere tuineigenaren te zien. Via het email adres dat bij de tuin en adres wordt aangegeven stuurt hij een mailtje om langs te mogen komen. Dit doet hij naar meerdere mensen in de buurt om zo een goede indruk te krijgen van de verschillende Marokkaanse tuinen in de buurt. Hij zou ook via home!indeling!andere tuinen in hetzelfde menu kunnen komen of via zoeken. Bij andere tuinen zal altijd om inloggen worden gevraagd om zo de contactgegevens van de bezoekers te beschermen. (groen)
12
Homepage ! Achmed klikt op inloggen
Inloggen ! Achmed vult zijn inloggegevens in en zijn kenmerken die hij zoekt in een tuin.
13
Andere tuinen ! Hij komt in het gedeelte met andere tuinen hij kan hier rondzoeken naar tuinen waar hij graag gaat kijken. Als hij bij resultaten een uitzoek komt hij op de volgende pagina terecht met voorbeelden.
Andere tuinen ! Hier is een plattegrond van een tuin te vinden
14
Filters
Mijn site zal bestaan uit dynamische-‐ en statische context. De dynamische context zullen de tuinen van de gebruikers zijn, deze kunnen elke dag worden aangepast en veranderen hierdoor continu. De statische context op mijn site zullen de planten en onderhoud methodes voor de planten zijn. Deze planten en onderhoud methodes veranderen niet tot nauwelijks. Deze informatie zal alleen veranderen als er nieuwe feiten aan het ligt worden gebracht wat beter is voor een plant.
Andere tuinen Bij “andere tuinen” zal ik meerdere filters toevoegen. Hier zal ik de filter afstand tot elkaar toevoegen. Zo kan je een maximale afstand aangeven die je wilt reizen. Ook zal ik hier een filter toevoegen waarin de grootte van de tuin aangegeven kan worden. Zo kan je filteren op de grootte van jouw tuin en zo een beter beeld krijgen.
Facet Afstand
Km
Slider
Grootte
0 – 100m2
Slider
Kleur planten
Kleurenpalet
slider
Plaatsing
Zon, Schaduw, half-‐schaduw Boom, struik, bloemen, zaden Ja/nee
Dropdown
Soort Fontein
Waarden Manier van aanbieden
Aanvink menu Dropdown
Waarom? De gebruiker wilt al hij een tuin van iemand anders gaat bezoeken weten hoe ver dit weg is. De gebruiker wilt weten hoe groot de tuin is van de ander zodat hij dezelfde grootte als hijzelf heeft kan uitzoeken en zo een beter beeld kan krijgen. De gebruiker wilt dat de kleuren in zijn tuin goed bij elkaar passen. De gebruiker kan zo aangeven wat voor tuin hij heeft en hier zijn platen op aanpassen. De gebruiker kan zo aangeven wat voor soort plant of boom hij wilt hebben. Hier kan de gebruiker aangeven of hij een tuin met fontein zou willen.
15
Voorbeeld van de filters op de andere tuinen pagina.
16
Planten filters De filters die ik ga gebruiken in mijn site zijn bij “ soorten planten”, datum/tijd. Bij de planten is het belangrijk om te weten wanneer zij het best groeien. Ik zal bij de planten een filter toepassen die de 4 jaargetijden scheid zo weet je welke plant je moet planten om bijvoorbeeld in de winter ook een groene tuin te hebben. Ook zal ik hier een filter toepassen voor de soorten planten zoals bomen, struiken of bloemen. Bij “soorten planten” zal ik ook een prijs filter toevoegen, voor veel mensen die niet veel te besteden hebben is het handig om zo een goedkopere plant te selecteren. Een Geografische filter zal ik hier ook instaleren, hieraan kan je zien uit welke streek de plant komt. Omdat er af en toe ook niet Marokkaanse planten tussen zullen zitten die wel een Marokkaans uiterlijk hebben kan je dan toch zien waar ze vandaan komen of deze er helemaal uit filteren.
Facet
Waarden Manier van aanbieden
Jaargetijde
Kwartaal
Dropdown
Grootte
0 – 4 meter
Slider
Kleur
Kleurenpalet
slider
Plaatsing
Zon, Schaduw, half-‐schaduw Soort Boom, struik, bloemen, zaden Geografisch Europa, Azie, Afrika, Australie, Amerika Prijs €0 -‐ €1000
Dropdown Dropdown Dropdown
Slider
Waarom? De gebruiker wilt dat zijn tuin er het hele jaar goed uitziet. De gebruiker wilt een niet al te grootte plant in zijn tuin als hij een kleine tuin hebben. De gebruiker wilt dat de kleuren in zijn tuin goed bij elkaar passen. De gebruiker kan zo aangeven wat voor tuin hij heeft en hier zijn platen op aanpassen. De gebruiker kan zo aangeven wat voor soort plant of boom hij wilt hebben. De gebruiker wilt weten waar de planten vandaan komen. De gebruiker wilt graag een prijs weten om voor als hij minder te besteden heeft om toch een goede keuze te kunnen maken.
17
Voorbeeld van de filters op de andere soorten planten pagina.
18
Design rationale
Uit mijn onderzoek is gebleken is dat de doelgroep, oudere Marokkaanse mannen die naar Nederland zijn verhuisd voor hun werk, een thuisgevoel krijgt van een Marokkaanse tuin. Tijdens het onderzoek ben ik erachter gekomen dat zij niet heel goed overweg kunnen met de computer. Wel hebben zij vaak kinderen die hun hiermee kunnen helpen. Hiervoor wilde ik de site dus zo simpel en overzichtelijk mogelijk maken. Op de voorpagina heb ik daarom alleen gebruik gemaakt van grote overzichtelijke koppen met weinig tekst en een grote afbeelding (1). Hierdoor is direct duidelijk wat bedoeld wordt en waar de gebruiker gaat komen als hij hierop klikt. Ook staan de drie grote menu’s die op de eerste pagina staan op elke pagina, ze zijn van een eigen kleur voorzien zodat
ze altijd duidelijk zichtbaar zijn en er een goed onderscheid ontstaat(2). Rechts boven staat ook altijd drie menu’s deze komen ook altijd op elke pagina voor(3). Via deze kop contact kun je altijd vragen stellen, dit stellen mensen op prijs omdat zo iets te weten kunnen komen door een simpele mail te sturen. Het belangrijkste zijn de drie grote koppen met “inrichting”, “planten” en “voorbeeld tuinen”. Uit mijn onderzoek is gebleken dat deze onderwerpen het belangrijkste worden gezien in het ontwerp van een tuin. Mensen willen graag producten en planten zien die zijn in hun tuin kunnen plaatsen. Dit kunnen zij vinden onder de koppen inrichting en planten. Zij zien ook graag andere tuinen of voorbeelden zodat ze alvast een beeld kunnen vormen. Dit vinden zij onder de kop “voorbeeld tuinen”. Per categorie zal er dus een onderscheid worden gemaakt waardoor je duidelijk je weg kan vinden op de site. Het is direct duidelijk wat de belangrijkste onderwerpen zijn en hieruit kan je verder gaan. Onder inrichting valt bijvoorbeeld stoelen/banken, plantenbakken, fontein en tegels. Hierbij is het ook direct duidelijk waar het over gaat en hierdoor blijft de navigatie zo kort mogelijk. Ik kwam erachter als ik alles samen zou voegen het veel moeilijker zou worden om te vinden omdat ik dan meer filters moest toepassen en het hierdoor heel onoverzichtelijk zou worden. Door iets meer stappen te maken is het toch makkelijker te vinden.
19
Bronnen
James M. Boekbinder, Jantien Slob (2014-‐2015) basiscursus interaction design, hogeschool Rotterdam: team interaction design 2014-‐2015 http://www.allesoverhuisentuin.nl/idee/marokkaanse-‐tuin-‐afrikaanse-‐tips-‐ ideeen-‐advies-‐aanleg-‐inrichting/1687 http://www.intratuin.nl http://www.klimaatinfo.nl/nederland/ http://www.hoogeveen.groei.nl/index.php?id=9893
20
