Ontwerp documentatie Informatie Architectuur. Door Sander Smit, Tom Oldenburg, Maurits Meester, Jelle Kok V1-TDI2

Transcriptie

1 Ontwerp documentatie Informatie Architectuur Door Sander Smit, Tom Oldenburg, Maurits Meester, Jelle Kok V1-TDI2

2 Inhoud 1.1 Onderzoek jongerensites... 4 Gogo... 4 Startpagina... 4 Bestemmingspagina...5 Appartementspagina... 6 X-travel...7 Startpagina...7 Bestemmingspagina... 8 Appartementspagina... 9 Husk...10 Startpagina Startpagina Bestemmingspagina...12 Appartementspagina...13 Overeenkomsten en verschillen Moodboard Motivatie keuze voor aparte site Overzicht hoe D-reizen is opgebouwd...15 Indexpagina...15 Resultatenpagina...16 Vakantiepagina Nieuwe organisation schemes...18 Vakanties...18 Vervoer...18 Festiviteiten...19 Services...19 Accommodatie Belangrijkste organisation schemes

3 2.3 Voorstel structuur van de site Eisen D-reizen Onderzoek dopplr.com en Tripit.com Dopplr.com Tripit.com Diagram hoofd- en subgebieden Nieuwe taken en benodigde processen voor jonge gebruiker...27 Nieuwe processen voor gebruiker...27 Splashpage...27 Click en Book Gebruikersdiagram Wireframes Taakverdeling

4 1.1 Onderzoek jongerensites Gogo Startpagina De startpagina biedt direct een goed overzicht van wat aangeboden wordt op de website, de bestemmingen (oranje), hoofdnavigatie(licht blauw) en additionele navigatie (roze). 4

5 Bestemmingspagina Na het kiezen van een bestemming kom je op de bestemmingspagina terecht, naast de eerder genoemde navigatie zie je wat je gekozen hebt (geel), additionele informatie 5

6 over de bestemming en wat er te doen is(oranje), per appartement een korte omschrijving (blauw) en de mogelijkheid om direct te boeken of naar meer info te kijken (roze). Appartementspagina Ook hier weer dezelfde navigatie als in de vorige pagina alleen dan de mogelijkheid om tussen de appartementen te switchen zonder terug te gaan (blauw). 6

7 X-travel Startpagina Ook hier net als bij gogo de standaard navigatie, de bestemmingen (oranje), hoofdnavigatie(licht blauw) en additionele navigatie (roze). Hier wordt nog wel extra nadruk gelegd op de mogelijkheid om campings of actieve vakanties te boeken (iets wat x-travel onderscheidt). 7

8 Bestemmingspagina Na het kiezen van een bestemming kom je op de bestemmingspagina terecht, naast de eerder genoemde navigatie; additionele informatie over de bestemming en wat er te doen is(oranje), per appartement een korte omschrijving (blauw) en de mogelijkheid om direct te boeken of naar meer info te kijken (roze). 8

9 Appartementspagina In principe is dit een diepere laag van de vorige pagina hier is alleen te zien wat je gekozen hebt(geel) en heb je de mogelijkheid om tussen appartementen te switchen zonder terug te gaan (blauw). 9

10 Husk Startpagina 1 Husk is de enige website die onderscheidt maakt tussen groepsreizen (wintersport), wintersport en zomer vakanties (groen), hierbij wordt meteen een groot deel van de wensen afgekadert die de klant heeft. Daarnaast is er additionele info te vinden (roze). 10

11 Startpagina 2 Er is hier gekozen voor het winter gedeelte van de website, in tegenstelling tot andere websites is er meer navigatie en zijn er meer mogelijkheden om ergens te komen. Zo is er de hoofdnavigatie (lichtblauw), mijn husk(geel) met daarin de bekeken vakanties, bestemmingen (oranje) die op twee plekken terug te vinden zijn waarvan één heel visueel en prominent, de aanbiedingen (rood) en additionele informatie (roze). 11

12 Bestemmingspagina In de bestemmingspagina zijn een hoop filters (groen) te vinden, deze moeten de vakantie naar wens op een snelle en gemakkelijke manier vindbaar maken). Ook is te zien waar je op het moment bent doormiddel van korte info (geel). De appartementen 12

13 zijn per deel klikbaar (lichtblauw) en er is een maximaal aantal aan appartementen per pagina waar doorheen genavigeerd kan worden door middel van tabbladen (rood) Appartementspagina Ook hier weer de bekende navigatieonderdelen, korte info over de plek waar je nu bent (geel), navigeren door de appartementen (blauw). De informatie over de bestemming (oranje) is echter hier pas terug te vinden wat bij de andere sites al op de bestemmingspagina te zien was. Ook het nu boeken (roze) is in andere sites eerder aanwezig. 13

14 Overeenkomsten en verschillen Alle websites werken vanuit een bestemming, deze linkt door op appartement waarna er geboekt kan worden. Veel van de sites is vaak het enige onderscheidt tussen elkaar maakt de prijs en de appartementen. Husk is de website die er echt uit springt qua originaliteit, het begint met een splashpage waar gekozen kan worden uit de verschillende soorten vakanties.de mogelijkheden tot navigeren zijn veel gedetailleerder dan de andere websites al komt het wel op hetzelfde neer Bestemming -> appartement -> Boeken. 1.2 Moodboard 1.3 Motivatie keuze voor aparte site Wij kiezen voor een aparte site. Hiermee kunnen wij ons beter richten op de doelgroep door middel van segmentatie en een betere actie portal genereren. De doelgroep kan hierdoor sneller zijn doel bereiken, omdat er al snel een grote hoeveelheid aan vakanties afvalt. 14

15 We hebben een selectie gemaakt van een aantal bestaande sites en zijn tot de conclusie gekomen dat er een aantal zaken vaak terugkeren bij verschillende sites. We willen daarom al deze punten samenbrengen in één site, zodat we alle sterke punten kunnen combineren. Ook maken we binnen de nieuwe site gebruik van nieuwe schemes die meer op de jongere doelgroep gericht zijn en dus de doelgroep beter en persoonlijker aanspreken. Wij proberen op deze manier de gebruiker zo snel en effectief mogelijk zijn doel te laten bereiken. 1.4 Overzicht hoe D-reizen is opgebouwd Indexpagina Op de beginpagina centraal op de site kan je reizen zoeken op bestemmingen en type vakantie. Daaronder staan de laatste aanbiedingen van D-reizen. Bovenaan de site staat een menu met topics. Aan de linkerkant staat ook nog een lijstje met topics. 15

16 Resultatenpagina Op de resultatenpagina kan je filteren op personen, bestemmingen, aantal dagen en vertrekdatum. De resultaten kan je tonen als lijst of fotogalerij. En je kan bepalen op welk onderwerp je sorteert. 16

17 Vakantiepagina Op de vakantiepagina staat informatie over de vakantie inclusief een beoordeling op verschillende onderdelen. Daaronder kan je de prijs samenstellen/aanpassen door verschillende opties te selecteren. Daarnaast kan je via tabs foto s en faciliteiten informatie over de ligging en omgeving bekijken. 17

18 2.1 Nieuwe organisation schemes Zwart = Bestaand Rood = Nieuw Vakanties Subcategorieën: Zonvakanties Wintersport Stedentrips roadtrip vakanties Exacte organisation schemes: geografisch Frankrijk Duitsland Griekenland Italie Spanje Turkije Croatie Exacte organisator schemes: tijd (schoolvakanties) Lente Voorjaarsvakantie Pasen Zomer zomervakantie Herfst Herfstvakantie Winter wintervakantie Vervoer Subcategorieën: Vliegtickets Treintickets Exacte organisation schemes: geografisch Vertrek vanaf Bestemming Exacte organisation schemes: tijd Vertrekdatum Ambiguous organisation schemes: publiek Volwassenen junioren 18

19 Festiviteiten Subcategorieën: Cultuur Ambiguous organisation schemes: publiek Stads feesten Nationale feesten Muziek Exacte organisation schemes: geografisch Strand feesten Indoor feesten Outdoor feesten Tijdsduur Exacte organisator schemes: tijd Week Weekend Dag Services Subcategorieën: Verzekeringen Ambiguous organisation schemes: publiek Voortgezet onderwijs Middelbaar beroeps onderwijs Hoger beroeps onderwijs Kortlopende Doorlopende Parkeer service Ambiguous organisation schemes: topic Safe Parking Service Parking Autohuur Exacte organisation schemes: geografisch Amsterdam Berlijn Bon Brussel Parijs Praag Barcelona Milaan Scooterhuur organisation schemes: geografisch Amsterdam Berlijn Bon Brussel 19

20 Parijs Praag Barcelona Milaan Accommodatie Subcategorieën: Vakantie appartementen Ambiguous organisation schemes: topic Huren via particulier Huren via D-reizen Ambiguous organisation schemes: publiek vakantie appartementen Groepsaccomodaties appartementen Villa s tenten Exacte organisation schemes: geografisch Nederland België Duitsland Frankrijk Spanje 2.2 Belangrijkste organisation schemes Er is gekozen voor een Ambigious organisation scheme. Jongeren hebben sowieso verschillende interesses. Als de reissite geladen wordt, kan men eerst kiezen voor de soort vakantie. Er kan onderscheid gemaakt worden tussen een: Zonvakantie Wintervakantie Stedentrip Weekend weg Mocht de gebruiker een keuze uit deze 4 opties maken, dan vallen er sowieso heel veel andere keuzes af, waardoor de gebruiker meer overzicht heeft en sneller zijn doel kan bereiken. Een taakbalk geeft de gebruiker binnen elke subcategorie de kans om zelf ook te browsen voor vakanties, namelijk op: Land => Regio => Plaats Prijs Vakantieduur / vakantieperiode Populariteit Beste gebruikersreacties 20

21 Standaard is er aan de zijkant van het scherm een balk die leuke bijkomstigheden aangeeft bij de keuze van een land, plaats of onderkomen. Bij een land kan bijvoorbeeld komen te staan: Gemiddelde temperatuur Valuta Taal Bekendste gerecht Nationale feestdagen Kustplaatsen Bij een plaats kan bijvoorbeeld komen te staan: Aantal kroegen en clubs Geboekte vakanties in deze plaats afgelopen maan Gemiddelde prijs voor een biertje Sneeuwdikte in het dal en op de piste Duikmogelijkheden Aantal bezichtiging mogelijkheden Etc. Bij een onderkomen kan bijvoorbeeld komen te staan: Gemiddelde prijs voor een kamer Aantal geboekte vakanties afgelopen maan Gemiddelde cijfer houding eigenaar tegenover toeristen Gemiddelde cijfer onderkomen van boekers Er mag geluid gemaakt worden tot Etc. De gebruiker kan natuurlijk ook een custom vakantie in elkaar zetten, om uiteindelijk tot een x aantal resultaten te komen. Hierbij vult de gebruiker een formulier in. - Aantal personen - Aantal dagen - Datum vertrek - Datum terug - Land - Regio - Plaats - Maximale uitgave per persoon Mocht de gebruiker dit hebben ingevuld, dan kan de database automatisch het aantal vakanties eruit filteren. 2.3 Voorstel structuur van de site 21

22 De website maakt aan het begin meteen een splitsing tussen meerdere doelgroepen, wat willen ze doen? Gebruiker Wat wil je doen? Wintersport Zonvakantie Stedentrip (weekendje weg) Roadtrip Hierna is er al een forse afkadering van hetgeen waar de gebruiker naar op zoek is. Deze afkadering zorgt ervoor om de gebruiker doeltreffender te kunnen voorzien van de gewenste informatie over de bestemming. Op alle 4 de gedeeltes zullen de schemes zoals eerder beschreven terugkomen: Soort vakantie Land Vervoer Services Periode Accomodatie Festiviteiten Na de keuze van het soort vakantie kan er gekozen worden tussen het land en de periode waarin de reiziger wil reizen. De periode wordt gelinkt aan de festiviteiten die op dat moment plaatsvinden in bepaalde landen. En het land linkt weer door naar de festiviteiten in dat land. 22

23 Na een keuze van het land kan er gekozen worden tussen services, vervoer en accommodatie. 2.4 Eisen D-reizen - We willen door middel van aanbiedingen eenvoudig vakanties verkopen - Het zoeken & boeken proces moet verbetert worden specifiek voor jongeren, met name het budget moet belangrijk worden in de keuze bepaling. - Er moet een thematisch aanbod komen van vakanties specifiek voor jongeren, uitgaande van het huidige aanbod van vakanties, vervoer en verblijf. 2.5 Onderzoek dopplr.com en Tripit.com Dopplr.com Op dopplr.com kan je jouw reisplannen delen met andere mensen. Het belangrijkste doel is om vrienden en collega s op de hoogte te houden van je reisgedrag. Het herrinert je er bijvoorbeeld aan welke vrienden en collega s in de plaatsen wonen die je gaat bezoeken. Je kan tips geven over welke plaatsen je bezocht moet hebben en nog veel meer. 23

24 24

25 Tripit.com Tripit maakt een grote samenvatting van de gehele reis die je gaat maken. Het weer, kaarten van plaatsjes, routekaarten, aanbevelingen met betrekking tot bijvoorbeeld restaurants, en notities van andere reizigers. Daarnaast kan je het overzicht aanpassen naar eigen wensen en notities toevoegen. Functies ook voor D-reizen? We denken dat de functies van dopplr.com niet geschikt zijn voor D-reizen.nl. Omdat mensen op D-reizen komen om vakanties, reizen en hotels te boeken en niet om het reisgedrag van vrienden/familie/collega s te aanschouwen. De functies van Tripit zouden wel handig zijn voor D-reizen. Als je bijvoorbeeld een all-inclusive vakantie boekt, zou je dan alle informatie op een rijtje krijgen. 25

26 3.1 Diagram hoofd- en subgebieden 26

27 3.2 Nieuwe taken en benodigde processen voor jonge gebruiker Nieuwe processen voor gebruiker De volgende processen zullen nieuw of verandert zijn voor de gebruiker in tegenstelling tot de huidige site van d-reizen.nl Splashpage Op de beginpagina staat de gebruiker voor een keuze tussen: Wintersport Zonvakantie Stedentrip (weekendje weg) Roadtrip Zoek vakantie Het uitzoeken van een vakantie zal gaan in een stappenplan de keuze begint tussen de keuze tussen land en periode. De periode stelt de gebruiker in staat om evenementen op dat moment in een land te bekijken of de beschikbare landen te kiezen. Na het kiezen van de periode en het land zal de keuze gemaakt worden tussen het vervoer incl. accommodatie en services. Click en Book Door middel van nog geen 5 clicks moet een gebruiker zijn vakantie naar keuze kunnen samenstellen, deze wordt direct gekoppeld aan het bestaande account of een nog te maken account op de website. Waarna de benodigde reisbescheidenen direct naar de gebruiker worden g d. 27

28 3.3 Gebruikersdiagram 28

29 4 Wireframes 29

30 30

31 5 Taakverdeling Opdracht 4 1. Onderzoek jongerenreizen sites (maurits) 2. Maak een moodboard van je doelgroep mbt vakanties. (sander) 3. Motiveer je advies om een aparte site op gaat zetten of het te integreren in de bestaande site (tom) 4. Start met het opzetten en bijhouden van de ontwerp documentatie (Jelle) 5. Maak een overzicht hoe de site is opgebouwd. Loop hiervoor door de site en bekijk hoe deze in verschillende gebieden en hierarchische structuren aangeboden wordt. (sander & jelle) Opdracht 5 1. Bepaal welke nieuwe organisation schemes nodig zijn, en wat daar de invulling van is. Schrijf deze volledig uit. (sander) 2. Bepaal de belangrijkste organisation scheme(s) hoe jullie de jongeren gedeelte/site in gaat richten. Is deze op locatie, taak, publiek, datum, onderwerp?(tom) 3. Maak een voorstel voor de structuur van de uitbreiding/site. Wat zijn de belangrijkste gebieden binnen de site.(maurits) 4. Vertaal de doelstellingen van D-reizen naar eisen. Hou deze in de gaten tijdens het proces.(jelle) 31

32 5. Onderzoek de sites Dopplr.com, Tripit.com om inzicht te krijgen hoe huidige Web2.0 sites omgaan met reizen. Bepaal of deze functies ook voor D-Reizen op zou gaan..(jelle) Opdracht 6 1. Stel een heldere diagram* op die in grote lijnen aangeeft wat de hoofd- en subgebieden zijn binnen de site/uitbreiding, en hoe ze onderling met elkaar in verhouding staan. Denk bij verhoudingen aan bv. de aanbiedingen door de site heen. Zorg waar nodig ook voor toelichting ter ondersteuning. (Jelle) 2. Omschrijf en licht toe wat voor de jonge gebruiker de (nieuwe, verbeterde) taken en benodigde processen die aanwezig zijn in de site/uitbreiding. Denk bv aan het zoeken & boeken van vliegticket, volledige vakantie, hotel etc (maurits) 3. Stel een heldere diagram* op op basis van bovenstaande 2 zaken om inzicht te bieden hoe de gebruikers middels de indeling en processen gebruik kunnen maken van de uitbreiding/site. Een goed voorbeeld wat echter zeer complex is en stylisistisch uitgewerkt is (en niet vereist) is die van Flickr: photos/bryce/ / Gebruik dit als inspiratie, maar zoek je eigen methode om dit helder gecommuniceerd te krijgen. (maurits) 4. Bereid een kleine presentatie voor van enkele minuten waar je volgende week als team je proces tot nu toe toelicht (incl. deze diagrams) en welke keuzes je gemaakt hebt. Zie dit als een presentaie aan de opdrachtgevers! (allen) Opdracht 7 Maak de wireframes van alle gebieden en bijbehorende pagina's (gebied, enkel onderdeel (bv vakantie, verzekering etc.)(sander & tom) Wees volledig: je maakt nu de nieuwe blueprint voor de site. Laat je zaken achterwegen, dan komt dit automatisch terug dmv. fouten of late vragen. (sander & tom) Elk nieuw document of versie moet ook naam, versie nummer, auteur bevatten. Dit ivm. verwijzingen tussen je documenten. Dit is ook belangrijk bij de verdeling van het werk binnen je team. (sander & tom) Beschrijf waar nodig de onderdelen in de wireframes. Hierdoor voorkom je onduidelijkheden, en bied het ook voor anderen een interpretatie mogelijkheid(sander & tom) 32