Product biografie Project hipper

De eerste week

In de eerste week maakt we kennis met onze opdrachtgevers en kregen we een briefing over de opdracht. Daarna ben ik enthousiast van start gegaan met eerst een stukje onderzoek over revalidatie, de doelgroep en persuasion principles. Vervolgens ben ik mijn eerste ideeën gaan schetsen en gaan verwoorden. Aan het eind van de eerste week ben ik mijn eerste ideeën gaan pitchen om te peilen of ik in de goede richting zit.

Wat is Hipper

Hipper is een IOT device dat je de gebruiker helpt met revalideren. Van origine helpt het met het revalideren na een heupfractuur maar tegenwoordig wordt Hipper ook bij andere revalidaties ingezet, een voorbeeld is bijvoorbeeld Covid-19. Het apparaat heet de PAM. De PAM meet de beweging van de gebruiker en stuurt deze data via de server naar een dashboard. De hoeveelheid beweging wordt gemeten in een zo gehete PAM score. Deze bewegingsdata kan de revaliderende vervolgens weer met zijn therapeut bespreken en hier doelen bij maken.

De opdrachtgever

De opdrachtgever is het Lectoraat Digital Life. Ze hebben meerdere projecten waarvan Hipper er één van is. Wat ze allemaal gemeen hebben is dat het projecten in de gezondheid zijn die gecombineerd worden met techniek. Binnen dit Lectoraat werken wij voor Margriet en Michel.

Onderzoek

Voordat ik begin met conceptualiseren wil ik eerst wat achtergrond informatie over revalideren en mijn doelgroep. Daarbij doe ik ook onderzoek naar persuasion technieken omdat de opdracht is om revalidanten te motiveren om te gaan bewegen.

Wat is revalideren nou eigenlijk?

Revalideren is herstellen na bijvoorbeeld een operatie, letsel of ongeval. Vaak komt hier medische begeleiding bij kijken. Er zijn verschillende soorten revalidatie; niet-neurologische, neurologische en geriatrische revalidatie.

Niet-neurologische revalidatie houdt in dat er gerevalideerd wordt op aandoeningen aan het lichaam. Denk bijvoorbeeld aan gewrichtsproblemen en reuma.

Neurologische revalidatie is meer gericht op aandoeningen aan de hersenen en het zenuwstelsel. Het kan gaan om geboren afwijkingen maar ok om bijvoorbeeld beroertes, spierziektes, MS en een dwarslaesie.

De hiervoor genoemde soorten revalidatie zijn medisch specialistische revalidatie. Daarnaast bestaat ook nog de geriatrische revalidatie. Deze revalidatie vindt meestal plaats in verpleeghuizen. Via deze vorm van revalidatie kunnen mensen herstellen van bijvoorbeeld een heup of knie operatie.

Doelgroep

In onze briefing kregen we al te horen dat onze doelgroep revaliderende mensen zijn met een gemiddelde leeftijd van ongeveer 70 jaar. Omdat Hipper nu niet meer alleen wordt ingezet bij het revalideren na een heup fractuur gaat deze gemiddelde leeftijd langzaam omlaag. Hipper kan bijvoorbeeld ook na een langdurige COVID-19 infectie worden ingezet om te revalideren, en deze leeftijden liggen soms lager dan de 70 jaar.

Maar een doelgroep van 70-jarige. Wat houdt dat in?

Digitale immigranten

Onze doelgroep is opgegroeid in een wereld waarin de computertechniek nog geen dagelijks gebruik was. Volgens Tineke in het artikel ‘Ontwerpen voor senioren’ houdt dit in dat het voor ouderen heel normaal was om met handleidingen te werken en daar alle stappen in te volgen. UX speelde nog geen grote rol en daarom komt de digitale wereld snel over als ingewikkeld en ongebruiksvriendelijk. Ook het maken van fouten had vroeger een grote impact en was het (vaker) mogelijk om onherstelbare fouten te maken. Hierdoor kan het zijn dat ouderen banger zijn om fouten te maken en daarmee hun hele computer, tablet of telefoon kapot maken.

Leesbaarheid

Tijdens de kick-off van dit project kwam de leesbaarheid van de webapplicatie al even aan bod. Ook het artikel ‘Ontwerpen voor senioren’ schrijf hier iets over. De leesbaarheid is van groot belang voor deze doelgroep. Op latere leeftijd gaat je zicht achteruit en wordt lezen moeilijker. Het is dus belangrijk dat het font groot genoeg is en dat er genoeg contrast is voor tekst en knoppen.

De taal van onze doelgroep

Ouderen zijn meer tekst georiënteerd en nemen vaker de tijd om teksten te lezen. Daarnaast is onze doelgroep minder bekend met technische teksten. Denk hierbij aan bijvoorbeeld cookies, hastags of in het geval van Hipper met sensortechnologie, IOT, en PAM scores.

Interactie

De interactie bij ouderen is langzamer en minder precies. Voor onze doelgroep kunnen we hier rekening mee houden door bijvoorbeeld de knoppen groter te maken en meer ruimte te geven om te voorkomen dat ze ergens anders op klikken.

Geheugen

Het geheugen van ouderen werkt niet zo snel meer als dat van jongeren. Het vasthouden van informatie is soms lastiger hierdoor kost het meer moeite om nieuwe vaardigheden te leren of langere tijd hun aandacht bij één taak te houden. Om hier rekening mee te houden kunnen we taken opdelen in stappen en niet teveel informatie tegelijk aanbieden. Ook design patterns komen hierin terug, wijk niet af van standaarden; gebruik bekende patronen en iconen. Het is niet de bedoeling dat we onze gebruikers dwingen nieuw gedrag te leren en te onthouden. Daarbij is consistentie een goede manier om de gebruiker niet te stressen en elke pagina weer alles opnieuw in te laten nemen.

Helpen van de gebruiker

Tot slot kunnen we onze doelgroep een handje helpen. Zo moeten we goed over onze userflow nadenken. Als je naar een volgende pagina/ stap gaat, klopt de inhoudt met wat de gebruiker verwacht? Komt hij niet voor verassingen te staan en komt onze gebruiker niet op beslismomenten op eens nieuwe informatie of opties tegen? Ook is het voor onze doelgroep handig als ze persoonlijk contact kunnen opnemen als ze er niet uitkomen.

De gebruiker motiveren om te (blijven) bewegen (Persuasion principles)

In het eerste jaar van deze studie heb ik het vak Maatschappij en Interactie gevolgd. Dit vak ging over hoe je gebruikers kan verleiden tot actie. Ook ging dit vak in op de ethiek van deze principes en dat ze vaak voor worden ingezet ten goede van het bedrijf en niet voor de gebruiker. Maar er zit ook een andere kant in deze technieken, zo heb ik toen een project gedaan over hoe de app Runkeeper de gebruikers konden stimuleren en motiveren om vaker en langer te blijven hardlopen.

Om ouderen te motiveren om te gaan of te blijven bewegen kan ik een aantal van deze persuasion principes gaan inzetten. Hieronder benoem ik een aantal van deze principes die mogelijk te gebruiken zijn bij het maken van een concept.

Reciprocity / wederkerigheid

Reciprocity is iets krijgen zonder dat we het verwachten. Dit zorgt ervoor dat we de waarde ervan disproportioneel vergrote. Daarna voelen we ons vaak verplicht om iets terug te doen. Om even snel een voorbeeld te verzinnen passend bij Hipper; Je komt bij de ergo therapeut en je krijgt bij je revalidatie oefeningen een gratis Hipper om je progressie te meten. De revalidant is dan sneller geneigd om zijn oefeningen uit te voeren.

Authority

Mensen respecteren autoriteit. Het uitstralen van autoriteit vergroot de kans dat mensen meewerken. Als iemand onzeker is over een keuze, is hij/zij sneller geneigd de mening en keuze van een autoritair figuur te volgen. Als voorbeeld zou je kunnen zeggen dat gebruikers van de Hipper applicatie sneller revalidatie oefeningen zullen uitvoeren als deze gemaakt en uitgekozen zijn door hun/een ergotherapeut.

Social proof

Sociaal proof is dat mensen graag doen wat andere mensen doen. Mensen kijken naar elkaar wat ze doen en passen daar hun gedrag op aan. Bijvoorbeeld als in de toekomst elke revalidant Hipper gebruikt om te revalideren zal een nieuwe revalidant sneller geneigd zijn het ook te gaan gebruiken.

Commitment & Consistency

Mensen voeren sneller gedrag uit wat zij verbaal of schriftelijk hebben aangegeven dit te zullen doen. Want we blijven graag trouw aan onszelf en onze eigen keuzes, dus zullen we altijd proberen ernaar te handelen. Bijvoorbeeld als ik voor het ontvangen van een Hipper apparaat aan moet geven dat ik elke dag het apparaat moet dragen voor het beste resultaat en een handtekening moet zetten dat ik deze voorwaarden begrijp zal ik eerder geneigd zijn dit netjes te doen.

Leren

Leren is zoveel mogelijk feedback uit directe omgeving krijgen. Al van jongs af aan hebben mensen de behoefte om te leren. Bijvoorbeeld een kleuter die alle knopjes van de lift heeft ingedrukt omdat de feedback (het lichtje) plezier oplevert.

Beloning

Een beloning is als je iets krijgt door iets te doen. Als we een actie doen verwachten we daar iets voor terug. Bijvoorbeeld als ik mijn bewegingsdoel haal in de ASR Vitality app dan krijg ik daar een cadeaubon voor terug. Maar het kan ook simpeler; als ik mijn statiegeld flessen in het apparaat doe bij de Albert Heijn krijg ik te zien hoeveel geld ik terug krijg op een bonnetje.

Geluksambassadeur

Een geluksambassadeur is iemand die op je afstapt als je een “pijnpunt” bereikt. Een geluksambassadeur komt op je af om je een extraatje te geven zodat je een positief moment beleeft. Het is lastig om hier nu al een goed Hipper voorbeeld bij te verzinnen, dus ik ga deze uitleggen aan de hand van gokken. Als je tijdens het gokken veel verliest ervaar je een pijnpunt. Dit pijnpunt is vaak de motivatie om te stoppen met gokken. Maar bij het Casino houden ze dit in de gaten, en zodra jij een pijnpunt ervaart komen ze bijvoorbeeld langs om je wat te drinken of eten aan te bieden. Zo ervaar je weer iets positiefs en is de kans groter dat je toch doorgaat met je spel.

Benchmark A.S.R Vitality

Tijdens de kickoff werd het duidelijk dat één van de doelen van onze toepassing was om de revalidanten te motiveren om te gaan bewegen. Zelf had Margriet het al over doelen stellen, zoals dat ook kan via de smartwatch. Zelf gebruik ik de app Vitality van A.S.R verzekeringen. En dit is by far niet de beste oplossing, maar wel een goede manier om deze eens te benchmarken. Wat doen ze bij vitality en hoe laten ze de informatie zien en hoe motiveren hun de gebruikers om meer te bewegen.

Stappen of Hartslag

Bij Vitality krijg je punten voor het aantal stappen dat je zet. Dit is best wel hoog, ik geloof dat je 100 punten krijgt voor 10.000 stappen. Misschien dat dit goed te halen in een normaal dag ritme, maar voor mij was dit best wel hoog. Aangezien ik zelf gedurende dag ook veel thuis zit en nergens heen ga. Ik maak daarom gebruik van de andere manier om punten te krijgen, en dit doe je door activiteiten te doen en deze op te nemen met bijvoorbeeld je smartwatch. Gedurende deze activiteiten word je hartslag opgenomen en op basis van de duur van je activiteit en je gemiddelde hartslag krijg je punten. Als voorbeeld; Als ik 90 minuten mountainbike met een gemiddelde hartslag hoger dan ongeveer 115 dan krijg ik 300 punten.

Beloning

Om hun gebruikers te motiveren geeft Vitality belongingen die ook echt de moeite waard zijn. Ik ga ze niet allemaal doornemen, maar ik kan wel even highlighten waar ik het voor doe. Elke week als ik mijn punten haal krijg ik 1 tegoed. Bij 4 tegoeden kan ik een Bol.com bon kopen ter waarde van 20 euro. Dit betekend dat ik elke maand zo'n bon kan krijgen als ik altijd netjes me doelen haal.

Daarbij hebben ze ook nog een andere beloning, zo kon ik een Iwatch kopen via hun. Deze kan ik dan over 2 jaar terug verdienen. Als ik elke maand mijn punten haal (2400) dan krijg ik 1/24ste van het aankoop bedrag terug op mijn rekening.

Data

Vitality laat op verschillende plekken data zien. Allereerst zie je snel hoeveel punten je heb gehaald voor die week. Maar je kan ook zien waar je punten voor gekregen heb. Je weekdoel laten ze zien met een circle die zich moet vullen, daarin staat je aantal punten die je al behaald heb. Indien je alle punten heb gehaald telt hij de punten op naar je max aantal punten en laat hij een gouden beker zien dat je het weekdoel behaald heb.

Conclusie

Vitality heeft natuurlijk een heel groot budget of partners om beloningen te geven. Dit zal de grootste reden zijn waarom veel mensen dit gebruiken en waarschijnlijk ook wel bij deze verzekering zich aansluiten. Het design is simpel en kost niet veel moeite om te leren. Er zitten wat leuke interacties in zoals het optellen van je punten. Wel is de info pagina erg leeg en mis ik daar nog wel iets persoonlijks/spannends of iets dergelijks. Maar misschien is simplicity ook wel key hier. Leuk om eens te testen.

Hipper data overzicht

Door het dragen van het Hipper apparaatje de PAM wordt er data opgeslagen op de server. Onze opdracht is om voor deze data een dashboard te maken. Om dit te doen is het nodig om eens goed te kijken naar welke data we hebben. In de afbeelding hieronder staat een overzicht hoe de data eruit ziet. De data bestaat uit twee delen:

PAM daily values

In de daily values is de data samengevat per dag.
In deze data is af te lezen hoeveel minuten de gebruiker heeft bewogen en met welke intensiteit.
In het voorbeeld is te zien dat deze gebruiker 59 minuten aan lichte activiteiten heeft gedaan.
Daarnaast heeft hij nog 8 minuten aan medium activiteiten gedaan en geen zware activiteiten.
De score die hij deze dag voor zijn activiteiten heeft gekregen is een 8.50.

PAM epoch values (raw data)

Deze data is de ruwe data van het apparaat.
Het apparaat stuurt welke 15 minuten een update van de activiteiten.
In de score zie je een string van 192 karakters waarvan elke 2 karakters 15 minuten zijn.
De score van deze twee karakters geeft de beweging aan.

Diagram

De twee data objecten zijn gelijk aan elkaar. Het is dezelfde gebruiker op dezelfde dag. Dus de ruwe data aan de rechterkant wordt vertaald naar het dagelijkse overzicht aan de linkerkant.

Job stories

Nu ik mij al een beetje kan inleven in de doelgroep is het tijd om me verder te verdiepen.
Dit doe ik door het maken van job stories. Deze geven context aan de behoeftes van de gebruikers.
Door dit in kaart te brengen kan ik er bijvoorbeeld achterkomen wat het hoofddoel is van de gebruiker.
Daarbij speelt context een grote rol, door de context te schetsen kan ik ideeën krijgen om bepaalde features of technieken toe te voegen.
Hieronder een aantal job stories. Deze kunnen in de komende tijd aangevuld worden.

Het bekijken van de dagelijkse score

Wanneer ik naar bed ga omdat ik moe ben van de lange dag
Dan wil ik zien of mijn PAM score hoger of lager is dan gister
Zodat ik weet of ik vandaag meer beweging heb gehad dan gister en er dus progressie zit in mijn revalidatie.

Het bekijken van de wekelijkse score

Wanneer ik aan het eind van de week mijn Hipper dashboard bekijk op mijn tablet
Dan wil ik zien hoeveel ik heb bewogen deze week en of dat meer of minder is dan afgelopen weken
zodat ik weet of er progressie zit in mijn revalidatie.

Score delen met de therapeut

Wanneer ik op mijn wekelijkse afspraak bij de ergotherapeut kom
Dan wil ik laten zien op mijn telefoon hoeveel ik afgelopen week heb bewogen en welke progressie ik gemaakt heb
Zodat ik nieuwe aangepast advies kan krijgen over mijn revalidatie door bijvoorbeeld nieuwe bewegingsoefeningen te krijgen.

Voorbeeld oefeningen op niveau

Wanneer ik mijn ergo oefeningen wil gaan doen
Dan wil ik op mijn tablet een aantal oefeningen zien die ik kan doen
Zodat ik gemotiveerd word om te bewegen doormiddel van oefeningen op het niveau wat ik aan kan.

Motivatie tot bewegen

Wanneer ik lekker op de bank zit en moeite heb om te beginnen met bewegen
Dan wil ik dat Hipper mij helpt te motiveren om te gaan bewegen
Zodat mijn revalidatieproces niet achteruitgaat.
 

Eerste ideeën

Het eerste concept voor Hipper:
Als een gebruiker begint met Hipper kan hij zijn begin niveau afstemmen met zijn ergotherapeut. Vervolgens kan de revalidant door middel van het PAM apparaat beweeg doelen halen in de Hipper applicatie. Naar mate hij doelen haalt wordt zijn niveau steeds hoger.

In de app zijn ook oefeningen te vinden om te bewegen. Als de revalidant zelf weinig beweging heeft zoals de was doen, boodschappen etc.. kan hij ervoor kiezen om oefeningen te doen in de app. Deze oefeningen zijn ingedeeld op niveau. De gebruiker kan alleen oefeningen zien tot het niveau dat hij op dat moment heeft.

Door het behalen van de dagelijkse / wekelijkse doelen kan de gebruiker niveaus omhoog gaan. En hierdoor dus nieuwe oefeningen vrijspelen. Zo zou je bijvoorbeeld op niveau 5 een oefening hebben om 1 kilometer rustig te lopen en zou je later op niveau 12 een oefening hebben om 15 minuten te dansen. Ik noem maar een voorbeeld.

De niveaus zullen worden vastgesteld aan de hand van het gemiddelde PAM score van die week. Presteert de revalidant goed die week, dan zal hij een niveau omhoog gaan. Presteert hij die week minder goed, dan zouden we ook nieuwe oefeningen op hetzelfde niveau kunnen vrijgeven. Zo ervaart de revalidant misschien wel een positief momentje ondanks zijn “pijnpunt” die week. -> Onderzoek: Geluksambassadeur.

Schetsen

Homepage / overview

Op deze pagina zie je een dagelijks/wekelijkse overview van je doel. Daarnaast wordt ook aangegeven hoeveel minuten je licht, medium of zwaar actief ben geweest. Vervolgens worden er een aantal activiteiten weergeven van een therapeut. Deze activiteiten dienen als inspiratie om te gaan bewegen. Doordat ze van een therapeut komen pas ik hier het principe Authority toe. Zie mijn onderzoek over meer informatie over deze principes.

Activiteiten

Door je doelen te halen krijg je een hoger niveau. Op basis van je niveau zijn er oefeningen beschikbaar. Hierdoor wordt de gebruiker beloond voor het halen van zijn doelen. Ook ben ik er hier vanuit gegaan dat door het behalen van deze doelen de gebruiker steeds verder komt in zijn revalidatie proces en zo steeds moeilijkere oefeningen kan gaan doen, vandaar de niveaus.

Onder de activiteiten staat hoeveel revalidanten die oefening al gedaan hebben die dag/week. Hiermee pas ik het principe Social Proof toe en worden de gebruikers gemotiveerd ook die oefening te proberen.

Als je vervolgens op de oefening klikt krijg je een instructies hoe je die oefening moet uitvoeren. Zowel met een video als met een stappenplan. Want in mijn doelgroep onderzoek kwam naar voren dat onze doelgroep gewend zijn om stapsgewijs instructies uit te voeren en zal een video niet altijd de passende keuze zijn.

Kalender

Dit idee schoot me later te binnen. Maar hoe handig zou het zijn als je een overzicht heb waarin je ziet op welke dag je welke score heb behaald. Dit overzicht kan je dan heel goed laten zien aan je therapeut die dan (hopelijk) al heel snel een idee krijgt wat je progressie is op basis van de resultaten van je PAM apparaatje en de beweging van de revalidant. Dit is nog niet helemaal uitgewerkt in mijn concept, maar soms als je iets te binnen schiet kan je het maar beter even snel op papier zetten.

Feedback Michel & Margriet

Het toevoegen van een dagelijks doel is een goed idee, dan heeft de revalidant een streven om naar toe te werken. Het is ook een goede/andere manier om data te tonen. De vormgeving van het dagelijks doel ziet er ook goed uit.

De applicatie dient echt als een hulpmiddel voor coaching met de therapeut, dus niet om de therapeut te vervangen en alle oefeningen te vinden in dit platform.

Het idee van de activiteiten zijn heel goed, maar de activiteiten moeten wel wat algemener. Dus in plaats van 10x squads met een stoel, meer wandelen, boodschappen doen of stofzuigen. Het is namelijk een revalidatie weer naar een ‘normaal’ leven, en een doel van een revalidant zou heel goed kunnen zijn om weer zelfstandig boodschappen te kunnen doen.

Het is wel een goed idee om de gebruiker te belonen door het doen van activiteiten, maar het vorderen in niveaus kan ook heel goed demotiverend werken. Er zijn meer dan een paar revalidanten die moeite hebben met revalideren en hun doelen niet halen. Hierdoor zullen ze niet in een niveau stijgen en is de kans groot dat dit demotiverend gaat werken.

Conclusie

Mijn eerste ideeën zijn in de goede richting. Het concept moet een klein beetje worden aangepast. Ik ga de niveaus verwijderen en de activiteiten aanpassen naar meer realistische activiteiten. Ik kreeg het idee dat Margriet en Michel enthousiast waren over mijn concept en ik sta te springen om het concept te gaan uitwerken in de browser zodat ze echt iets kunnen zien en testen.

De tweede week

In deze week ga in mijn concept uitwerken in de browser. Het doel is om eind van de week een eerste prototype te hebben waarin al enkele functionaliteit is uitgewerkt. Ook wil ik alvast enige aandacht besteden aan het uiterlijk zodat ik kan testen of mijn keuze hiervoor ook is waar ze naar op zoek zijn.

Vormgeving

Ik heb een duidelijk stijl gemaakt die ik verder in de app ook wil gaan aanhouden. Dit zijn grote knoppen en een grote datavisualisatie. Verder maak ik veel gebruik van horizontale scroll secties waar bijvoorbeeld activiteiten in staan. Verder laat ik het blauw en het oranje van de hipper huisstijl terugkomen in de applicatie. Verder worden er grijstinten en witruimtes gebruikt om rust te geven maar wel een duidelijke hiërarchie te maken.

Tablet

Margriet en Michel hebben aangegeven dat er voornamelijk op tablets wordt gewerkt. Met dit inzicht ben ik mijn eerste concept aan het uitwerken op tablet formaat. Later ga ik me ook bezig houden met de responsiveness naar mobile en desktop.

Dag- en weekdoelen

Ik heb een eerste opzet gemaakt voor de dag- en weekdoelen. In een geanimeerde cirkel visualisatie die nu nog statisch is laad ik de data in. Dit toont nu de pamscore die op die dag gehaald is. De border geeft aan hoever je bent tot je einddoel. Het einddoel is het gemiddelde van alle pamscores plus één.

Activiteiten starten

Je kan activiteiten kiezen om te gaan doen. Ik heb een lijst gemaakt van een aantal activiteiten waar ik Margriet over gehoord heb. Ik heb er ook voor gekozen om een ‘overige’ keuze aan te maken zodat de revalidant ook iets anders kan doen.

Activiteiten gedaan

Ik heb ook een sectie gemaakt waarin de activiteiten komen te staan die de revalidant gedaan heeft. Als hij bijvoorbeeld is gaan wandelen, en dit heeft geregistreerd met deze app komt deze hierin te staan met zijn behaalde PAM score voor deze activiteit.

Activiteiten pagina

Op de activiteiten pagina staan verschillende oefening op gradaties van licht, medium en zwaar. Elke gradatie in een horizontale scrollbare sectie waar je activiteiten kan uitkiezen om te starten.

Feedback Michel

Margriet kon deze feedback sessie helaas niet aanwezig zijn. Ik heb haar een opname van het feedback gesprek gestuurd zodat ze op de hoogte is van de progressie.

Ik kreeg feedback op het berekenen van het dagelijkse doel. Deze wordt nu berekend door de gemiddelde pam plus één. Maar waarschijnlijk is het beter als de gebruiker zelf dit doel kan instellen samen met de therapeut. Wel kan de gemiddelde pamscore plus één ingesteld worden als een initial/default state.

Verder was Michel al erg tevreden over het design. Het ziet er goed uit. De grote knoppen zijn waarschijnlijk goed te gebruiken voor oudere.

De content op de activiteiten pagina is misschien nog wel veel scrollen. En alle activiteiten hebben (nog) hetzelfde icoon. Je kan ervoor kiezen om meer nadruk op de titel te leggen of unieke iconen te gebruiken.

Feedback Koop

Tijdens mijn checkup met Koop kreeg ik ook nog wat goede feedback.
En gaaf idee zou kunnen zijn om samen met de therapeut voor de komende tijd activiteiten in te plannen.

En na het voltooien van een activiteit kan je dan heel goed om feedback vragen. Hoe ging de activiteit voor de gebruiker bijvoorbeeld en was deze activiteit nou licht, medium of zwaar? Kan dat uit de data worden gehaald?

Over het design kreeg ik de feedback dat het uit een ux oogpunt wel handig is om bij horizontale scrol secties feedback te geven dat er meer is.

Code review Justus

Ik kreeg wat tips over semantiek in mijn code en dat ik alle variable bovenaan moet zetten. Daarbij kreeg ik nog een review op de beveiliging van het inloggen en registreren.
In deze week heb ik refactoring gedaan in mijn code en heb ik de variabelen boven aangezet en wat semantische updates gedaan. Ik heb besloten nog even niks met het beveiligen te doen omdat dit niet mijn main focus is in dit project.

Conclusie

Mijn applicatie begint echt al vorm te krijgen. De volgende stap is om alles echt dynamisch te krijgen. Verder is het design goed en kan ik hier mee verder. Er zijn wat kleine puntjes die aandacht nodig hebben zoals bijvoorbeeld de horizontale scrolbar. Verder heb ik nog wat nieuwe ideeën gekregen voor de activiteiten pagina om de samenwerking tussen de revalidant en therapeut te bevorderen. Als je namelijk samen met je therapeut activiteiten gaat plannen maak je gebruik van het Authority en Commitment & Consistency principe uit mijn persuasion principles onderzoek.

 

De derde week

In deze week ben ik aan de gevorderde code begonnen. Zo heb ik in deze week een database gekoppeld en ben ik gaan werken met gebruikers. Dit doet het oude dashboard van Hipper zelf ook al, maar ik moest zelf ook users gaan gebruiken.

Inloggen & registreren

De gebruikers kunnen nu registreren en inloggen. De gebruikers worden vervolgens opgeslagen in een mongoDB database.

Activiteiten iteratie

Ik heb de activiteiten aangepast naar een simpele selectie van een aantal activiteiten. Er zit geen onderscheid meer in licht, medium of zwaar. Of deze activiteiten licht of zwaar worden uitgevoerd is aan de gebruiker en zijn therapeut. Zo zal rustig wandelen een lichte activiteit zijn en snelwandelen waarschijnlijk een zware activiteit. Maar in beide gevallen kan de activiteit wandelen gestart worden.

Activiteit starten

Je kan nu in de applicatie een activiteit starten en opslaan. De gegevens worden dan opgeslagen in de database en de voltooide activiteit zal worden toegevoegd op de home pagina met de behaalde score.

Feedback pagina’s

Als je een activiteit stopt en opslaat dan krijg je een overwinningspagina te zien. Je hebt namelijk een activiteit voltooid. Op deze pagina zal je informatie over je activiteit zien met je score. Waarschijnlijk zal deze score 0 zijn, omdat je pam apparaatje eerst moet synchroniseren met de server. Dit staat ook uitgelegd op deze pagina.

Activiteit detail pagina

Je kan je voltooide activiteit later nogmaals bekijken. Je krijgt dan een activiteit detail pagina te zien waar de informatie op staat weergegeven van de voltooide activiteit.

Activiteiten plannen

Ik heb even een eerste snelle opzet gemaakt voor het plannen van activiteiten met de therapeut. Het is nog niet gekoppeld aan een database, maar ik kan het nu wel even testen met Margriet en Michel.

Feedback Margriet en Michel

Allereerst waren zowel Michel als Margriet enorm tevreden over het tot nu toe behaalde resultaat. Het begint echt al ergens op te lijken.

Margriet vroeg zich af of je ook andere activiteiten kan toevoegen. Momenteel kan je kiezen voor overige; maar je kan geen activiteit toevoegen aan het rijtje. Bijvoorbeeld als de therapeut je als activiteit geeft om te gaan afwassen kan je die niet toevoegen.

Het idee van activiteiten plannen met de therapeut werd goed ontvangen. Op deze manier is de therapeut ook echt een onderdeel geworden in het hipper traject.

Een idee om overzichten toe te voegen van de voltooide activiteiten door de tijd heen en een overzicht op welke dagen welke score is behaald in het dag doel werd positief ontvangen en staat nu op mijn todo lijstje.

Design review met Sanne

Wat nou als iemand een activiteit wil toevoegen die hij al wel heeft gedaan maar waar hij is vergeten om de applicatie te gebruiken? Hiervoor zou je een activiteit moeten kunnen toevoegen die niet live gestart wordt.

Call to actions toevoegen op pagina’s. Bijvoorbeeld op de feedback pagina nadat een activiteit voltooid is. Wat is de volgende stap? Nu blijf je vast zitten op die pagina.

Als je een activiteit doet, menu weghalen. Want als je naar een andere pagina etc.. gaat dan registreert hij de activiteit niet meer. Door het weghalen van het menu zal de gebruiker niet per ongeluk naar een andere pagina gaan. Wel een close icoon toevoegen bijvoorbeeld.

Je kan ook de voortgang laten zien op de feedback pagina. Hoeveel punten heb je behaald en welke invloed heeft dat op je doel gehad?

De dag- en weekdoelen kun je goed maken met een conic gradient. En doe iets leuks als de gebruiker meer heeft gedaan dan zijn doel. Als hij bijvoorbeeld 10/7 heeft behaald doe je een leuke animatie.

Feedback Koop:

Het formulier om de activiteiten te plannen niet als pop-up maar inline te maken. Dit is meer user friendly en je maakt gelijk handig gebruik van feedback over welke dag het gaat.

Code review Janno

Deze week kreeg ik de opmerking dat ik overal dubbele logica gebruik. Ik roep meerdere malen mijn database aan om de connectie te maken in verschillende modules. Dit kan mooier maar hiervoor moest ik Mongoose gaan gebruiken in plaats van regular mongoDB. Hier heb ik mij in verdiept en uiteindelijk alle code gerefactored dat te maken had met de database. Ook heb ik een config file gemaakt die (eenmalig) connectie maakt met de database en een userSchema zodat Mongoose weet welke inputs hij kan verwachten.

Door het toevoegen van Mongoose is ook de beveiliging van mijn app verbeterd. Zo wordt het wachtwoord gehashed via b-crypt.

Conclusie

De app gaat de goede kant op. Ik heb nog veel te doen om de main functionaliteiten af te krijgen. Daarom heb ik ervoor gekozen om (nog) niet een oplossing te zoeken om activiteiten te kunnen toevoegen. Voor een eerste prototype is dit prima en is dit een mooie functionaliteit na de eerste fase. Verder heb ik een aantal goede tips gekregen van Sanne en ga ik mij voor nu even storten op de conic gradient. Ik moet mij hier over gaan inlezen en kijken of ik dit kan animeren. Het doel voor komende week is om het plannen van activiteiten werkend te krijgen met de database. Ook wil ik deze inline gaan opmaken in plaats van een pop-up. Verder ga ik het menu verwijderen op de pagina waar je een activiteit doet. Ook ga ik extra aandacht besteden aan het toevoegen van call to actions om zo de userflow lopend te houden.

 

De vierde week

Dit is een beetje mijn laaste week waarin ik nog veel kan doen. Aan het eind van de week heb ik een test met een revalidant en een externe therapeut die ook met Hipper werkt. Super gaaf om mijn applicatie te kunnen gaat testen! Maar er moet nog wel wat gebeuren voordat ik mijn applicatie testwaardig vind als een eerste echte prototype. Dit is voor mij meer een test voor wat er nog moet gebeuren om straks een goed prototype gereed te hebben.

Plannen van activiteiten

Deze week heb ik hard gewerkt om het plannen van activiteiten met de therapeut werkend te krijgen in de aplicatie. Je kan nu een activitiet gaan toevegen, een formulier ontvouwt zich inline waarin je meerdere activiteiten kan selecteren. Door deze toe te voegen komen ze in je planning te staan. Als de gebruiker een fout heeft gemaakt, kan hij simpel nogmaals zijn activiteiten toevoegen, deze overschrijven de huidige activiteiten.

Code refactoring

Ik ben met een frisse blik nog eens door me code heen gelopen. Ik heb een grote hoeveelheid comments toegevoegd en functies in modules gezet om de code te verduidelijken.

Conic gradient in dag/weekdoel

Ik heb de dag- en weekdoel nu gemaakt met een conic gradient. Hiervoor moest ik gebruik maken van custom properties in css die worden geupdate in client-side javascript op basis van het percentage getal in het doel. Dit percentage getal wordt wel dynamisch geupdate vanuit de backend.

Om deze visualisatie geanimeerd te krijgen moest ik gebruik maken van de CSS.registerProperty() functie in javascript. Dit is een experimentele functionaliteit en werkt lang niet overal. Ik heb echt moeten zoeken hoe ik hiervoor een goede @supports voor kon schrijven in mijn css. Dit is gelukt en als je device/browser het ondersteunt is de visualisatie geanimeerd, zo niet, dan zie je de visualisatie zonder de animatie.

Info pagina

Om mijn prototype echt een beetje af te krijgen heb ik de Hipper folder vertaald naar de info pagina. Hier staat de informatie die ook in de folder staat met afbeeldingen. Prima voor een eerste prototype, maar mag later nog wel eens een update krijgen qua vormgeving.

Profiel pagina

Ook de profiel pagina was nog zo goed als leeg, hier heb ik twee call to actions in gezet naar de overzichtspagina’s die nog gemaakt worden. Ook kan je nu je dagelijkse doel updaten samen met je therapeut. Dit is alleen nog even een mock-up en staat nog niet in verbinding met de database.

Contact formulier

Ik heb ook een contact formulier toegevoegd op de profiel pagina. Uit mijn onderzoek bleek namelijk dat mijn doelgroep graag persoonlijk contact wil opnemen als ze vast lopen of een vraag hebben. Dit contact formulier moet uiteindelijk nog wel gekoppeld worden met een email script.

Test resultaten met Michel, Margriet, Ronald en Maud.

Helaas heb ik niet een echte usertest kunnen afnemen omdat we alles online moesten doen. Ik heb mijn applicatie gepresenteerd en toch zeker wel waardevolle feedback ontvangen.

Van de therapeut Maud kreeg ik te horen dat de datavisualisatie met het percentage wel motiveert om je doel te halen, ze was hier heel positief over. Wel is het handig om te kunnen zien waaruit het percentage bestaat. Dus wat is je score en je doel? Ook is ze erg enthousiast over het idee dat ze kan zien waaruit de PAM score van de revalidant bestaat doordat hij zijn activiteiten heeft geregistreerd. Maar ze gaf ook aan dat ze het nog wel handig vindt om toegang te hebben tot de ‘oude’ data visualisaties van staafdiagrammen en lijngrafieken.

De revalidant Ronald was erg tevreden met hoe gebruiksvriendelijk de applicatie was. Het was heel overzichtelijk en hij zag het wel echt als een verbetering op het huidige dashboard. Ronald gaf bij de test van Niels aan dat hij het wel handig zou vinden als hij kan zien welke activiteiten wanneer heeft gedaan. Zodat als hij een afspraak had bij de therapeut hij kon zien wat hij ook alweer allemaal had gedaan. Nou zit deze functionaliteit in mijn applicatie maar hij gaf wel aan dat het starten van een activiteit wel weer een extra handeling is.

Margriet leek het nog wel een goed idee dat de kleur van de datavisualisatie veranderd als deze 100% bereikt heeft.

Design review met Vasilis

Wederom kreeg ik het advies om te hinten naar meer items in de horizontale scrol secties. Hier was ik nog niet aan toe gekomen. Ook Vasilis gaf me deze tip.
In het menu stond nog het woord ‘activiteiten’, maar dit moet natuurlijk ‘planning’ worden. Soms als je al zo lang bezig ben met je project, zie je deze dingen over het hoofd dus het was erg fijn om feedback te krijgen van iemand met een frisse blik.

De start/stop knop mag ook wel een beetje groter, deze is in relatie tot de andere elementen nog wel erg klein.

Het is ook belangrijk om in de navigatie aan te geven waar je bent, dus highlight je positie ook in de menu balk en maak qua kleur wat extra onderscheidt tussen het menu en de elementen op je pagina.

Conclusie:

De applicatie is bijna klaar, maar er zijn nog aan aantal puntjes die afgerond moeten worden voor een eerste prototype. Verder heb ik ook al een aantal ideeën gekregen die tof zijn om nog toe te voegen aan een latere prototype. De tijd om echt nog stappen te maken in het prototype is een beetje voorbij, maar ik ga wel een goed vervolg advies maken voor Margriet en Michel.

Uit de test is wel gebleken dat mijn applicatie veel goede functionaliteiten heeft en dat het echt een verbetering gaat worden op het huidige dashboard.

De vervolg stap voor dit prototype is het in de testfase krijgen. Laat maar een aantal revalidanten en therapeuten hier gebruik van maken. Ik ben zelf heel benieuwd waar ze tegen aan lopen en wat ze echt een verbetering vinden.

De laatste week en de week van de oplevering

Deze week staat in het thema van documenteren. Deze week ga ik een design rationale, product biografie, readme en overdracht schrijven. Daarbij maak ik ook nog een presentatie om mijn applicatie straks te presenteren aan Margriet en Michel en later ook aan de gehele minor.

Opleveren

Met Margriet en Michel heb ik afgesproken dat ik de code in een zip file oplever. Daarbij maak ik een overdracht. Hierin komt te staan hoe dit project te installeren is en welke stappen er nog gemaakt moeten worden om dit als een final eerste prototype af te ronden zodat het getest kan worden.

Bronnen

• https://www.revalidatie.nl/revalideren/wat-is-revalidatie
• https://www.onlinedepartment.nl/ontwerpen-voor-senioren-6-zaken-om-rekening-mee-te-houden/
• Alter, A. (2017). Superverslavend: waarom smartphones, apps en social media zo verslavend zijn (en wat je eraan kunt doen). Amsterdam, Nederland: Maven Publishing.
• Kaptein, M. (2012). Digitale verleiding (5e ed.). Amsterdam, Nederland: Business Contact.
• https://www.onlinedepartment.nl/ontwerpen-voor-senioren-6-zaken-om-rekening-mee-te-houden/