DailySigning

Sluiten

DailySigning

2023

20 weken

Groep van 3

Schermontwerp

Programmeren

Video

Inhoudsopgave

Opdracht

Grenzen zetten

Onderzoek

Design

Uiteindelijke design

Een les

Design guidelines

Eindpresentatie

Conclusie

Ongeveer 430 miljoen mensen wereldwijd hebben een gehoorbeperking, maar de meeste mensen (ikzelf ook) spreken geen gebarentaal. Stel je voor dat er een soort Duolingo bestond, maar dan voor gebarentaal. In mijn eindexamenjaar zijn we voor het vak Onderzoek & Ontwerp begonnen met het ontwikkelen van een app die dat mogelijk maakt. Het idee: een toegankelijke, speelse manier om stap voor stap de basis van gebarentaal te leren. We sloten het project af met een presentatie in de stijl van Apple-keynotes, waarin we precies laten zien wat we in de afgelopen zes maanden hebben bereikt.

Opdracht

De opdracht was vrij breed: we mochten bijna alles bedenken wat we wilden, zolang het maar onderzoek én — je raadt het al — ontwikkeling bevatte. We kozen dit onderwerp omdat een familielid van iemand uit onze groep een uitgebreide cursus gebarentaal had gevolgd en merkte hoe tijdrovend en duur dat was. En eigenlijk is het best gek: er zijn talloze apps om gesproken talen te leren, maar bijna geen goede apps om gebarentaal te leren.

Onze uitdaging was om onderzoek te doen naar gebarentaal, de belangrijkste schermen van de app te ontwerpen, een paar werkende componenten te bouwen én het geheel af te sluiten met een sterke presentatie waarin we ons concept overtuigend konden neerzetten.

Grenzen zetten

We begonnen met het bepalen van onze eindopdracht. Het vak duurde ongeveer een half jaar en ons team bestond uit drie mensen. Omdat we maar vier uur per week les hadden om eraan te werken, en we ook nog in ons eindexamenjaar zaten, was het al snel duidelijk dat we geen volledige app konden opleveren. We hadden bovendien nog niet veel ervaring met design, laat staan met programmeren. Daarom hebben we duidelijke grenzen vastgesteld:

Gedeeltelijk programmeren

Omdat we niet echt programmeerervaring hadden, hebben we alleen de belangrijkste pagina’s in Swift gemaakt.

Alleen voor iOS

Hoewel de app beschikbaar moet zijn op iOS en Android, hebben we ons voorlopig alleen op iOS gericht.

Alleen Nederlandse gebarentaal (NGT)

Wist je dat elk land zijn eigen gebarentaal heeft? We hebben ons alleen op de Nederlandse gebarentaal geconcentreerd.

Geen advertenties

We willen dat de app zichzelf boven water houdt door de verkoop van advertenties, maar we hebben ons nog niet gericht op het daadwerkelijk implementeren ervan.

Onderzoek

We begonnen met het vinden van het kernprobleem: miljoenen doven en slechthorenden lopen tegen communicatiebarrières aan, terwijl de beschikbare middelen om gebarentaal te leren vaak beperkt, verouderd of gewoon niet compleet zijn.

Om de juiste context te krijgen, doken we in hoe gebarentalen werken, hoe ze per land verschillen en welke leermethoden er nu zijn (van cursussen en websites tot apps en social media). We hebben ook populaire gebarentaal-apps geanalyseerd en hun sterke en zwakke punten op een rijtje gezet.

Hier kwam een duidelijke conclusie uit: er is behoefte aan een moderne, gestructureerde en vooral zinnen-gerichte manier om gebarentaal te leren.

We onderzochten ook hoe apps gebouwd worden (via een website, web-app of native app) en doken in de technische mogelijkheden voordat we uiteindelijk voor SwiftUI kozen. Interviews met experts en potentiële gebruikers hielpen ons te bepalen wat de app wél en juist níet moest doen. Op basis daarvan maakten we een duidelijk programma van eisen: offline kunnen gebruiken, goede toegankelijkheid, een rustige interface en een focus op écht leren in plaats van alleen maar spelen zijn de belangrijkste punten.

Door de gebruikersbehoeften, technische mogelijkheden en marktkansen te combineren, hebben we de basis gevormd voor ons eerste concept: een interactieve, Duolingo-stijl app die gebarentaal leert in korte, gestructureerde lessen.

Design

Vervolgens gingen we verder met ontwerpen. We hebben de schermen ontworpen in Adobe XD. Hier zijn bijvoorbeeld enkele iteraties van de thema’s:

Thema's met getekende covers.

Thema's met iconen als covers.

Thema's met covers.

Uiteindelijke design

Hier is een overzicht van de uiteindelijke schermen die we hebben ontworpen:

De app begint met een simpele onboarding waar gebruikers kunnen inloggen of een account kunnen aanmaken. Het doel en logo zijn ook zichtbaar.

Op het homescherm vind je de streak, verdiende munten, updates en je huidige les. De pagina motiveert gebruikers om te blijven leren.

Een speelse winkel waar gebruikers outfits voor hun avatar kunnen kopen met de munten die ze verdienen. Je vindt seizoensgebonden producten en wisselende aanbiedingen om het leuk te houden.

Dit is de kern van de app. Gebruikers kiezen hier uit verschillende thema's (zoals kleuren, voedsel en reizen). Speciale intro-thema's leggen de basisprincipes zoals het alfabet en cijfers uit. Zoek- en filteropties maken het navigeren makkelijker.

Een nieuwsfeed met artikelen over de dovencultuur, tips voor gebarentaal en relevante evenementen. De pagina heeft filters en een aantal interacties, zoals opmerkingen.

Een persoonlijk profiel waar gebruikers hun avatar kunnen aanpassen, instellingen kunnen wijzigen, accountinformatie kunnen bewerken en kunnen schakelen tussen licht- en donkere modus. Ook zijn hier toegankelijkheidsopties.

Een les

Dit is hoe een les eruit ziet:

Het overzich van één les

Een vraag waarbij je een video van een woord krijgt en hardop antwoord moet geven.

Wanneer je een les hebt afgerond krijg je dit scherm te zien.

Design guidelines

Hier zijn de design guidelines die we voor onze app hebben gemaakt:

Logo

Het logo bestaat uit de twee beginletters D en S. We hebben twee versies: een met een groene achtergrond en een transparante.

Logo met transparante achtergrond.

Logo met groene achtergrond.

Lettertype

Voor het lettertype hebben we gekozen voor iets eenvoudigs: we gebruiken Apple’s eigen San Francisco lettertype.

The lazy fox jumps over the quick brown dog.

SF Pro Text

Kleuren

Hier zijn de meestgebruikte kleuren in ons project.

Vergrijst blauwgroen

Hoofdkleur van de app.

R

88

G

183

B

174

#

58B7AE

Oudroze

Complementaire hoofdkleur van de app.

R

183

G

89

B

153

#

B75999

Grijs

Gebruikt voor diverse achtergronden.

R

242

G

242

B

242

#

F2F2F2

Donkergrijs

Gebruikt voor de hoofdtekst.

R

44

G

44

B

46

#

2C2C2E

Eindpresentatie

Voor onze eindpresentatie hebben we een goed plan bedacht: We maakten een presentatie van 20 minuten en voegden enkele korte video's toe om de presentatie boeiend te houden. We maakten de dia's minimalistisch en voegden alleen de essentie toe. Om de app te tonen, hebben we een live-demo toegevoegd waar iedereen kon zien wat er op mijn scherm gebeurde. En om het helemaal af te maken: we hebben T-shirts met het logo erop laten drukken om ons idee te verkopen.

Hier is een overzicht van de belangrijkste dia's. Onder aan de pagina vindt je de link om de presentatie te downloaden.

Beginscherm

Ontwerpcyclus: Alle stappen die we hebben doorlopen.

Duidelijke grenzen van het project stellen.

Programma van eisen.

Het eindontwerp (Hier zag je mijn telefoonscherm met de app als live demonstratie).

Vragen die we tijdens het testen hebben gesteld.

Evaluatie.

Eindscherm, in Apple-stijl.

Conclusie

Dit project heeft me geleerd hoe je een ontwerpprobleem van begin tot eind aanpakt: onderzoek doen, gebruikersbehoeften in kaart brengen, bestaande oplossingen vergelijken en dat alles vertalen naar een helder concept. Ik leerde hoe je duidelijke vereisten opstelt en ontwerpbeslissingen neemt op basis van echte inzichten in plaats van aannames. Daarnaast kreeg ik mijn eerste kennismaking met app-ontwikkeling en SwiftUI, waardoor ik beter begrijp wat technisch haalbaar is. Het belangrijkste is misschien wel dat mijn teamwork-, planning- en communicatieve vaardigheden enorm zijn gegroeid, van het verdelen van taken tot het presenteren van ons werk op een duidelijke en gestructureerde manier.

Mijn groepsgenoten en ik na onze eindpresentatie.

Downloaden

De bestanden hieronder zijn beschikbaar om te downloaden.

Eindverslag

PDF document

22.1 MB

Eindpresentatie

PDF document

21.2 MB

Gelieve deze bestanden niet te wijzigen of verder te verspreiden. Als je ze gebruikt, vermeld dan graag de juiste bron.

Thomas Tolenaar

Altijd aan het leren, verbeteren en ontwerpen.

Made in the Netherlands, 2026