Opdracht 1: iqueen App

Transcriptie

1 Opdracht : iqueen App a: Flowchart iqeen APP iqueen APP HOME/ NIEUWS topic Evenementen Q-day Jouw planning A dam live chart Info Keuze hulp app Social stuff Evenementen Planning A dam live chart Evenement zoeken wijzig Delen op Facebook Delen met vrienden Delen op Facebook Toevoegen aan planning Feesten Vrijmarkten Evenement Agenda s zoeken Vrienden zoeken Agenda delen op Facebook Route beschrijving Meer info Bepaald Feest Bepaalde Vrijmarkt Vervoer Weer Eten en drinken Delen met vrienden Delen op Facebook Toevoegen aan planning Bus Trein Eten en drinken Weer topic

2 Opdracht : iqueen App b: Wireframe: Hoofdmenu Q-Day Amsterdam App Evenementen Q-day 0 Jouw Q-Day planning Achtergrond Achtergrond met koninginnedag thema. Er is gebruik gemaakt van de pattern Deep Background (pagina 99) A dam live chart Info Titel Deze titel geeft weer om welke App het gaat. Deze is niet klikbaar. Keuzehulp App Social stuff Navigatiekolom De 6 belangrijkste knoppen zijn groot afgebeeld in de Grid of Equals Pattern. (pagina 9) Op deze manier laat je zien dat deze knoppen even relevant zijn. 5 Nu.nl Slecht weer op Koninginnedag knop Wanneer men op deze knop klikt krijgt hij een scherm met het volledige nieuws. AD.nl Drukte op koninginnedag Nu.nl Koninginnedag in A dam 5 De laatste nieuwsberichten worden hier weergegeven.

3 Opdracht : iqueen App b: Wireframe: Qday knop Met deze knop ga je terug naar het vorige scherm. Nu.nl Koninginnedag Slecht Weer. Nu.nl Loveland Qday AD.nl Beatrix viert feest Het volledige van alle nieuwsberichten worden hier weergegeven met een thumbnail en de titel van het nieuwsbericht. Hier word gebruik gemaakt van de News Box pattern. (blz. 0) en de Thumbail-and-Text List pattern (blz. 59) Nu.nl Drukte in A dam met Qday Nu.nl Koninginnedag Slecht Weer. Nu.nl Koninginnedag Slecht Weer.

4 Opdracht : iqueen App b: Wireframe: Evenementen A Evenementen knop Met deze knop ga je terug naar het vorige scherm. Vrijmarkten Reigersbos Centrum A dam Arena Amsterdam Zuid Sloterdijk De Dam Waterlooplein Feesten SlamFM! 58 Qday Qday Houseday Qday Festival Loveland Qday God Save the Queen Qday Jazz Icoon Hier komt een afbeelding/icoon te staan die past bij het thema vrijmarkten en feesten die verder in de huisstijl passen van de App. Navigatielijst Onder de titel van het onderwerp komt een lijst te staan met verschillende evenementen. Dit zijn allemaal links. Hier word gebruik gemaakt van de Menu Page Pattern (blz. 90) Bodem navigatiebalk Linksonder staat de home knop die je terugbrengt naar het hoofdmenu. De andere iconen geven de andere meest relevante opties aan. De knop waar op geklikt word, word opgelicht. Hier word gebruik gemaakt van de Bottom Navigation pattern (blz. 56)

5 Opdracht : iqueen App b: Wireframe: Evenementen B Loveland Qday Loveland Qday Toevoegen aan planning Met deze knop voeg je deze activiteit toe aan je planning. Deze kun je later raadplegen in de optie planning Delen via Facebook Met deze knop kan de activiteit gedeeld worden via Facebook. Hier word gebruik gemaakt van de Sharing Widget pattern. (blz. 6) Toevoegen aan planning Delen via Facebook Delen met vrienden Geen Koninginnedag in Amsterdam zonder Loveland. Tenminste, dat vinden wij. Op 0 april is het Oosterpark in Amsterdam het decor voor Loveland Queensday. Na een memorabele editie in 0 zijn we terug in 0 op een grotere locatie met nog meer groen. Voor het echte oud-hollandsche koninginnedaggevoel komt er een kleine kermis en een snuffelmarktje. Ga naar Loveland Qday website Delen met vrienden Met deze knop kan je deze activiteit delen met vrienden. Vervolgens kan er gekozen worden tussen verschillende communicatiekanalen zoals hatsapp, e- mail of Facebook. Activiteiten beschrijving Hier staat een beschrijving van de desbetreffende activiteit. de tekst loopt verder door als je naar beneden scrollt. de afbeelding en de knoppen om te delen blijven wel gewoon telkens staan. Onderaan kun je klikken op de link Ga naar ( ) website om naar de volledige website van het desbetreffende evenement te gaan.

6 Opdracht : iqueen App b: Wireframe: Jouw planning terug Jouw Q-day Planning wijzig Met deze knop, keer je terug naar het vorige scherm. 9:00 - :00 Vrijmarkt in Sloterdijk : - :00 Theater :00-5:00 Voorstelling Wijzig Wanneer je op wijzig drukt krijg je de mogelijkheid om de agenda te veranderen 5:00-6:00 Vrijmarkt in Sloterdijk 0:00 - :00 Tiesto - Op de Dam Activiteit thumbnail Dit zijn kleine thumbnails met een afbeelding van de gekozen activiteit op die dag. 5 Deel via: social media Agenda punten Wanneer je op een van deze punten drukt kan je kiezen voor meer informatie, wijzigen of verwijderen. 5 Agenda Delen Als je op deel agenda klikt, kan je hem via een social media delen, zodat al je vrienden kunnen zien wat jij gaat doen op koniginnendag.

7 Opdracht : iqueen App b: Wireframe: A dam Live Chart A dam Live Chart Loveland Qday A dam Live Chart Met deze optie kun je via je camera op je telefoon door de stad lopen en zien waar de evenementen zijn. Er word gebruik gemaakt van Augmented Reality Evenementen Pop-Up Als je in de buurt bent van een evenement verschijnt er een pop-up balk met gegevens van het feest. Hier word gebruik gemaakt van de Titled Sections Pattern SlamFM! Party Rembrantplein :00 - :00 Routebeschrijving meer info Evenementen Overzicht Andere evenementen in de buurt worden ook weergeven in een pop-up. Om ruimte te besparen zie je alleen de naam van het feest. Als je erop klikt krijg je de volledige gegevens te zien. Rood gekaderde pop-ups zijn evenementen die je in jouw planning hebt toegevoegd. Meer info/facebook Als je klikt op meer info kom je op de informatie pagina van het evenement. Via de Facebook knop kun je dit evenement delen met je Facebookvrienden. ier word hier gebruik gemaakt van de Richly Connected Apps Pattern (blz. 70)

8 Opdracht : iqueen App b: Wireframe: Info A terug App Info Met deze knop, keer je terug naar het vorige scherm. Vervoer Het weer Navigatiekolom De belangrijkste knoppen zijn groot afgebeeld in de Grid of Equals Pattern. (Pagina 9 ) Op deze manier laat je zien dat deze knoppen even relevant zijn. Eten en drinken

9 Opdracht : iqueen App b: Wireframe: Info B terug App Info - Weer Met deze knop, keer je terug naar het vorige scherm. Vernieuwen Met deze knop, vernieuw je het weer. Het weer Hier kan je zien hoe het weer is op de dag zelf en op het moment van kijken. Dit wordt geupdate wanneer je naar de pagina gaat. Grafiek Hier kan je zien hoe het weer is op de dag zelf en je kan in de grafiek naar rechts scrollen om verder op op de dag te kijken.

10 Opdracht : iqueen App b: Wireframe: Keuzehulp Qday Keuzehulp Kies jouw Qday Selecteer tijd: Tot Selecteer tijd Hier kun je de voorkeur voor een bepaald tijdsbestek aangeven. Evenementen keuze Hier kun je je voorkeur voor een bepaald evenement aanvinken met de pattern Dropdown Chooser (pagina 80). Soort evenement.. Feest Vrijmarkt Locatie Hier kun je een locatie invoeren zoals de naam van een gebouw, plein of een adres. Dit is de pattern Fill-in-the-blanks (pagina 6). Op basis van de ingevulde gegevens zoekt de App zelf de matches voor wat je hebt ingevuld. Ook kun je ervoor kiezen om je huidige locatie te gebruiken. Typ locatie in... gebruik huidige locatie Volgende Volgende Als alle voorkeuren geselecteerd zijn en je op de knop volgende klikt. Dit is de pattern Prominent Done Button (pagina 57) Zoekt de app op basis van je voorkeuren een aantal evenementen uit waarbij je door steeds gespecifieerdere voorkeuren aan te geven uiteindelijk een evenement krijgt die bij je past. Deze kun je vervolgens aan jouw planning toevoegen.

11 Opdracht : iqueen App b: Wireframe: Social Stuff Social Stuff Met deze knop, keer je terug naar het vorige scherm. Agenda s van vrienden zoeken: Typ naam in... Agenda s zoeken Met deze optie kan je agenda s van vrienden zoeken en inzien. Waar zijn mijn vrienden nu? Typ naam in... Vrienden zoeken Met deze optie kan je je vrienden die ook in Amsterdam zijn vinden. Dit gaat in combinatie met de A dam live chart. Mijn agenda delen Agenda Delen Met deze optie zorg je er voor dat jouw agenda direct gedeeld wordt via Facebook. Dit is de pattern Sharing Widged (pagina 6)