đŸ±
Afstudeerproject 2020
  • Productbiografie
  • Inhoudsopgave
  • Het probleem
    • Aanleiding & persoonlijke focus
    • Probleemsituatie
    • Design challenge
    • Onderzoeksvragen
    • Design brief
  • Contextual design proces
    • Contextual design
    • Contextual Inquiry
      • "Be the user"
      • Gesprek met Coördinator
      • EnquĂȘte - Nazorgvrijwilligers
      • Gegevens klanten DOA
      • Hoe ziet een nazorgformulier eruit?
      • Nazorgformulieren
      • Nazorgbezoek 1 - Jolanda
      • Nazorgbezoek 2 - Edith
      • Nazorgbezoek 3 - Erwin
      • Interview - Gerdie
      • Interview - Suzanne
      • Interview - Elizabeth
      • Gesprek - Cindy
      • Observatie - Heleen
      • Concurrentieonderzoek
      • Desk research
      • EnquĂȘte - Adoptiegezinnen
      • Contact ASPCA
      • Belangrijkste bevindingen
    • Work models & affinity diagramming
      • Requirements list
      • Flow model
      • Artifact model
      • Relationship model
      • Physical model - Jolanda
      • Physical model - Edith
      • Physical model - Erwin
      • Physical model - Heleen (bij DOA)
      • Affinity diagram
      • Persona - Nazorgvrijwilliger
      • Empathy map - Nazorgvrijwilliger
      • Customer journey - Nazorgvrijwilliger
      • Customer journey - Administratie vrijwilliger
      • Persona - Adoptiegezin
      • Empathy map - Adoptiegezin
    • Visioning
      • HKJ's brainstorm
      • Crazy 8
      • The Wall Walk
      • Eerste schetsen
      • Sensation board
      • The Wall Walk vragen
      • Cool Drilldown vragen
    • Storyboarding
      • Storyboards van concept
    • User Environment Design
      • Focus areas
      • Navigatiestructuur v.1
      • Job stories
    • Usability testing
      • Useberry - prototype tool
      • Prototype v.1
        • Testplan
        • Test 1 - Kelly (medestudent)
        • Feedback door medestudenten
      • Prototype v.2
        • Testplan
        • Test 2 - Suzanne (nazorgvrijwilliger)
        • Test 3 - Jolanda (nazorgvrijwilliger)
        • Test 4 - Elizabeth (nazorgvrijwilliger)
        • Conclusie test prototype v.2
      • Prototype v.3
        • Testplan
        • Test 5 - Erwin (nazorgvrijwilliger)
        • Test 6 - Elizabeth (nazorgvrijwilliger)
        • Test 7 - Suzanne (nazorgvrijwilliger)
        • Test 8 - Jolanda (nazorgvrijwilliger)
        • Test 9 - Natalia (visual designer)
        • Test 10 - Attie (nazorg coördinator)
        • Conclusie test prototype v.3
    • Interaction & Visual Design
      • Morfologisch overzicht
      • Comparison chart
        • Dashboard
        • Gegevens nazorgbezoek
        • Overzicht bezoeken
        • Vragenlijst
        • Probleem melden en volgen
        • Veelgestelde vragen
      • Schetsen (Iteratie 2)
      • Screenflow (Iteratie 2)
      • Tone of voice onderzoek
      • Design patterns
      • DOA stijlboek
      • Huisstijl DOA
      • Expert review op design
    • Iteraties
      • Iteratie 1
      • Iteratie 2
      • Iteratie 3
      • Iteratie 4
      • Iteratie 5
      • Iteratie 6
      • Iteratie 7
  • Validatie product
    • Beschikt DOA over up-to-date informatie omtrent adopties?
    • Zijn de nazorgvrijwilligers minder tijd kwijt aan de administratie?
    • Wordt hierdoor de kwaliteit van de nazorg hoger?
    • Aanbevelingen
    • Beoordeling coördinator
  • Overig
    • Coaching
      • Week 1
      • Week 2
      • Week 3
      • Week 4
      • Week 5
      • Week 6
      • Week 7
      • Week 8 - FF
      • Week 9
      • Week 10
    • Bronnen
    • Wat had ik nog willen uitwerken?
  • Milestones
    • Design brief
    • Feedback Frenzy
    • Groenlicht presentatie
    • Design rationale
    • Reflectie
    • Het eindproduct
    • Schermopname prototype
Powered by GitBook
On this page
  • Dashboard
  • Gegevens dier
  • Melding maken

Was this helpful?

  1. Contextual design proces
  2. Iteraties

Iteratie 3

PreviousIteratie 2NextIteratie 4

Last updated 5 years ago

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:

Dashboard

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

Gegevens dier

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

Melding maken

Iteratie 2

Iteratie 3

Conclusie & hoe nu verder

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.

hier te zien
Waze app
Sensation board
Morfologisch overzicht
Job stories
Navigatie structuur,
Screenflow
https://xd.adobe.com/view/cbbadfe2-a7f2-47e1-59b7-5cc729028bab-bd8b/?hints=off
Afbeelding 207 - Schets iteratie 2 dashboard
Afbeelding 208 - Iteratie 3 dashboard
Afbeelding 209 - Schets iteratie 2 gegevens dier
Afbeelding 210 - Iteratie 3 gegevens dier
Afbeelding 211 - Schets iteratie 2 melding maken
Afbeelding 212 - Iteratie 3 melding maken