Door: Jimmy Dekker | Studennr: 500831727 | Klas: 202 | Datum: 14-01-2021 | Docent: Milan van den Bovenkamp

weather planner

designrationale

Ik ga op reis en ik neem mee...

Ontwerp een multi-device website voor op reis. Waar wil je heen? Wat wil je beleven? Wat voordingen wil je doen als je op reis bent? Wat moet je perse zien? Zijn andere mensen er al geweest enhebben ze tips? Misschien kun je met andere reizigersafspreken om een hotelkamer te delen als je met debus aankomt in Guadalajara ...

jobstory's

1. Wanneer ik niet precies weet wat ik zoek wil ik de juiste aanbevelingen zodat ik passende resultaten kan bekijken.

2. Wanneer ik een passende activiteit vind wil ik deze opslaan zodat ik deze later terug kan vinden.

3. Wanneer ik een activiteit heb gedaan wil op een gepast moment een review kunnen plaatsen zodat ik meer van mijn vakantie kan genieten.

Het concept

De meeste mensen die op vakantie gaan vinden het leuk om tussen het relaxen door ook nog leuke dingen te doen. Vaak gaan mensen dan via google of via flyers op zoek naar activiteiten die bij hun passen. Toch blijft het altijd een gedoe, zo moet de activiteit passen bij de vakantieganger en wil je natuurlijk geen buiten activiteiten doen als het slecht weer is. Daarbij is vervoer regelen in het buitenland vaak ook nog een dingetje.

De weather planner gaat al deze problemen voor je oplossen. Door van tevoren of tijdens je vakantie aan te geven in wat voor soort activiteiten jij bent geïnteresseerd geeft de website aanbevelingen. Er word hier niet alleen gekeken naar jouw voorkeur maar ook naar de weersvoorspellingen. Als je door middel van de weather planner een keuze hebt gemaakt geeft de website ook nog de optie om een Uber te regelen. Recensies worden pas aan je gevraagd als je weer in het vliegtuig terug zit zodat je tijdens je vakantie meer kan genieten.

Content Research

google places API

Met de Google Places API krijg je toegang tot:

  • het zoeken naar plekken
    • Locatie
    • Viewport
    • Naam
    • Openingstijden
    • Foto's
    • Rating

  • details van plekken
    • Verdieping
    • Omschrijving
    • Adresgegevens
    • Locatie
    • Nummer
    • Rating
    • Reviews

  • Foto's van de plekken
  • Autocompletion

Toepassing:

Ik zou deze API kunnen gebruiken om activiteiten in de buurt te vinden. Deze zou ik dan vervolgens weer kunnen filteren op basis van de weather API.

Weather API

Met de weather API krijg je toegang tot:


  • Het soort weer.
  • De bewolking
  • Tempratuur
  • Gevoelstempratuur
  • Minimale tempratuur
  • Maximale temopratuur
  • Luchtdruk
  • Luchtvochtigheid
  • Windsnelheid
  • Wind degree

Toepassing:

Ik zou deze API kunnen gebruiken om te bepalen welke activiteiten er geschikt zijn gebaseerd op het weer. Zo kan je een gebruiker aanraden om te gaan windsurfen op een winderige dag of om naar een museum te gaan als het weer wat minder is.

Uber API

Met de Uber API krijg je toegang tot:


  • Ride request
  • Ride request deep link
  • Ride request Rest API

Toepassing

Met de Uber API zou ik een knop onder aan een van de activiteiten kunnen toevoegen die zegt "breng me hier heen". Als de gebruiker er dan op drukt word er een Uber gereserveerd voor naar de locatie waar je naar aan het kijken was.

Customer Journey Map

User scenario

Je hebt er het hele jaar voor gewerkt en naar uitgekeken, je vakantie. Na weken zoeken heb je dan eindelijk de ideale vakantieplek gevonden, maar wat ga je daar allemaal doen? Gelukkig heb je wel eens gehoord van de Weather planner. Na het invoeren van je vakantie adres krijg je een lijst met soorten activiteiten, je kan selecteren in welke je geïnteresseerd bent. Nu zie je alle activiteiten in de buurt die bij je passen. Voordat je op vakantie bent kun je hier al door scrollen en favorieten aanvinken.

Eenmaal op vakantie kijkt de weather planner naar jouw persoonlijke voorkeur en de weersverwachtingen. In de ochtend krijg je een top 10 lijst met aanbevolen activiteiten. Denk aan stadjes bezoeken bij normaal weer, watersport bij mooi weer en musea bij slecht weer. Als je een activiteit hebt uitgezocht heeft de website de optie om gelijk een Uber te bestellen voor een bepaalde tijd zodat jij je zelfs niet druk hoeft te maken over het vervoer.

De weather website heeft de mogelijkheid om activiteiten per dag te bekijken, maar geeft ook de optie om verder vooruit te plannen. Ook hierbij speelt de weersverwachting een rol.

Vlak voor je weer in het vliegtuig stapt word er een melding gegeven waarin word gevraagd wat je van je vakantie vond en of je je activiteiten wilt beoordelen. Hiermee hoef je je in het vliegtuig niet te vervelen en kan je offline terugkijken naar je reis en alles raten. Zodra je weer internet hebt zal je recensie worden geüpload voor andere gebruikers.

Stijlpagina

tijdens je vakantie

Tijdens je vakantie kan je nogsteed het zelfde overzicht bekijken als voorheen. Het grootste verschil is dat het weer accurater is. Het is nogsteeds mogelijk om je locatie te wijzigen en je favorieten te bekijken. Als je de details van een activiteit bekijkt zul je zien dat de knop "Sla op voor later" is vervangen voor "Pak een uber". Zodra je deze knop indrukt word via de Uber API een Uber naar je huidige locatie geboekt. Ook word er opgeslagen dat je de activiteit hebt gedaan zodat er op een gepast moment naar een recentie gevraagd kan worden.

Multi-device

De Weather Planner is zowel beschikbaar op mobiel, tablet en desktop. Elk apparaat heeft andere eigenschappen, daardoor zal de Weather Planner voor elk apparaat net andere functionaliteiten hebben. Om de gebruikersdata beschikbaar te maken op alle apparaten moet je gebruiker een account maken aan het begin van het proces.

Desktop

Bij de desktop variant kunnen we er vanuit gaan dat de gebruiker niet onderweg of op vakantie is. Daarom is het voor de desktop versie alleen mogelijk om activiteiten aan je favorieten toe te voegen.

Tablet

Bij de tablet variant kan je bij een stabiele netwerk verbinding een Uber boeken. Ook kan je hier aan het eind van de vakantie je reviews op schijven. Omdat niet elke tablet toegang heeft tot 3/4/5g kunnen tablets zonder stabiel netwerk alleen de favorieten en je overzicht bekijken

Mobiel

Op mobiel kan je zowel je overzicht bekijken, aanpassen en favorieten aanpassen. Op mobiele aparaten kan je makkelijker een Uber bestellen door de gps en toegang tot het 3/4/5g netwerk. Net zoals op de tablet versie zal je aan het eind van de vakantie de melding van recenties krijgen voor in het vliegtuig

Ontwerpkeuze favorieten

Op basis van mijn onderzoek voor Design Patterns heb ik er voor gekozen om de favorieten niet te ingewikkeld te maken. Voor je vakantie is begonnen is de knop "Pak een uber" vervangen voor "sla op voor later". Hiermee voeg je de activiteiten toe aan je favorieten. Ook kan je activiteiten aan je favorieten toevoegen vanuit het overzicht. Het favorieten scherm heeft een empty state die alleen verschijnt als de gebruiker nog geen activiteiten heeft opgeslagen.

C's framework

Consistent

De Weather Planner heeft de zelfde flow, structuur en content op alle devices. Hierdoor voelt het design op elk apparaat het zelfde aan ondanks kleine apparaat verschillen die word benut met minimale aanpassingen in het design.

Complementary

De Weather Planner maakt gebruik van de verschillende kwaliteiten van apparaten. Zo kan je meer resultaten tegelijkertijd bekijken op desktops of tablets en geeft een mobiel de mogelijkheid om een taxi te bestellen op basis van je GPS locatie.

Continuous

Doordat je moet inloggen maakt de Weather planner het mogelijk om je opgeslagen favorieten te bekijken op elk apparaat. Ook is het mogelijk om de reviews op mobiel, tablet of desktop in te vullen.