De wireframes van de Iphone app

1. Inlogscherm
1. Create button, deze knop zorgt ervoor dat
AT&T 12:34 PM de gebruiker de pagina kan openen voor het
aanmaken van een nieuw account.
Cancel Grolsch Fixit Create
1 2. Dit is de banner met het logo van Grolsch erin.
3. De invoerbalken voor username en password.
2 Zodra deze aangetikt worden verschijnt het
toetsenbord zodat de gegevens ingevuld kun-
nen worden.
Username
3 4. Met de schuifknop kan de gebruiker bepa-
len of de login gegevens onthouden moeten
Wachtwoord worden of juist niet.
5. De login knop, zodra de gebruiker op deze
Remember Login ON 4 knop klikt wordt er gekeken of de gebruiker
de juiste gegevens ingevuld heeft, mocht de
gebruiker geen volledige of foutieve gegevens
5 Login heeft ingevoerd wordt dit gemeld en kan de
gebruiker het opnieuw proberen.
Q W E R T Y U I O P 6. De ga knop, zodra iets is ingevoerd moet deze
knop ervoor zorgen dat er naar het volgende
invulscherm gegaan wordt. Zijn er echter geen
tekstvelden meer om in te vullen dan ver-
A S D F G H J K L dwijnt het toetsenbord en wordt er ingelogd.
Z X C V B N M
@123 . / .com Go 6

2. Aanmeldscherm
1. Zodra er op de gevraagde gegevens geklikt
AT&T 12:34 PM wordt, opend een invoerscherm waar de
gevraagde informatie ingevuld kan worden.
Back Grolsch Fixit Zodra de gegevens ingevuld zijn worden deze
getoond naast bijv. username of e-mail.
Dit geldt echter niet voor password.
2. Bankgegevens worden gevraagd omdat er
met deze applicatie betaald kan worden via de
eigen bankrekening. Wanneer deze gegevens
ingevoerd worden, worden er een aantal din-
gen gevraagd en nagekeken.
Username Wanneer de gegevens kloppen krijgt de ge-
1 bruiker een eigen unieke code (soort pincode)
die elke keer opgevraagd wordt mocht de
gebruiker via afschrijven willen betalen.
E-mail
3. Wanneer alle gegevens kloppen en de user-
name uniek in zijn soort is, wordt het account
Password aangemaakt en wordt er een mail naar de
gebruiker gestuurd met een link om zijn/haar
account te activeren.
Confirm password
4. Mocht de gebruiker per ongeluk de create but-
ton aangeraakt hebben of komt de gebruiker
Bankgegevens 2 erachter dat hij/zij toch wel een account bezit
dan kan de gebruiker op deze knop klikken
en die voert hem weer terug naar het login
scherm.
Account aanmaken
3
* Heb je al een Grolsch account?
Sign In
4

3. Hoofdmenu
1. Deze button zorgtr ervoor dat je uitlogt.
AT&T 12:34 PM
2. Dit is de banner met het logo van Grolsch erin.
Logout Grolsch Fixit
1 3. Op bestellen is de button die je doorvoerd naar
het bestellingsysteem. Zodra de gebruiker
deze functie gebruikt kan hij/zij de gewenste
drankjes gaan bestellen.
2 4. Op proosten gaat over de dingen die je zou
kunnen doen tijdens het bier drinken. Van
spelletjes spelen tot nieuwe vrienden maken.
5. Op vrienden is een overzicht van vrienden die
je gemaakt het tijdens een spel in het op proos-
ten gedeelte. Ook kan je je vrienden berichten
sturen uitnodigen om een spel te spelen of wat
Op Bestellen Op Proosten te komen drinken.
3 4 6. Op overzicht is een functie die alle overzichten
op een rij zet. Van alle gemaakte bestellingen
tot de hoeveelheid munten of geld je hebt
uitgegeven.
7. Een pagina die je terug voert naar home, hoe
werkt het is een functie die laat zien hoe je be-
paalde functies moet uitvoeren mocht dit nog
niet duidelijk zijn, Settings je account aanpas-
Op Vrienden
5 Op Overzicht
6 sen en gegevens toevoegen en/of verwijderen
uit je profiel.
Home Hoe werkt dit? Settings
7

4. Bestelling 1
1. De knop om terug te gaan naar het hoofd-
AT&T 12:34 PM menu.
Back Grolsch Fixit 2. Via deze button kan je gaan beginnen met het
1 bestellen van de drankjes.
3. Lokaties bar laat op een plattegrond zien waar
de bars zijn. Ook kan de gebruiker bepalen of
hij/zij de drankjes altijd wil ophalen bij een be-
paalde bar of dat de applicatie altijd de dichts-
bijzijnde bar moet vinden en daar de bestelling
naartoe mot sturen.
4. Laatste bestelling geeft een inzicht in wat er
de vorige keer besteld is. Als de bestelling
overeenkomt met de nieuwe bestelling die
Bestellingen
2 de gebruiker wil maken kan de gebruiker
simpelweg via deze weg zijn/haar bestelling
opnieuw bestellen zonder alles weer opnieuw
in te voeren.
Lokaties bar
3 5. Berichten. Hierin ontvang je al je berichten die
te maken hebben met je bestellingen. Mocht
er een bar bijv. gesloten zijn of juist erg druk
Laatste bestelling bezocht zijn dan kan de gebruiker er bericht
4 over krijgen. Verder krijgt de gebruiker via de
berichten zijn/haar bestelnummer en barnum-
mer door via de brichten.
Berichten
5
Home Hoe werkt dit? Settings

5. Bestelling 2
1. Een tabfunctie die de gebruiker een mogeli-
AT&T 12:34 PM jkheid tot overzicht geeft. Zo kan er alleen al-
cohol of frisdrank geselecteerd worden maar
Back Grolsch Fixit het is ook mogenlijk om een overzicht van alle
dranken die geschonken worden te krijgen.
2. De dranken die geschonken worden op
het terrein. Door er op te drukken kan
de gebruiker zijn/haar drank select-
eren en wordt hij/zij doorgestuurd naar
bestelpagina van de geselecteerde drank.
Alcohol Frisdrank Alle dranken
1 3. Wanneer de persoon klaar is met het select-
eren van de dranken kan er op bestellen gek-
likt worden en wordt de gebruiker naar een
Drink Information overzicht gebracht waarna hij/zij een beta-
lingskeuze kan selecteren.
Bier 2
Bacardi Cola
Mojito
Wijn
Bestellen
3
Home Hoe werkt dit? Settings

6. Bestelling 3
1. De terug knop die je terug brengt naar het
AT&T 12:34 PM drankoverzicht.
Back Bier 2. De min knop kan het aantal drankjes terug
1 brengen.
3. De plus knop kan het aantal drankjes op laten
lopen tot het gewenste aantal.
Bier
4. De rode knop met de min erop wil zeggen dat
Hoeveel? de bestelling nog gewist kan worden.
5. De groene knop wordt gebruikt als de ge-
bruiker het aantal biertjes van 5 wilt toevoegen
2 3 aan zijn/haar bestelling.
6. Wanneer de gebruiker klaar is met het bestel-
Grootte van het bier: len van het bier klikt hij/zij op voeg toe en
de bestelling wordt toegevoegt aan het bestel
formulier.
4 Groot 10 stuks
Middel
5
Klein
Voeg toe
6
Home Hoe werkt dit? Settings

7. Bestelling 4
1. Overzicht van het aantal drankjes. Hier komt
AT&T 12:34 PM men elke keer terug tot de gebruiker stap 2
in acht neemt. Bij elke nieuwe toevoeging
Back Grolsch Fixit van een bestelling wordt dit hier zichtbaar.
2. Wanneer klaar is met het selecteren van de
drankjes kan men op deze knop klikken waar-
na men doorgevoerd word naar betalingswijze.
Alcohol Frisdrank Alle dranken
Drink Information
Bier L = 10 M= 5
1
Bacardi Cola
Mojito
Wijn R = 10 W= 5
Bestellen
2
Home Hoe werkt dit? Settings

8. Bestelling 5
1. Mocht de gebruiker toch iets vergeten zijn kan
AT&T 12:34 PM hij via de add knop nog een drankje toevoegen
aan de lijst.
Back Bier Add
1 2. Overzicht van de dranken die de gebruiker
besteld heeft.
Bier L = 10 M= 5 3. De logo’s/ merken van de producten die
2 besteld zijn.
4. het totaal bedrag wat er afgerekend moet
worden. Deze is variabel, dit ligt eraan wat de
Wijn R = 10 W= 5
3 persoon in stap 5 selecteerd.
5. Als de gebruiker bepaald dat hij met munten
af wilt rekenen dan krijgt hij te zien hoeveel
Fanta L=1 munten de bestelling is. Dit wordt ook naar
de bar doorgestuurd waar hij/zij de bestelling
op komt halen en daar wordt de betaling dan
voldaan.
Totaal: Munten: 35 st
4 6. Bij afschrijven wordt het bedrag in euro’s ge-
toond. Als men voor deze optie gaat wordt het
bedrag direct van de rekening afgeschreven.
Echter moet men wel eerst een code intoetsen.
Munten Afschrijven Klopt de code en staat er genoeg geld op de
5 6 rekening dan wordt de bestelling doorgestu-
urd naar de bar.
7. Waarna de betalingswijze gekozen is kan de
bestelling verzonden worden via deze knop.
Verzenden
7
Home Hoe werkt dit? Settings

9. Bestelling 6
1. Als de bestelling verzonden is ontvangt men
AT&T 12:34 PM automatisch een bericht met het barnummer,
bestelnummer en de tijd die men heeft om de
Back Grolsch Fixit bestelling op te halen.
Lopende bestellingen
Lokaties bar
Laatste bestelling
1
Berichten
1
Home Hoe werkt dit? Settings

10. Bestelling 7
1. Een tabblad met een overzicht van berichten.
AT&T 12:34 PM
2. bestelgegevens, deze kunnen eventueel inge-
laden worden.
Back Berichten
3. Als de gebruiker ervoor kiest om de bestelling
in te laden in bump moet hij/zij “proosten”
Nieuw Bewaard Prullenbak met de telefoon tegen een apparaat van het
1 barpersoneel en zo worden de gegevens dan
overgegeven.
Bedankt voor uw bestelling. 4. Men kan er ook voor kiezen om gewoon het
U kunt uw drankjes nu ophalen bij bestelnummer mondeling door te geven aan
stand 3 vergeet niet uw 35 muntjes te de bar.
betalen.
Bestelnummer: 2346
2
Sending…
Inladen in bump 3
Mondeling doorgeven
4
Home Hoe werkt dit? Settings

11. Op proosten
1. Dit is een spel om nieuwe contacten te leggen.
AT&T 12:34 PM Je kan deze aanzetten en dan met de telefoon
proosten bij nieuwe onbekende mensen. Dit
zorgt voor leuke interactie en een speels ele-
Back Op proosten ment binnen deze applicatie.
2. Dit geeft een idee wat voor kroegspellen er
zijn. Sommige spellen kun je met behulp van
de telefoon spelen bijv. truth or dare of mexi-
canen, maar deze functie zou ook spellen kun-
nen uitleggen als een soort handleiding.
Proost op nieuwe vrienden 1 3. Proost op het onbekende. Niets is leuker dan
nieuwe dingen ontdekken. Dit is een soort
zoektocht met een radar en dan kan er naar
een logo vaan Grolsch gezocht worden elke
Proost op spelletjes
2 keer zal deze ergens anders verschijnen hier
worden dan kleine dingen weggegeven als
sleutelhangers enz.
Proost op het onbekende
3 4. Proost op het delen stelt de gebruiker in de
gelegenheid foto’s en andere dingen direct te
delen via social media als facebook twitter enz.
Proost op het delen
4
Home Hoe werkt dit? Settings

12. Op vrienden 1
1. Een tabblad die de gebruiker in de gelegeheid
AT&T 12:34 PM stelt een selectie te maken binnen het overzicht
van gemaakte vrienden.
Back Op Vrienden 2. Een zoekfunctie als de gebruiker naar een
specifiek iemand zoekt.
Iedereen Groep Online
1 3. Alfabetisch overzicht van de vrienden die
gemaakt zijn via deze app.
2
A
Afaina Goud B
C
3 D
E
F
Alexandra Scheerman G
H
I
J
Anouk Rodenburg K
L
M
N
Alkenah Wansing O
P
Q
R
S
Allysa Bol T
U
V
Home Hoe werkt dit? Settings

13. Op vrienden 2
1. Avatar van de gebruiker, dit kan een foto of
AT&T 12:34 PM illustratie zijn.
2. Bericht sturen naar vrienden.
Back Op Vrienden
3. Vriend uitnodigen om een spel te spelen.
4. Vriend uitnodigen om een biertje te komen
Anouk Rodenburg drinken.
Denk er wel om dat bij vrienden het om
1 2 3 4 vrienden gaat die de gebruiker tijdens
het “proosten” heeft gevonden en deze
personen ook heeft gezien. Het is niet
mogelijk zijn hele facebook virendenli-
jst in te laden.
Home Hoe werkt dit? Settings