~DESIGN DOCUMENT~

Homepage...

Hier zie je de homepage waar de gebruiker op komt als de gebruiker de website van Travellu bezoekt. De gebruiker ziet links bovenin het logo van Travellu en de  slogan van Travellu, waardoor de gebruiker weet dat dit een reis site is.
Verder ziet de gebruiker een horizontale navigatie bovenin onder het logo. Met hierin de punten die in de site worden besproken. Onder deze navigatie begint de homepagina echt. De gebruiker wordt door de grote afbeelding van één reis geïnspireerd Deze afbeelding kan veranderen als de gebruiker de pagina opnieuw opent. Naast deze afbeelding staat de kaart van Afrika het land waarin Travellu zijn reizen aanbied. Als de gebruiker hier op klikt komt hij op een pagina met meer informatie over Travellu.

 

Verder staat er meer informatie over de community en Travellu zelf. Als de gebruiker op een van deze knoppen met de tekst lees meer klikt, komt hij op een pagina waar hij meer kan lezen over het aangeklikt onderwerp. Ook staat er een afbeelding van de planner. Het bbelangrijkstedeel van de site. Deze moet de gebruiker activeren om een reis te boeken. Als de gebruiker hier dan ook op druk gaat hij naar de planner toe en kan hij zijn reis gaan plannen. Ook is de pagina, waar de gebruiker is, in de navigatie een andere kleur.

​

Stap 0...

Als de gebruiker op de planner heeft geklikt in de navigatie of op de afbeelding komt hij hier. Hier kan de gebruiker zijn aantal weken en personen aangeven via een schuifbalk. De gebruiker kan maximaal 13 weken en minimaal twee weken gaan.Ook kan hij maximaal 10 personen en zichzelf meenemen en minimaal alleen gaan.

 

Verder kan hij hier zijn heen en terugreis plannen. Dit wordt gedaan door middel van dropdown menu’s. Als de gebruiker dit allemaal heeft ingevuld kan het plannen van de reis gaan beginnen.

 

Deze informatie komt onderin de pagina te staan bij de planner.

​

Stap 1...

Dit is wat de gebruiker ziet als hij van het vorige scherm komt. Nu blijft hij in dit scherm totdat hij zijn hele reis heeft geplant. Hier ziet de gebruiker verschillende activiteiten die hij kan ondernemen. Als de gebruiker op de pijl drukt ziet hij meer activiteiten. De activiteiten die de gebruiker ziet zijn alleen voor de tijd die hij daar is een voor het aantal weken die hij gekozen heeft. Dit zodat Travellu zeker kan zeggen dat deze activiteiten uitgevoerd kunnen worden.
Verder ziet de gebruiker onderin het gekozen weken, personen, heen en terugreis.
Doordat de vakken de zelfde kleur en grote hebben lijkt het of ze bij elkaar horen. Daar heb ik bewust voor gekozen zo kan de gebruiker zien dat, dat allemaal activiteiten zijn die hij kan kiezen.

 

Stap 2...

Dit is de tweede stap. Als de gebruiker over de activiteit gaat met zijn muis dan verschijnt er meer informatie. Ook kan de gebruiker hier lezen wat andere er van vonden. Verder zijn er nog foto’s te zien. Met de pijltjes kan de gebruiker scrollen tussen alle informatie, ervaringen en foto’s van anderen. Zodat de gebruiker alle informatie kan lezen, maar de pagina niet onoverzichtelijk wordt.

 

Als de gebruiker meer wil lezen over wat andere hebben gezegd kan hij op de afbeelding klikken en krijgt hij hem of haar pagina te zien.

​

Hier heb je een vlak dat meer opvalt. Dit doordat de activiteiten op de achtergrond donkerder zijn geworden. Ook is het nu duidelijk dat het om dat ene activiteit gaat. Nu horen ze niet meer bij elkaar.

 

Stap 3...

De derde stap. Als de gebruiker er op klikt. Dan wordt het vakje geel en kan de gebruiker deze naar onderen slepen. Waar de tekst sleep hier je activiteit heen komt te staan. Zodat het voor de gebruiker duidelijk is om deze naar de tijdlijn te slepen.

 

Hier is de achtergrond gekleurd van het vlak zodat de gebruiker kan zien dat hij deze heeft aangeklikt en vast heeft met zijn muis. Ook nu hoort hij niet meer bij de rest.

​

Stap 4...

 

Hier zie je dat de gebruiker deze activiteit naar de tijdlijn kan slepen. En dan de andere activiteiten door schuiven. Er worden door Travellu maar een bepaalt aantal activiteiten aangeboden. Zodat de gebruiker niet eindeloos door moet zoeken naar alle activiteiten. Er worden wel steeds andere reizen aangeboden. Dit verschilt per seizoen of per jaar. Dit, omdat er verschillende projecten zijn die op een bepaalde tijd beginnen en eindigen.
Er wordt altijd een totaal van maximaal 20 aangeboden.

 

Stap 5...

 

Dit is de laatste stap hier heeft de gebruiker de activiteit naar de tijdlijn gesleept. Nu staat er bij de activiteiten weer een andere bij. Ook is zijn er een paar zwart geworden dit, omdat deze activiteit te lang gaat duren en je daar geen tijd meer voor zal hebben. Verder kan de gebruiker de activiteit aanpassen, hij kan verslepen naar later in de tijd of juist aan het begin, als hij dat zou willen. Verder kan hij de activiteit eruit slepen om de activiteit uit de tijdlijn te halen. Hierom blijven alle activiteiten staan en worden ze donker als je ze niet meer kan inplannen, zodat de gebruiker wel kan zien wat er allemaal kan.

​

Onder de tijdlijn staat nu ook de prijs tot nu toe. De heen en terug reis worden door Travellu geregeld.
Doordat de activiteit zwart is gekeurd kan de gebruiker hem niet meer gebruiken. Het is ook duidelijk voor de gebruiker, omdat hij anders is dan de rest. Hij past niet meer bij de andere activiteiten.
De gekozen activiteit is naar de tijdlijn verplaatst. Maar deze is ook van kleur verandert. Zodat de gebruiker nu snapt dat hij in de tijdlijn is geplaatst. De gebruiker heeft nog wel de mogelijkheid om deze activiteit te verplaatsen of te verwijderen uit de tijdlijn.