đŸ±
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
  • Eerste schetsen
  • Storyboards

Was this helpful?

  1. Contextual design proces
  2. Iteraties

Iteratie 1

PreviousIteratiesNextIteratie 2

Last updated 5 years ago

Was this helpful?

Na het doen van onderzoek en het brainstormen heb ik eerste schetsen gemaakt van het product. Ook heb ik drie storyboards uitgewerkt met verschillende flows die mogelijk zijn bij het gebruik van de app.

Ik heb de schermen voor desktop uitgewerkt, achteraf gezien was het beter geweest om voor mobiel uit te werken aangezien dit (waarschijnlijk) het meeste gebruikt gaat worden.

Eerste schetsen

Dit is het eerste scherm dat de gebruiker te zien krijgt als zij ingelogd is. Hier kan zij gemakkelijk navigeren naar de geplande bezoeken, openstaande bezoeken en lopende case. Via de zijbalk kan de vrijwilliger navigeren naar home, bezoeken, meldingen en veelgestelde vragen.

Dit is het scherm met het overzicht van openstaande bezoeken. Je ziet een kaart van het stadsdeel van de vrijwilliger. Links zie je de balk met bezoeken die gedaan moeten worden. Je kan per dier klikken op inplannen of "bekijk dossier". Bovenin de filterbalk kan je het stadsdeel filteren en filteren op <3 maanden, dit betekent dat je alleen de bezoeken te zien krijgt die binnen 3 maanden geadopteerd zijn. Rechtsboven in kan je kiezen om de kaartweergave te veranderen naar lijstweergave.

Dit is een detail van een bezoek, je ziet hier de gegevens van de kat en het adoptiegezin. Ook zie je de bijzonderheden zijn. Je kunt een melding maken en het gesprek inplannen. En als je het hebt ingepland kun je navigeren naar de vragenlijst.

Als je op vragenlijst hebt geklikt krijg je de vragenlijst te zien die per dier ingevuld moet worden. Alles is op één scherm te zien zodat je makkelijk door kan klikken. Er zit ook een optie "vragenlijst tussentijds opslaan" in zodat je de vragenlijst op een later moment kan afronden.

Op deze pagina zijn de cases te zien, je kan een case aanmaken, lopende cases bekijken en afgeronde cases bekijken. Je ziet per case naam van de dier, wanneer het is aangemaakt en de voortgang van de case.

Op de veelgestelde vragen pagina kan de vrijwilliger de meest gestelde vragen terug vinden die tijdens een bezoek gevraagd worden. Ook kan de vrijwilliger een vraag aanvragen.

Storyboards

Hieronder zijn drie verschillende storyboards te vinden.

Conclusie & hoe nu verder

Door het maken van de schermen heb ik een goed startpunt gemaakt met het ontwerp. En door de storyboard heb ik een goed beeld van de verschillende flows. In iteratie 2 ga ik dieper in op de functies binnen de app en ga ik het ontwerp voor mobiel designen ipv desktop. Omdat mobiel hoogstwaarschijnlijk het meest gebruikt gaat worden.

Afbeelding 190 - Schets iteratie 1 dashboard
Afbeelding 191 - Schets iteratie 1 overzicht bezoeken
Afbeelding 192 - Schets iteratie 1 detail bezoek
Afbeelding 193 - Schets iteratie 1 vragenlijst
Afbeelding 194 - Schets iteratie 1 cases
Afbeelding 195 - Schets iteratie 1 veelgestelde vragen
Afbeelding 196 - Storyboard flow 1
Afbeelding 197 - Storyboard flow 2
Afbeelding 198 - Storyboard flow 3