đŸ±
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
  • Navigation through content
  • Bring the data forward
  • Dashboard
  • Bezoeken en meldingen
  • Gegevens dier - Belangrijke informatie
  • Gegevens dier - Geschiedenis en karakter
  • Vragen
  • Vragenlijst
  • Meldingen

Was this helpful?

  1. Contextual design proces
  2. Iteraties

Iteratie 5

PreviousIteratie 4NextIteratie 6

Last updated 5 years ago

Was this helpful?

Iteratie 4 is tot stand gekomen na usability tests met drie nazorgvrijwilligers () en door feedback van mijn coach Kai.

Prototype link iteratie 5 (na feedback verwerken):

Navigation through content

De gebruiker moet een hoop doorklikken willen zij iets bereiken. Willen zij bijvoorbeeld een detail van een geplande bezoek zien moeten zij het volgende doorlopen: Home > Bezoeken > Geplande bezoeken

Terwijl de pagina 'bezoeken' niet nodig is.

Tijdens het doorlopen van de app komt dit op verschillende plekken vaak voor, onder andere bij de bezoeken, meldingen en de vragenlijst. Tijdens iteratie 5 heb ik de hele app nogmaals doorlopen en bekeken welke schermen eigenlijk overbodig zijn.

Bring the data forward

Op bepaalde plekken binnen de app kan er meer informatie weergegeven worden, waardoor de gebruiker sneller informatie kan vinden.

Dashboard

Bij iteratie 5 is te zien dat elk detail van een gesprek/dier icoontjes te zien is. Deze icoontjes staan voor: het geslacht, diersoort, buitenbeentje (dier dat blijvend ziek is) of dat het een koppel is (dieren die samen geadopteerd zijn). Hierdoor heeft de nazorgvrijwilliger direct een beeld van het bezoek.

Iteratie 4

Iteratie 5

Bezoeken en meldingen

Voorheen moest de nazorgvrijwilliger altijd een keuze maken over de soorten "bezoek" en "melding" dat zij willen zien. Tijdens iteratie 5 heb ik ervoor gekozen om deze tussenpagina weg te halen en direct de geplande bezoeken te tonen (en lopende meldingen). Via die pagina kun je door middel van tabjes makkelijk navigeren naar bijvoorbeeld de openstaande- en voltooide bezoeken.

Iteratie 4

Iteratie 5

Gegevens dier - Belangrijke informatie

Bij voorgaande iteraties kreeg je als je op een dier klikte als eerste de gegevens van de eigenaar te zien. Dit nam weinig ruimte in beslag, dus zonde van alle ruimte aangezien de gebruiker nu door moet klikken om meer informatie te zien. Daarom heb ik bij iteratie 5 besloten om als eerste de belangrijkste informatie over een bezoek weer te geven. Hierdoor krijgt de gebruiker direct een goed beeld van het complete bezoek. Zo krijgt zij eerst de gegevens van de eigenaar te zien, hierdoor kan zij makkelijk contact opnemen. Ze krijgt te zien wanneer het dier ontvangen is in het asiel en wanneer geplaatst, hierdoor kan de nazorgvrijwilliger een beeld krijgen over hoe moeilijk plaatsbaar het dier is. Tijdens het praten met de nazorgvrijwilligers hoorde ik vaak dat zij het interessant vonden om te zien welke kleuren het dier heeft, zodat zij tijdens het bezoek kunnen herkennen over welk dier het gaat. Vandaar heb ik ook de uiterlijke kenmerken en de karaktereigenschappen op deze pagina geplaatst.

Iteratie 4

Iteratie 5

Gegevens dier - Geschiedenis en karakter

Bij iteratie 4 moest de gebruiker elk onderwerp uitklappen om de informatie te lezen. Dit kost veel moeite en het liefste wil je in een oogopslag deze informatie zien. Bij iteratie 5 heb ik al deze informatie uitgezocht en op 1 pagina weergegeven.

Iteratie 4

Iteratie 5

Vragen

Dit scherm had ik gebaseerd op de "veelgestelde vragen" pagina van Bol.com. Bij iteratie 4 moest je direct kiezen voor een dier. Ik heb bij iteratie 5 ervoor gekozen om ook de mogelijkheid te geven om door middel van een zoekbalk en trefwoorden te zoeken. Zo kan de vrijwilliger op verschillende manieren zoeken in plaats van door direct een keuze te moeten maken.

Iteratie 4

Iteratie 5

Vragenlijst

Tijdens de usability test gaf een nazorgvrijwilliger aan dat het bij sommige vragen wel van belang is om een korte toelichting te kunnen geven. Zoals op de vraag: "Vertoont dier ander gedrag (Dan u bekend was bij de adoptie)?" is het voor DOA interessant om te weten, indien "ja" geantwoord, om te weten wat het gedrag dan was. Om te voorkomen dat niet bij elke vraag een opmerking geplaatst kan worden, wordt alleen de mogelijkheid gegeven om een opmerking te plaatsen, bij antwoorden in een "negatieve" situatie.

Iteratie 4

Scherm niet van toepassing, aangezien het een toevoeging is.

Iteratie 5

Meldingen

Op de meldingen pagina is genoeg ruimte om meer informatie te plaatsen. Daarom heb ik in iteratie 5 aan het scherm "updates" toegevoegd. Als er een update is bij een melding krijgt de nazorgvrijwilliger dit direct te zien. Zo hoeft zij alleen de melding aan te klikken indien zij het volledige dossier wil bekijken.

Iteratie 4

Iteratie 5

Conclusie & hoe nu verder

Dit is een belangrijke iteratie geweest, waardoor mijn app stuk gebruiksvriendelijker is geworden. Ik heb veel "Kill your darlings" toegepast, waardoor ik "leuk" uitziende functies heb moeten verwijderen, omdat het eigenlijk onnodig was. Na deze iteratie start ik met het visuele design.

bekijk hier de volledige tests
https://xd.adobe.com/view/0fcdc9fc-3d05-41ec-7d65-2f4f28a9e029-79fc/
Afbeelding 218 - Iteratie 4 dashboard
Afbeelding 219 - Iteratie 5 dashboard
Afbeelding 220 - Iteratie 4 overzicht bezoeken
Afbeelding 221 - Iteratie 5 bezoeken
Afbeelding 222 - Iteratie 4 belangrijke informatie
Afbeelding 223 - Iteratie 5 belangrijke informatie
Afbeelding 224 - Iteratie 4 geschiedenis en karakter
Afbeelding 225 - Iteratie 5 geschiedenis en karakter
Afbeelding 226 - Iteratie 4 vragen
Afbeelding 227 - Iteratie 5 vragen
Afbeelding 228 - Iteratie 5 overlay opmerking toevoegen
Afbeelding 229 - Iteratie 4 lopende melding
Afbeelding 230 - Iteratie 5 lopende melding