In een team met 4 personen maak je een prototype voor een App. Deze App is alleen voor studenten van GLR. Wat doet de App? Dat bepaal jijzelf, samen met jouw team.
Is het een App om muzikaal talent bij elkaar te brengen? (Ik ben drummer en wil in een metal-band spelen. Wie helpt mij?)
Of helpt de App je met school-gedoe? (Ik kan bijles Rekenen geven. Heeft iemand daar behoefte aan?)
Moet er een GLR-dating-App komen? (Ik ben cosplay-mens en zoek een date voor de Comic Con. Word jij mijn date?)
Of heeft jouw team nog een veel beter idee voor deze App?
In de video hiernaast zie je een interview met Rob Jacobs. Hij is art-director en senior creative bij ARA, een creative agency gevestigd in Rotterdam.
Rob vertelt kort over wat ARA doet en zijn rol binnen het bedrijf. Vanaf 2 minuut 44 legt hij uit hoe je begint met het ontwerpen van een app en laat een voorbeeld zien van hoe je een app schetst.
research
Tijdens dit project doorloop je veel stappen:
Kennismaken met het team
De docenten hebben teams gemaakt van 4 personen. Neem even de tijd om jouw teamgenoten te leren kennen. Wat zijn de kwaliteiten van iedereen? Wat vindt iedereen een prettige manier van samenwerken?
Concept voor de App
De App moet studenten van het GLR samen brengen. Dat "samen komen" kan te maken hebben met muziek, of met dating, of met school-gedoe, of nog iets heel anders. Met het team bepalen jullie wat het concept van jullie App wordt.
Hiervoor moet je overleggen en brainstormen. Hoe pak je dat slim aan?
Research
Het team moet onderzoek doen naar:
Wat voor vormgeving vindt de doelgroep leuk?
De vormgeving van andere apps.
De functionaliteit van andere apps.
De resultaten van jullie onderzoek zijn belangrijk voor jullie volgende stappen.
Lijst met Functionaliteit
Wat moet de gebruiker allemaal kunnen doen met de App? Welke functies moeten erin zitten? Maak een lange lijst met alles wat de App moet doen.
Omschrijving van jullie app-concept.
Onderzoek naar de doelgroep.
Onderzoek naar bestaande app's.
Een lijst met functionaliteit van de app.
Naam voor de App
Met het team bedenk je een goede naam voor jullie App.
Logo Ontwerp
Eerst maak je snelle schetsen op papier. Daarna kan je digitaal schetsen, om het font en de kleuren duidelijker te krijgen. Alle teamleden maken schetsen. Overleg met het team wat jullie het beste idee vinden.
Styleguide
Om ervoor te zorgen dat alle teamleden dezelfde vormgeving toepassen in hun ontwerpen, is het belangrijk dat er goede afspraken zijn gemaakt over die vormgeving. Dat leg je vast in de styleguide.
Paper Prototyping
Dmv paper prototyping schets je de functionaliteit van jullie app. Je probeert van alles uit op papier. Wat werkt het beste?
Wireframe Design
Dankzij de Paper Prototyping weet het team nu welke pagina's de app heeft, en waar knopjes en plaatjes komen te staan. Deze keuzes leg je vast in een Wireframe Design.
https://instudio.glrmediavormgeven.nl/beeldscherm/pr-04-ondersteuning/digitaal/figma-wireframe
Start met Figma
Volgende week moet je een werkend prototype van de app maken met Figma. Bij digitaal behandel je hoe Figma werkt.
https://instudio.glrmediavormgeven.nl/beeldscherm/pr-04-ondersteuning/digitaal/figma-onderzoek
wireframe design
styleguide
Een naam en logo voor de app.
Een styleguide.
Een wireframe-design.
figma
user testing
Het team moet 2 werkende prototypes maken. Daarom splits het team zich in 2 duo's. Elk duo maakt 1 prototype.
Prototype in Figma
In Figma maakt het team 2 werkende prototypes van jullie App. Misschien is het te veel werk om alle pagina's van de app te maken? Zorg er dan voor, dat je wel de pagina's hebt die nodig zijn voor de "user testing".
https://instudio.glrmediavormgeven.nl/beeldscherm/pr-04-ondersteuning/digitaal/figma-uitwerken
User Testing
Alle teams zetten hun 2 prototypes klaar op de computer. Omdat de klas zelf de doelgroep is, kan je de apps van andere teams gaan testen. In een aangeleverde Microsoft Forms vul je jouw feedback in.
https://instudio.glrmediavormgeven.nl/beeldscherm/pr-04-ondersteuning/digitaal/figma-testen
Conclusie user test
Analyseer alle feedback die is gegeven op jullie prototypes. Bespreek met het team welk prototype het beste verder uitgewerkt kan worden. Wat gaan jullie nog aanpassen en welke feedback negeer je?
Definitieve App
Het team gaat 1 prototype uitwerken tot de definitieve app. Alle conclusies vanuit de user test worden uitgewerkt. Elk detail is belangrijk.
Twee prototypes.
Een conclusie van het testen.
De definitieve app.
presentaties
Reclame
Het team maakt een reclame voor de app. Tijdens de presentaties heb je die reclame nodig. Hoe gaat jullie app opvallen? Een poster, t-shirts, buttons, een filmpje, of nog iets anders leuks, verrassends, opvallends....?
Presentaties
Tijdens de laatste les zetten alle teams hun app op een computer klaar. De reclame wordt rondom deze computer aangebracht. Vervolgens mag iedereen rondlopen en alle apps bekijken.
De reclame voor de app.
De app is gepresenteerd.