5. Uitdagingen voor de appbouwer
• Uitdagingen waar we allemaal mee te
maken hebben:
– Wat moet de app eigenlijk doen?
– Wat wil mijn klant dat de app doet?
– Gaat het lukken om het te bouwen?
6. Daarom prototyping
• Je klant weet eerder wat hij krijgt
– Dus kan hij jou beter vertellen wat hij wil
– Raakt hij emotioneel verbonden met de app
– Verteld hij anderen over de app
7. Daarom prototyping
• Jij weet ook eerder wat je krijgt
– Risico’s beter in te schatten
– Het wordt eenvoudiger om te maken
– Jij wordt er ook vrolijker van!
8. Waarom prototyping niet
• Prototypes zijn niet het eind product
– Soms moet je het weggooien om wat anders te proberen.
– Sommige prototypes kunnen wel worden doorontwikkeld
9. Waarom prototyping niet
• Het is geen vaste specificatie van je
eindproduct
– Het prototype is geen spec, maar…
– De technieken leveren je wel specs op
11. Van idee naar app in de store
Doel Scenarios Ontwerp Prototype
Waarom bouw je Wat moet je Hoe geef ik de Een werkend
de app? doen om het scenarios vorm? prototype
doel te bereiken?
12. Van idee naar app in de store
Doel Scenarios Ontwerp Prototype
Waarom bouw je Wat moet je Hoe geef ik de Een werkend
de app? doen om het scenarios vorm? prototype
doel te bereiken?
13. Doel van je app
• Belangrijkste vraag: Waarom bouw ik deze
app?
– Waarom is deze app de beste?
– Wat wil je oplossen voor je klant?
– Wat wil je bereiken met deze app?
14. Doel van je app
• Het bepalen een doel lijkt eenvoudig
– Doel, middelen en oplossing lopen vaak door elkaar
– Daarom is het lastig om het doel direct op te schrijven
– En je mist nogal eens wat…
15. Doel van je app
• Om het doel te bepalen moet je soms
omwegen kiezen om er te komen
– Schrijf op wat je app moet doen
– Vraag je daarna af waarom dat is
– Schrijf het waarom erbij!
16. Doel van je app
• Mindmapping helpt om structuur te krijgen
en maakt doelen zichtbaar.
– Het “waarom” is het doel, maar anders geformuleerd
– Als je alles hebt opgeschreven, kun je de “waarom” teksten
omzetten naar doelen.
17. Doel van je app
• Einddoel:
– Een zin waarin je kan aangeven waarom de app
bestaat, de beste is, het probleem oplost
– Daaronder alle aparte doelen opgeschreven die
je nog meer hebt ontdekt.
18. Van idee naar app in de store
Doel Scenarios Ontwerp Prototype
Waarom bouw je Wat moet je Hoe geef ik de Een werkend
de app? doen om het scenarios vorm? prototype
doel te bereiken?
19. Scenarios voor je app
• Als je het doel weet, dan kun je bepalen hoe
je er moet komen
– Wat moet je app doen om gebruikers ervan hun doel te
laten bereiken?
20. Scenarios voor je app
• Kiezen van scenarios
– Kies scenarios op basis van eerder opgeschreven “Wat”
teksten bij het bepalen van het doel
– Belangrijk: Het scenario moet helpen het doel te bereiken
21. Scenarios voor je app
• Uitwerken van scenarios
Bob vult een titel
Bob krijgt te zien
van een film in
– Pijltjes en blokken welke films er
beschikbaar zijn Bob kan de film
met die titel bekijken op zijn
surface tablet
Bob kiest een
film en rekent af
22. Scenarios voor je app
• Uitwerken van scenarios
– Pijltjes en blokken
– Post-its
23. Scenarios voor je app
• Uitwerken van scenarios
– Pijltjes en blokken
– Post-its
– Storyboards
25. Van idee naar app in de store
Doel Scenarios Ontwerp Prototype
Waarom bouw je Wat moet je Hoe geef ik de Een werkend
de app? doen om het scenarios vorm? prototype
doel te bereiken?
26. Ontwerp van je app
• Bij het ontwerpen bepaal je hoe de
verschillende stappen in de scenarios
worden ingevuld
– Belangrijk: De UX design guidelines van Microsoft.
27. Ontwerp van je app
• Veel verschillende tools beschikbaar
– Expression Design 4
– Adobe Illustrator
– Expression Blend for Visual Studio
28. Ontwerp van je app
• Belangrijke keuzes bij het maken van een
ontwerp
– Kun je zelf goed overweg met design tools?
– Hoeveel tijd wil je in het ontwerp steken?
29. Ontwerp van je app
• Opschalen van je grafische ontwerp
– Begin met schetsen, zodat je weet waar wat naar toe moet
– Werk de belangrijkste schermen uit in kleur
– Zorg ervoor dat je weet welke kleuren, fontsizes, tilesizes, etc. je gebruikt
en schrijf deze ergens op
30. Van idee naar app in de store
Doel Scenarios Ontwerp Prototype
Waarom bouw je Wat moet je Hoe geef ik de Een werkend
de app? doen om het scenarios vorm? prototype
doel te bereiken?
31. Een werkend prototype
• Een werkend prototype is de laatste check
om te kijken of je idee in de basis klopt.
– Het programmeren van een app is duur
– Emotioneel de grootste investering
32. Een werkend prototype
• Waar kan je een werkend prototype nog
meer voor gebruiken?
– Demonstraties bij de klant en door de klant
– Usability study, bepalen of het bruikbaar genoeg is
33. Een werkend prototype
• Tips voor effectief bouwen van prototypes
1. Investeer in voorbeelddata, nog niet in een werkende
backend
2. Prototype niet alle scenarios, maar pak de top 3 om mee
te beginnen
35. Van idee naar app in de store
Doel Scenarios Ontwerp Prototype
Waarom bouw je Wat moet je Hoe geef ik de Een werkend
de app? doen om het scenarios vorm? prototype
doel te bereiken?
37. Tips and tricks
• Bij het bedenken van scenarios:
– Denk ook aan de unieke windows features, zoals
sharing, search, live tiles en het gebruik van sensoren
38. Tips and tricks
• Zorg ervoor dat je app leeft en groeit
– Bouw eerst de top 3 scenarios uit het werkend prototype
– Breid de app na release 1 uit met meer scenarios
– Zorg ervoor dat mensen terugkomen!
39. Tips and tricks
• Gebruik gegevens van je prototype
– De scenarios kun je prima gebruiken om te testen
– Verzin voorbeelden al bij de scenarios en gebruik deze
voorbeelden voor je sampledata en testen.
