Webbanner app maken

Van idee tot mobiele applicatie in zes stappen!

Date

Wil jij weten hoe de ontwikkeling van een app in zijn werk gaat? Aeres Tech Productions heeft in samenwerking met haar partner Pakt Digital een mobiele applicatie (app) voor de Floriade van 2022 ontwikkeld. In deze blog verklappen we ons zesdelige stappenplan. 

Wij krijgen regelmatig de vraag hoe je nu eigenlijk een mobiele applicatie (app) ontwikkelt. Een heel goede vraag. In deze blog leggen we je dit uit in zes simpele stappen. We gaan uit van de ‘Aeres – Floriade Park tour’ app, onze nieuwste creatie!

De ‘Aeres – Floriade Park tour’ app in het kort

 

Speciaal voor jongeren van 12 tot 20 jaar in het voortgezet-, middelbaar- en hoger beroepsonderwijs ontwikkelt Aeres een app die het online educatief programma van de Floriade aanvult. De app biedt op speelse wijze actuele vraagstukken uit de praktijk aan, verdeeld over de vier thema’s van de Floriade: groen, voeding, gezondheid en energie.

 

De-floriade-app

 

Terug naar de zes stappen.

Stap 1: Een kritische blik ontwikkelen

Je hebt een fantastisch idee en wilt hiervoor een app laten ontwikkelen. Wat nu?

De eerste stap is kritisch naar je idee kijken. Je wilt namelijk geen app ontwikkelen die al bestaat of nauwelijks verschilt van andere apps in dezelfde categorie. 

Neem je idee daarom onder de loep en stel jezelf daarbij vragen als:

  • Waarvoor laat ik deze app ontwikkelen?
  • Wat wil ik met mijn app bereiken (doelen)?
  • Wat maakt mijn app uniek of beter dan de alternatieven?

 

En, belangrijker nog!

  • Wie is mijn doelgroep?
  • Wat wil mijn doelgroep?


Een app ontwikkelen doe je niet voor jezelf, maar altijd voor anderen (je doelgroep). Dit kunnen bijvoorbeeld je medewerkers zijn, of – in ons geval – jongeren van 12 tot 20 jaar in het voortgezet-, middelbaar- en hoger beroepsonderwijs.

“In het schooljaar 2020/2021 gingen ruim 934 000 jongeren naar een vorm van voortgezet onderwijs (Nederlands Jeugdinstituut, 2021).” 

Dat is een flinke doelgroep voor alleen al het voortgezet onderwijs. 

Bepaal daarom je doelgroep. Betrek je doelgroep vervolgens in het ontwikkelproces van je app. Dit kan je op verschillende manieren doen, bijvoorbeeld door een interview of enquête. Of je app aan de wensen en eisen van je doelgroep voldoet, bepaalt uiteindelijk of mensen hem gaan dowloaden en gebruiken.

Stap 2: De functionaliteiten van de app bepalen

Is het dan nu tijd om je app te gaan bouwen? Bijna… Eerst moet je nog bepalen welke functionaliteiten je wilt inbouwen. Ook hierbij is het belangrijk om jezelf vragen te stellen, zoals:

Is de app voor Android, iOS of beide besturingssystemen?
De app van Aeres is voor beide besturingssystemen.

Wat voor soort app is het meest geschikt (native, web, hybride of cross-platform*)?
De app van Aeres is een cross-platform app.

*Ben je niet bekend met de termen native, web, hybride en cross-platform? In het kader hieronder geven we uitleg.

Native, web, hybride of cross-platform, wat zijn de verschillen?

Een native app (oftewel mobiele app) moet je eerst op je telefoon downloaden en installeren om hem te kunnen gebruiken. Een native app moet voor elk besturingssysteem (Android, iOS of beide) apart gebouwd worden.

Dit geldt niet voor een web app: die kun je simpelweg bereiken en gebruiken door de URL van de app in je browser in te typen. Een web app is in wezen een mobiele versie van een interactieve website.

Een hybride app is een combinatie van een native app en een web app. Je downloadt en installeert de app op je telefoon om hem te kunnen gebruiken, maar je laadt de inhoud (oftewel content) in via het web.

Een cross-platform app is een combinatie van een native, web en hybride app, met één opvallend kenmerk: je ontwikkelt de app in één programmeertaal, maar gebruikt de app voor zowel Android als iOS.

Stap 2: De functionaliteiten van de app bepalen

Wat voor soort content gaat de app bevatten: tekst, afbeeldingen, video of anders?
De app van Aeres bevat tekst, afbeeldingen, video’s en nog veel meer.

Waar gaat de app gebruikt worden (bijvoorbeeld thuis, op het werk of in de sportschool)?
De app van Aeres zal gebruikt worden op de Floriade van 2022 te Almere.

Dit zijn enkele voorbeelden van vragen die je jezelf kunt stellen voordat je je app gaat bouwen. 
Verlies bij het beantwoorden van de vele vragen je strategie niet uit het oog!

Stap 3: De app ontwerpen: functioneel en grafisch


Op naar de tekentafel!

3.1: Functioneel ontwerp en wireframes

 Je start met een functioneel ontwerp, de blauwdruk voor je app. Hierin beschrijf je waar de app uit moet bestaan (structuur) en wat de app moet kunnen (functionaliteiten). Dit kun je goed doen aan de hand van wireframes. Hierbij teken je de pagina’s van de app op simpele wijze uit. 

 

Wireframe blog app

Met andere woorden, bij het functioneel ontwerp bepaal je:

  • uit welke schermen de app bestaat;
  • op welke manier de schermen met elkaar verbonden zijn;
  • per scherm de plekken van de content en navigatieknoppen;
  • hoe de app werkt.
Bij het functioneel ontwerp bepaal je de vormgeving nog niet: het: grafisch ontwerp komt pas na het functioneel ontwerp.


3.2: Grafisch ontwerp

Na het functioneel ontwerp weet je precies de structuur en functionaliteiten van de app. Plus, je weet uit welke schermen de app zal bestaan, maar hoe ga je deze schermen aankleden (look and feel)? Dat bepaal je in deze stap. 

Wellicht heb je een huisstijl waar je je aan wilt houden of misschien heb je nog helemaal niks. De keuze is aan jou. Belangrijk is wel dat het ontwerp aansluit bij het gebruiksdoel van je app.

Grafisch ontwerp app

Bij het ontwerp van de app – zowel functioneel als grafisch – is het advies om de app te testen bij (zoveel mogelijk) mensen die niet betrokken zijn bij het ontwikkelproces. Andere ogen leiden vaak tot nieuwe inzichten.

Stap 4: De app bouwen en testen

Nu het fundament is gelegd, is het tijd voor de volgende stap: jijzelf of een team van app ontwikkelaars gaat de app bouwen en testen.

Maar waarom is het testen van een app zo belangrijk?

Het succes van je app staat of valt bij het gebruik ervan. Werken bepaalde functionaliteiten niet of begrijpt je gebruiker simpelweg niet hoe de app werkt? Dan heb je grote kans dat je beoogde doelgroep jouw app niet (lang) zal gebruiken of – erger nog – op zoek gaat naar een alternatief.

Stap 5: De app lanceren

Het moment is daar. Je kan de app aanmelden en publiceren bij de app store, bijvoorbeeld de Google Play store voor Android en de Apple App store voor iOS. Een spannende stap want je doelgroep gaat nu daadwerkelijk je app gebruiken! 

App-stores logos

Iedere gebruiker zal wat van de app vinden: positief of negatief. Het is daarom belangrijk om de bevindingen van je app-gebruikers periodiek te onderzoeken en op basis van de uitkomst de app door te ontwikkelen.

Stap 6: De app onderhouden en doorontwikkelen

De wereld van apps verandert om de haverklap. Onderhoud en doorontwikkeling zorgen ervoor dat je app actueel blijft en meegaat met de nieuwste ontwikkelingen.

Doe je dit niet? 

Dan wordt je app uiteindelijk minder relevant en minder gebruiksvriendelijk, met alle gevolgen van dien. 

Meer weten over apps ontwikkelen?

In dit blog is stap voor stap besproken hoe wij bij Aeres Tech Productions apps ontwikkelen. Wil je hier graag meer over weten? Aarzel dan niet om contact met ons op te nemen. We staan je graag te woord.