Omslag van 'Webtechniek voor niet-techneuten'

12. Apps: native apps, webapps en hybride apps

Een app is een klein programmaatje dat draait op een mobiele telefoon of een tablet. Naast apps heb je ook webapps. En nog een combinatie van beide: de hybride apps. Als je overweegt een app te ontwikkelen, is het belangrijk dat je voor- en nadelen van deze opties kent.

In onderstaande tekst hebben we gebruik gemaakt van het goede artikel Wat is het verschil tussen een native app, webapp of hybride app? op de website van Spijker& co.

12.1 Native apps

Een app die speciaal ontwikkeld is voor gebruik op een mobiele telefoon of tablet is een native app. De app kun je niet openen in een browser en is daarmee wezenlijk anders dan een webapp (zie verder). Een app specifiek ontwikkeld voor mobiel heeft de potentie om heel gebruiksvriendelijk te zijn.

Voordelen

  • Maximaal gebruik van alle beschikbare functionaliteiten van het apparaat
  • Integratie mogelijkheden met andere apps
  • Toegang tot de smartphone-bibliotheek voor gebruik van media
  • Geen internetverbinding nodig
  • Hogere snelheid op het apparaat

Nadelen

  • Per platform (Apple iOS, Android, Windows mobile) moet er ontwikkeld worden
  • Goedkeuring voor plaatsing in de store nodig
  • Verandering/update in de software van het platform kan betekenen dat de techniek aangepast moet worden

12.2 Webapps

Een webapp is in feite een soort mini-website. Het wordt gebouwd in HTML, CSS en JavaScript.

Het voordeel van een webapp is dat deze vrij goedkoop is om te ontwikkelen. Een goed voorbeeld van een webapp is de afval-app, die veel gemeenten hebben. Je voert je postcode in en je ziet gelijk wanneer je je vuilnis buiten moet zetten.

Voordelen

  • Voor alle browsers is slechts 1 webapp nodig.
  • App is altijd up-to-date
  • Beperkt gebruik van specifieke beschikbare sensoren van je smartphone of tablet (locatie, accelerometer)
  • Niet afhankelijk van goedkeuring voor plaatsing in een store
  • Relatief lage ontwikkelkosten

Nadelen

  • Niet alle functionaliteit van een mobiele telefoon of tablet kan gebruikt worden
  • Geen opslag van data op het toestel zelf, dus altijd verbinding met internet nodig
  • Geen distributiekanaal (store)
  • Technisch gezien zijn er beperkingen doordat je beperkt ben tot de mogelijkheden van HTML, CSS en JavaScript.

12.3 Hybride apps

Een hybride app combineert de webapp met een native app. De voor- en nadelen zitten daarom ook tussen beide mogelijkheden in. Het is goedkoper dan een app, duurder dan een webapp en biedt net wat meer mogelijkheden dan de webapp.

Voordelen

  • De gecombineerde mogelijkheden van een native en een webapp
  • Flexibiliteit
  • Minimale uitbreidingen mogelijk zonder een echte release in de store

Nadelen

  • Hybride kan een reden zijn tot afwijzing van het plaatsen in de store.
  • Onderhouden van 2 omgevingen betekent meer kosten op de lange duur

12.4 Wat moet je nu kiezen

Als je je content wil aanbieden voor mobiele platforms, welke vorm moet je dan kiezen? En om het geheel nog moeilijker te maken: je hebt nog responsive sites: sites die zich aanpassen aan het beeldscherm van je gebruiker. Er zijn dus 4 varianten.

Het beste kun je beginnen met je website responsive te maken. Je hebt dan maar 1 site om te onderhouden. Een responsive site werkt op een mobiel scherm, op een tablet zoals een iPad en op een desktop. Dus dan bedien je iedereen.

Maar apps bieden aanvullend enkele belangrijke voordelen, dus een app kan daarna nog steeds van meerwaarde zijn voor jouw klanten. Dit is wel een apart project en je zult de app moeten ontwikkelen én onderhouden.

Begin daarom met een goed strategisch plan:

  1. Welk probleem van jouw klant wil je oplossen?
    Is het wel een probleem van de klant of is het een wild niet onderbouwd idee van het management? Misschien bestaat het vraagstuk niet eens (behalve bij je manager) of kan het probleem al opgelost worden door je website responsive te maken.
  2. Welke functionaliteit is nodig?
    Als je eerst een webapp bouwt en je merkt na 2 maanden dat je eigenlijk een app nodig hebt, dan heb je onnodig geld verspild aan de webapp. Bedenk daarom vooraf wat nodig is om het probleem effectief op te lossen.
  3. Welk budget heb je?
    Van goedkoop naar duur: responsive site, webapp, native app en hybride app.
  4. Voor welke platformen wil je ontwikkelen?
    Pak je webstatistieken erbij en bekijk welke platformen veel gebruikt worden. Het is vaak al voldoende als je ontwikkelt voor Android en voor iOS van Apple.

12.5 Testen van native apps

Het testen van een native app kan uitstekend met de ingebouwde toegankelijkheidsfuncties van Android en iOS. Meer hierover lees je op Mobile Accessibility Testing Guide for Android and iOS
top

Feedback

Contact

Vul dit in als je wil dat we contact met je opnemen.