đŸ±
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
  • Device
  • Details
  • Dashboard
  • Vragenlijst
  • Openstaande bezoeken
  • Veelgestelde vragen

Was this helpful?

  1. Contextual design proces
  2. Iteraties

Iteratie 2

PreviousIteratie 1NextIteratie 3

Last updated 5 years ago

Was this helpful?

Na het ontvangen van feedback op iteratie 1 ben ik verder gegaan met itereren. Bij iteratie 1 heb ik de schermen lo-fi digitaal geschetst, bij iteratie 2 zul je zien dat ik mid-fi wireframes heb gemaakt. Hieronder vind je de veranderingen.

Device

Bij iteratie 1 heb ik schermen ontworpen voor desktop, achteraf gezien was het beter geweest om voor mobiel uit te werken aangezien dit (waarschijnlijk) het meeste gebruikt gaat worden. Vandaar dat ik bij iteratie 2 schermen heb ontworpen voor mobiel.

Details

Bij de schermen van iteratie 2 is te zien dat ik meer details heb aangebracht op de schermen. Hiervoor heb ik onderzoek gedaan naar hoe andere bedrijven bepaalde functies weergeven, dit onderzoek is te zien bij "Interaction & Visual Design > ".

Dashboard

Op het onderstaande scherm van het dashboard is bij iteratie 1 te zien, dat het beginscherm eigenlijk alleen functioneert als een soort doorklikmenu. Dit is zonde want op een beginscherm is het juist interessant om meer informatie weer te geven, aangezien daar ook de ruimte er voor is. Daarom heb ik bij iteratie het principe "Bring the content forward" toegepast. Zo heeft de vrijwilliger direct zicht op de geplande bezoeken, openstaande bezoeken, lopende melding en de vraag van de dag.

Iteratie 1

Iteratie 2

Vragenlijst

De vragenlijst is eigenlijk de belangrijkste functie binnen de app, na iteratie 1 ben ik daar meer over gaan nadenken en heb ik deze verder uitgewerkt. Zo heb ik in plaats van alle vragen op één scherm ervoor gekozen om elke vraag op een apart scherm weer te geven, zodat alle focus daar naar toe gaat. Waar nog meer over nagedacht is, is de navigatie binnen de vragen. Het kan natuurlijk zijn dat tijdens het gesprek opeens "vraag 6" ter sprake komt, dan is het wel zo handig dat de nazorgvrijwilliger snel naar die vraag kan navigeren. Het kan ook voorkomen dat de vrijwilliger een aantal vragen tijdens het gesprek wil invullen en de rest thuis wil afmaken, daarom is er de mogelijkheid om de vragenlijst tussentijds op te staan, waardoor je het op een later moment kunt afmaken.

Iteratie 1

Iteratie 2

Openstaande bezoeken

Op dit scherm zijn alle openstaande bezoeken te zien. Bij iteratie 1 had ik ervoor gekozen om direct de kaartweergave te tonen, met daarnaast een korte lijst met informatie over de bezoeken. Bij iteratie 2 heb ik ervoor gekozen om de kaartweergave als optie te geven. Aangezien het voor de vrijwilliger niet erg van belang is om de kaartweergave te zien, aangezien zij een eigen stadsdeel hebben en waar het bezoek zich ook plaats vindt.. het bezoek moet gedaan worden. Doordat de kaartweergave weg is, is er ook meer ruimte om meer informatie over het bezoek te plaatsen.

Iteratie 1

Iteratie 2

Veelgestelde vragen

Iteratie 1

Iteratie 2

Conclusie & hoe nu verder

Door het uitwerken van meer gedetailleerdere schermen, kan ik tijdens iteratie 3 dieper in gaan op de functies en deze verder uitwerken. Tijdens iteratie 3 ga ik zorgen dat ik door middel van het maken van een navigatiestructuur, focus areas en job stories een beter beeld krijg van welke schermen er moeten komen en welke content er op de schermen moet komen.

Voor de veelgestelde vragen functie heb ik na iteratie 1 nagedacht over hoe de gebruiker zo snel mogelijk aan een antwoord komt. Zo heb ik n.a.v. het pattern onderzoek bekeken hoe bol.com de veelgestelde vragen indeelt en heb ik dit concept gekozen binnen mijn app (). Bij iteratie 1 liet ik direct alle vragen zien, voor katten, honden en konijnen, terwijl als de vrijwilliger bij iemand op bezoek is met een kat, hoeft zij niet de vragen te zien voor honden en konijnen. Ook zorgt de weergave van iteratie 1 ervoor dat de gebruiker teveel informatie in 1 keer te zien krijgt. Door middel van de weergave in iteratie 2 wordt de vrijwilliger in stappen naar het antwoord geleidt.

bol.com vragen
Comparison chart
Afbeelding 199 - Schets iteratie 1 dashboard
Afbeelding 200 - Schets iteratie 2 dashboard
Afbeelding 201 - Schets iteratie 1 vragenlijst
Afbeelding 202 - Vragenlijst iteratie 2
Afbeelding 203 - Schets iteratie 1 overzicht bezoeken
Afbeelding 204 - Schets iteratie 2 overzicht bezoeken
Afbeelding 205 - Schets iteratie 1 veelgestelde vragen
Afbeelding 206 - Schets iteratie 2 veelgestelde vragen