Travellu Design document Naam: Studentnummer: Docent: Klas: Datum: School:
Stijn Schouten 503835 Elisa van Tuijl LB VSD Maart 2014 HAN Design document / Stijn Schouten / VSD LB
Inhoudsopgave 2
Inleiding Opdracht Concept Homepage Zoek & boek Reisplanner #1 Reisplanner #2 Reisplanner #3 Reisplanner #4 Reisplanner #5 Reisplanner #6 Community Applicatie Contact Reflectie Feedback lerares
3 4 5 6 8 10 12 14 16 18 20 22 24 26 28 29
Design document / Stijn Schouten / VSD LB
u
Inleiding In dit document worden de uiteindelijke ontwerpen van de Travellu website besproken en behandeld. De belangrijkste schermen van Travellu komen hierin voor. Het gaat dan om de schermen; Reisplanner, Home, Zoek & boek, Community en mobile. De ontwerpen zijn allemaal naar aanleiding van de Design Study gemaakt. Ook zijn de onderzoeken die in voorgaande documenten gedaan zijn meegenomen in de ontwerpen. Zo moet Travellu een vriend uitstralen, en altijd beschikbaar voor je zijn.
Design document / Stijn Schouten / VSD LB
3
Opdracht 4
De aanleiding van de nieuwe website van Travellu is natuurlijk dat ze meer willen zijn dan een normale reisorganisatie. Het boeken van een reis staat dus niet meer centraal, Travellu wil een community worden waar reizigers inspiratie opdoen, en ook anderen inspireren. Het probleem waar Travellu dus mee zit is dus gecompliceerd. Travellu wil namelijk heel veel functies in ĂŠĂŠn website integreren. Waar nog meer mee rekening gehouden is, zijn de aspecten die voor Travellu erg belangrijk zijn als het om een backpacking site gaat. Het fair-travel aspect is daarom lang en breed onderzocht in zowel het Research & concept document, als de Design study. In dit document komen alle voorgaande onderzoeken bij elkaar.
Design document / Stijn Schouten / VSD LB
Concept Het idee voor Travellu is dat de gebruiker Travellu kan zien als zijn vriendengroep, zij zijn er altijd wanneer je ze nodig hebt. Je kunt alles bij ze kwijt. Je kunt ze om advies vragen, en als je verdwaald bent kun je ze raadplegen om je uit de brand te helpen. Ik ga dan ook in de Design Study onderzoeken hoe deze websites in elkaar zijn gezet en wat voor functionaliteiten ze gebruiken. Wanneer reizigers eigen blogs hebben en bepaalde blogposts, kan daarop gereageerd worden. Hoe vaker iemand reageerd met zijn account op een andere blog, des te meer punten krijgt deze reiziger. Er gaat een soort van rankingsysteem komen waarmee de verschillende communityleden elkaar kunnen onderscheiden. De ervaren backpackers kunnen hierdoor meer geneigd worden om een vraag te beantwoorden van een onervaren backpacker. Op deze manier kan er een grote community geschept worden. De merkwaarden van Travellu zullen in de soort reizen en vormgeving van de website zijn terug te vinden.
Design document / Stijn Schouten / VSD LB
5
Homepage
6
Design document / Stijn Schouten / VSD LB
Uitleg Dit is de homepagina van Travellu. Het kleurenpalet wat ik in de design study had onderzocht, was uiteindelijk toch niet de beste manier van aanpak. Ik kwam er namelijk achter dat deze drie kleuren de vlag van Ierland representeren. Aangezien dat nogal gevaarlijk is om te doen heb ik ervoor gekozen de kleur oranje er toch maar te laten voor wat het was. Aan de linkerkant is de navigatie te zien van Travellu, hiervoor heb ik ook gekozen omdat mensen in een F-vorm naar het beeldscherm kijken. Daarom heb ik de navigatie aan de linkerkant van het scherm gestationeerd. Bij de home-knop is een stukje met tekst geschreven die over Travellu gaat, wat ze zijn en wat ze de mensen te bieden hebben. De gebruiker krijgt ook al meteen de kans om in te loggen, of te registreren, zodat hij/ zij op de website van Travellu andere mensen kan inspireren met zijn/haar blog. Ook is de uitstraling erg duurzaam, wat ik in het Research & concept document ook heb behandeld, dit is 1 van de merkwaarden. De kleuren komen overeen met een rustige natuurlijke sfeer.
Design document / Stijn Schouten / VSD LB
7
Zoek & boek
8
Design document / Stijn Schouten / VSD LB
Uitleg Dit is de zoek & boek pagina van Travellu. Ik heb hier gekozen voor een erg simplistische aanpak, aangezien mensen niet graag te lang willen blijven hangen bij dit soort functionaliteiten. Om de usability zo gebruiksvriendelijk als mogelijk te houden heb ik gekozen voor deze aanpak. De gebruiker hoeft alleen aan te geven waar hij naartoe wil, vanaf waar hij wil reizen, vertrekdatum en aankomst en het aantal kinderen/volwassenen. De segmentatie die lang en breed besproken is in mijn design study wordt hier ook op toe gepast, het gaat dan om Avontuur, Relaxend en Sociaal. Aangezien dit de drie doelgroepsegmentaties zijn die door onderzoek zijn onderbouwd. Omdat de gebruiker altijd op dezelfde pagina blijft, maar de site zelf veranderd door middel van lagen, wordt aangegeven met gedraaide vierkanten aan het einde van de navigatie.
Design document / Stijn Schouten / VSD LB
9
Reisplanner #1
10
Design document / Stijn Schouten / VSD LB
Uitleg Dit is de reisplanner van Travellu. Het is een reisplanner die door middel van klikken, de gebruiker naar de volgende stap loodst. De ervaring moet met deze reisplanner rijker zijn, dan die van de concurrenten. De concurrenten gebruiken namelijk niet zo’n functionaliteit. Door middel van een tekst onder de reisplanner krijgt de gebruiker alle informatie die hij/zij nodig heeft om alle stappen te voltooien. Er wordt hier gesegmenteerd op Avontuur, Relaxen en Sociaal, aangezien dus door het segmentatie onderzoek gebleken is dat backpackers zijn onder te verdelen in drie groepen. Voor de volgende stap hebben we het kopje “Avontuur” gekozen om de volgende segmentatie stap in te gaan.
Design document / Stijn Schouten / VSD LB
11
Reisplanner #2
12
Design document / Stijn Schouten / VSD LB
Uitleg Bij de volgende stap in de reisplanner krijgt de gebruiker de mogelijkheid om zijn reisgezelschap te selecteren, om ervoor te zorgen dat de reizen die de gebruiker kiest, ook daadwerkelijk passen bij het gezelschap. Zo kan een reis geweldig zijn voor een groep, maar had een koppel wat dezelfde reis zag liever iets anders gehad. Dit is dus om ervoor te zorgen dat de verschillende gezelschappen geen reizen krijgen die ze eigenlijk helemaal niet willen. De gebruiker krijgt verder ook nog een mogelijkheid om de topreizen te bekijken. Om ervoor te zorgen dat de volgorde logisch blijft in de reisplanner wordt hier voor het vervolgscherm “Solo� gekozen.
Design document / Stijn Schouten / VSD LB
13
Reisplanner #3
14
Design document / Stijn Schouten / VSD LB
Uitleg Bij deze stap kan de gebruiker een continent op de wereld kiezen waar hij/zij wil backpacken. De continenten zijn door middel van pop-upjes aangegeven, met de namen erbij. De keuze in landen is gekozen omdat het een makkelijke manier is van kiezen. De gebruiker hoeft niet zelf te bedenken waar hij naartoe wilt, en dan typen in een zoekbalk, maar kan gewoon aanklikken welk continent hij wil bekijken. De gebruiker kan ook nog terug met de x knop linksbovenaan het scherm met de landen. Voor de volgende stap kiest de gebruiker het continent Australia.
Design document / Stijn Schouten / VSD LB
15
Reisplanner #4
16
Design document / Stijn Schouten / VSD LB
Uitleg Bij deze stap kan de gebruiker een plek aankiezen in Australia. De gebruiker kan hier zijn stratpunt van het backpackreizen kiezen door middel van klikken op 1 van de 4 plekken. En kan natuurlijk ook terug met de terugknop. Voor het gemak is de volgende stap gemaakt voor backpackreizen rondom Adelaide. En kiest de gebruiker dus het linkje “Adelaide�.
Design document / Stijn Schouten / VSD LB
17
Reisplanner #5
18
Design document / Stijn Schouten / VSD LB
Uitleg Bij deze stap kan de gebruiker een gebied kiezen in Australia. Er komen dan verschillende backpackvakanties in het scherm schuiven, waardoor het land wat kleiner wordt en naar links schuift. Hier kan de gebruiker zien wat voor soorten vakanties hier te boeken zijn die allemaal met avontuur te maken hebben. Verder staan alle prijzen en staat het aantal dagen dat de vakantie duurt er ook bij. Ook staat er een community-cijfer bij. Dit cijfer is gegeven door de mensen die dezelfde vakantie geboekt hadden en beleeft hebben.
Design document / Stijn Schouten / VSD LB
19
Reisplanner #6
20
Design document / Stijn Schouten / VSD LB
Uitleg Bij deze stap kan de gebruiker een datum kiezen waarop hij graag wil vertrekken. Er is al aangegeven welke data er nog vrij zijn voor deze vakantie. Dat zijn 2 Augustus tot aan 16 augustus. De rest van de nummer zijn niet omkadert door een wit vlak en zijn dus niet meer beschikbaar. Verder moet de gebruiker nog aangeven met hoeveel personen hij gaat, en het type van vervoer. Want ja, je moet wel fair travel blijven!
Design document / Stijn Schouten / VSD LB
21
Community
22
Design document / Stijn Schouten / VSD LB
Uitleg Dit is de community pagina wanneer er geen gebruiker ingelogd is. De gebruiker kan op deze pagina naar inspiratie zoeken en allerlei blog’s bekijken die gaan over allerlei bestemmingen. Ook is de community pagina gebaseerd op een rating systeem, onder de foto’s staat een balkje, die uitmaakt hoe ervaren je bent. Het balkje wordt bepaalt door het aantal reacties dat je plaatst op Travellu. Wanneer de balk vol is, krijgt de gebruiker de status “ervaren”. Verder staat op de pagina aan de rechterkant nog een aantal moderators te vinden die de gebruiker altijd willen helpen. Wanneer de gebruiker ingelogd is, kan hij afbeeldingen en video’s posten op Travellu. En kan hij/zij natuurlijk het profiel bewerken. Het scherm met de meldingen en blogposts is te scrollen, er komen dan telkens meer meldingen, maar de rest van de website blijft dan gewoon staan.
Design document / Stijn Schouten / VSD LB
23
Applicatie
24
Design document / Stijn Schouten / VSD LB
Uitleg Dit is de app voor Travellu, een erg makkelijk te gebruiken applicatie wordt het. Het is tevens de reisgids van de gebruikers van Travellu. Hier kunnen alle bezoekers en boekers van Travellu inspiratie op doen. Als ze al op de bestemming zijn en kunnen via deze zoek & boek functies allerlei bustickets en treintickets vinden, en waar alle stations zijn. Ook wordt er voor de Sociale kant van Travellu voor gezorgd dat er duidelijk is waar veel groepen bij elkaar komen om samen op avontuur te gaan. De kleur en typografie zijn hetzelfde als in de Design Study die ik gedaan heb, Roboto en Calibri. Hierop kunnen alle bezoekers van Travellu elk uur van de dag Travellu bereiken. Mocht er wat Elk local dus. De Travellu app moet de gebruiker de beste ervaring voor een backpackvakantie meegven.
Design document / Stijn Schouten / VSD LB
25
Contact
26
Design document / Stijn Schouten / VSD LB
Uitleg Hier nog een extra scherm om de website van Travellu te beschrijven. Dit is het contact van Travellu, om aan te geven dat ze altijd te breiken zijn, wanneer de gebruiker van Travellu ze ook maar nodig heeft.
27
Design document / Stijn Schouten / VSD LB
Reflectie 28
Ik heb veel geleerd van mijn ontwerpproces van Travellu. Zo heb ik ook geleerd dat het erg verstandig is om feedback te vragen over je ontwerpen, omdat veel mensen zien wat jij niet ziet, omdat je zelf al helemaal in je ontwerp leeft. Dit was ook het geval in mijn perssurecooker, toen mijne voor de klas werd laten zien, kreeg ik allerlei feedback waar ik zelf helemaal geen rekening had gedhouden. Dit ga ik zeker meneemen in mijn project. Het onderzoek naar Grids, kleurgebruike, typografie, etc. heeft me erg veel kennis bezorgd. Door middel van deze onderzoeken ben ik anders gaan kijken naar verschillende opwerkkeuzes, eerder deed ik altijd maar wat, en ontwerptte ik omdat ik het mooi vond. Maar nu bedenk ik mij eerst of de merkwaarden wel passen bij mijn ontwerp, en of de kleuren wel van toepassing zijn tot het ontwerp. Deze lessen hebben me zeker gevormd tot een ander soort ontwerper.
Design document / Stijn Schouten / VSD LB
Feedback lerares Omdat ik niet op tijd meer kon reageren op de mail die u gestuurd had om feedback op u te geven, wil ik dat graag in dit document zetten, aangezien ik nu alle lessen heb geleerd en ook een goede mening kan neerzetten. Ik vond dat u goed les gaf en door met eigen gezochte voorbeelden in de powerpoint nog voor een betere uitleg zorgdde. Ook heb ik erg veel geleerd van het feit dat u mij liet presenteren over mijn concept, het is goed om de verschillende reacties te zien over het concept dat ik bedacht had, de verschillende meningen hebben mij erg veel geleerd. Hierdoor ben ik erachter gekomen hoe ik het beste alle verschillende aspecten van Travellu in 1 ontwerp kon laten terugkomen. De manier van lesgeven vond ik ook erg prettig, nooit echt lange saaie presentaties, maar tussendoor ook even de aandacht erbij halen door een leuke opmerking. Ik vind het wel jammer dat ik tijdens dit blok ook mijn laatste herkansing vnan Immersive Space moest doen, maar ja niet alles gaat zoals je wilt.
Design document / Stijn Schouten / VSD LB
29
Design document / Stijn Schouten / VSD LB