App ontwerp

App ontwerp
1 / 20
next
Slide 1: Slide
Digital ResearchISK

This lesson contains 20 slides, with text slides.

Items in this lesson

App ontwerp

Slide 1 - Slide

App ontwerp met een maatschappelijk of educatief doel

Concept of idee
Onderzoek voor welk (soort) organisatie of doel jij een app zou willen ontwerpen.
Wat voor een soort app moet het worden, wat is het doel van je app? Een educatieve app of heb jij de oplossing voor een maatschappelijk probleem?


Slide 2 - Slide

Educatief = je kan er wat van leren
Maatschappelijk = hoe mensen zich gedragen en met elkaar omgaan, hoe wij samenleven

Slide 3 - Slide

Maak een collage over jouw app idee.

Slide 4 - Slide

Bedenk voor jouw app 5 'pagina's'.
Dit noem je een flowchart

Slide 5 - Slide

Voor de eerste pagina, de landingspage, ontwerp je een logo.

Slide 6 - Slide

Maak nu de 5 losse pagina's in canva.
Kies daarvoor een sjabloon voor een telefoonachtergrond.

Slide 7 - Slide

Maak 5 losse  pagina's voor je app.

Niet 5 pagina's in 1 document!

Zorg dat de 5 pagina's bij elkaar passen qua uiterlijk zoals bijvoorbeeld kleur.

Slide 8 - Slide

Als je 5 pagina's in 1 document maakt, kun je de afbeeldingen niet los invoegen omdat het in een ZIPmapje zit.

Slide 9 - Slide

Maak een account aan op marvelapp.com

Slide 10 - Slide

Maak 5 pagina's aan en upload je 5 afbeeldingen.

Slide 11 - Slide

Maak nu de hotspots om de flow in je app aan te geven zoals je dit in je flowchart bedacht hebt.

Slide 12 - Slide

Klik op prototype

Slide 13 - Slide

Teken met je cursor waar je de hotspot wilt hebben.

Slide 14 - Slide

Nu zie je alle pagina's en kun je aanklikken naar waar de hotspot moet doorlinken.

Slide 15 - Slide

Klik naar waar de               hotspot moet doorlinken. 
bijvoorbeeld

Slide 16 - Slide

Nu kun je nog kiezen hoe het doorklikken eruit moet zien.

Slide 17 - Slide

Klik nu op het           pijltje rechtsboven voor een preview.

Slide 18 - Slide

Nu verschijnt er een handje op de plek waar je een hotspot hebt gemaakt. Klik erop en je gaat naar de pagina naar waar je hebt doorgelinkt.

Slide 19 - Slide

Doe dit zo voor alle 5 de pagina's volgens jouw flowchart. Test nogmaals en als alles klopt, lever je de link in via magister.

Slide 20 - Slide