Iteratie 3
Last updated
Was this helpful?
Last updated
Was this helpful?
Tijdens deze iteratie heb ik de volgende onderdelen gemaakt:
, hierdoor heb ik nagedacht over wat de app moet uitstralen
, nagedacht over de mogelijkheden per functie
, welke taken moeten eruit gevoerd kunnen worden en wat wil de gebruiker
hoe zit de structuur in elkaar?
, hoe zit de app in elkaar?
Vervolgens heb ik geĂŻtereerd op iteratie 2 en ben ik de schermen uit gaan werken als hi-fi wireframes in Adobe XD. Deze iteratie wil ik gaan testen met een aantal nazorgvrijwilligers, ik wil feedback krijgen over de functies en de navigatie, maar nog niet op de vormgeving. Wel moet het prototype zo uitgewerkt zijn dat het begrijpbaar is voor de nazorgvrijwilliger.
Prototype (iteratie 3) in Adobe XD:
Het dashboard bij iteratie 2 voelt te vol met teveel informatie, daarom heb ik bij iteratie 3 ervoor gekozen om de nieuwe bezoeken van de homepagina af te halen en de overige blokken onder elkaar weer te geven, zodat er meer rust ontstaat. Ik heb ervoor gekozen om alleen de geplande bezoeken binnen twee weken weer te geven, aangezien het scherm anders te vol wordt en het idee van de bezoeken op de homepagina weer te geven is zodat zij snel kunnen navigeren naar het eerst volgende bezoek en zich dan in te kunnen lezen of het adres te bekijken. Dat doet een nazorgvrijwilliger niet bij een bezoek dat pas over drie of vier weken plaats vindt.
Vraag van de dag is een blok op de homepagina met een interessante vraag die gesteld zou kunnen worden bij een bezoek. Door dit op de homepagina weer te geven, leest de nazorgvrijwilliger het elke keer als zij de app opent. Hierdoor leert de nazorgvrijwilliger op een snelle manier iets omtrent dieren.
Iteratie 2
Iteratie 3
Op dit scherm is het ook mogelijk om de datum en tijdstip van het bezoek in te vullen, bij iteratie 3 zie je dat dit al is ingevuld. Door het invullen van de datum en tijdstip is de coördinator op de hoogte wanneer het gesprek plaats vindt en is het voor de nazorgvrijwilliger handig om in de app bij te houden, zodat je geen externe agenda hoeft te gebruiken om het in te noteren.
Tevens kan de nazorgvrijwilliger via deze pagina navigeren naar de vragenlijst en kan zij een melding maken.
Iteratie 2
Iteratie 3
Iteratie 2
Iteratie 3
Doordat de wireframes nu op hi-fi niveau zijn, kan er beter feedback gegeven worden op de werking en navigatie. Tijdens de volgende iteratie ga ik dit testen met medestudenten en nazorgvrijwilligers,
Tijdens deze iteratie heb ik nagedacht over hoe een profiel van een dier eruit komt te zien. Het papieren nazorgformulier dat zij nu gebruiken () is opgedeeld in meerdere pagina's. Om te voorkomen dat er teveel informatie op Ă©Ă©n pagina komt te staan en als herkenning wilde ik dit terug laten komen in de app. Ter voorbeeld, een dossier met veel informatie is ook ingedeeld met verschillende tabjes voor verschillende onderwerpen, vandaar dat ik het binnen mijn app zo toe pas.
Voor het maken van de melding heb ik als inspiratie de gebruikt. De nazorgvrijwilliger wordt in stappen door het proces geleidt om een melding te maken. Je kiest een categorie, vervolgens vul je meer informatie in en kun je eventueel een afbeelding toevoegen. Aan het einde geef je aan of je op de hoogte gehouden wil worden. Ik heb ervoor gekozen om tijdens het maken van de melding, de bottom navigation niet weer te geven om zo de focus op de actie te houden. Ik heb ervoor gekozen om in iteratie 3 de mogelijkheid om een urgentie van de melding aan te geven, weg te halen, omdat eigenlijk elke melding opgepakt moet worden en het niet aannemelijk is dat er zoveel meldingen gemaakt worden waardoor er gekozen moet worden tussen welke melding eerst opgepakt moet worden.
