HiFi prototype V2.
Opdrachtgever: Stichting Oekraïeners in Nederland
Testplan
Scenario
Je bent iemand die graag wil doneren aan een stichting maar wil deze stichting wel vertrouwen over dat je geld goed terecht komt. Soms zie je wel is advertenties voorbij komen maar je bent niet overtuigt van de meeste. Onder het scrollen op de verhalen van Instagram kom je ad tegen van Stichting Oekraïeners in Nederland. Je bent nieuwsgierig en klikt op de link die wordt aangeboden.
Wat wil ik te weten komen?
Ik wil erachter komen of het prototype helder te begrijpen is
Of de volgorde van de schermen als logisch aanvoelt
Het product als aangenaam wordt ervaren in gebruik. Krijg je als gebruiker het gevoel van eenheid op de app?
Zou dit concept een antwoord zijn op mijn design challenge? Missen er nog functionaliteiten?
Of de gebruiker nog meer wil dan alleen een bedrag doneren
Of het transparant is wat de stichting doet
Is het transparant waar je donatie heen gaat
Of het overtuigt om een donatie te doen (idealiter meerdere)
Opdrachten en vragen
Dit is de eerste keer op de app, wat ga je doen?
Probeer is uit te zoeken wat er gebeurt met je donatie
Probeer is uit te zoeken hoe je een reward kan halen
Probeer is uit te zoeken waar je de kosten van de stichting terug kan vinden (ter transparantie)
Probeer is een bericht te delen met een vriend(in)
Probeer uit te zoeken of beeldmateriaal kan vinden van wat de stichting in koopt
Ga op zoek naar een weetje/feitje
Ga voor jezelf na of het duidelijk is waar je donatie heen gaat
Ga voor jezelf na of je het een betrouwbare digitale omgeving vindt, waar ligt dat aan?
Ga voor jezelf na of je voor dit platform zou doneren, waar ligt dit aan?
Probeer je vrienden ook stimuleren om te doneren
Profiel: Marketing Designer
Leeftijd: 25
Locatie: Fysiek bij haar thuis
Opname: beschikbaar maar te groot bestand om in dit programma te zetten
Samenvattend
Tijdens de onboarding vond de testpersoon vond dat de tekst niet helemaal lekker liep en toen ze terug wilde kon dit niet omdat de back button ontbrak. Toen ze probeerde uit te zoeken wat er gebeurde met haar donaties kwam ze de uitleg tegen wat ze wilde skippen maar het viel haar niet op dat dit mogelijk was. Vervolgens noemde ze na de animatie over wat er gebeurde met haar geld dat dit erg fijn was maar dat ze voor de donatie ook wel informatie zou willen over deze kosten verdeling. Daarnaast geeft Paypal haar vertrouwen. Als ze een reward wil behalen is het niet duidelijk waar ze dat kan doen, uiteindelijk komt ze er wel. Onder deze opdracht kwam ze de zonnebloem tegen het verhaaltje van de zonnebloem maar dit verhaaltje kon ze eerst niet achter komen. Hier moest ik haar een hint voor geven. Het verhaaltje vind ze erg mooi en triggert haar tot actie.
Wat ging er goed?
De bolletjes die in veel bestaande patterns wordt gebruikt werd niet herkent als scroll indicator dus hiervoor is het belangrijk om tekst toe te voegen.
Keep users in Control kan verbeterd worden door back buttons toe te voegen
Skip button mag opvallender
Kosten verdeling mag ook ergens voor de animatie worden laten zien
Paypal wordt als betrouwbaar middel gezien doordat dit middel verzekerd is (Veilig online betalen? - Is PayPal veilig? | PayPal NL, z.d.).
Als je een reward hebt gehaald, feedback geven over hoe dit terug te vinden is.
De perceived affordance was dat er gedrukt kon worden op de bloem want er kon geswiped worden maar dat werd niet gedaan.
Het verhaal zou eerder gedeeld worden dan (do you know this story? Many bla bla... Spread this story)
De discoverability kan nog een verbeterslag maken omdat het voor de gebruiker nog veel zoeken is. Eventueel een hamburger menu zou hier bij helpen.
Wat ging er minder goed?
Zij geeft aan het platform te vertrouwen door de uitstraling, paypal en sympathie is opgewekt. De verzekering van Paypal geeft het meeste stimulans.
Er wordt alleen na de donatie sympathie opgewekt door het verhaaltje. Dit zou van te voren ook mooi zijn.
Perceived affordance van de bolletjes werd begrepen als verhaal lijn en door het ontbreken van de back button begreep ze niet dat ze terug kon scrollen. Visual Hierarchy kan verbetert worden door het toepassen van verschillende kleuren
Conclusie
Uit deze drie Usability test van de Progressive Web App voor de Stichting Oekraïeners in Nederland versie 1 concludeer ik dat het product er qua uitstraling betrouwbaar uit ziet. Ook zijn de belangrijkste functies aanwezig en zijn de call-to-actions daar naar toe bijna allemaal duidelijk. Qua interactie kan er nog een flinke verbeterslag gemaakt worden. Zo ontbreekt het nog aan het voldoen van interactie termen die belangrijk zijn voor de gebruiker om een fijne belevings-ervaring te hebben. De interactie termen waar extra aandacht voor moet komen in het volgende prototype zijn:
De onboarding
Duidelijk wat de stichting doet in de onboarding alleen Oekraïne als thema mag meer uitgelicht worden
Did you know uit de onboarding halen want brengt verwarring
Knop om verder te gaan wordt als timer beschouwd. Bolletjes om heen en weer te swipen wordt niet helemaal goed begrepen
De back button mist
Donate met uitleg de onboarding te skippen toe voegen
Navigatie
Feedback in de navigatie over waar je je bevindt
Altijd naar stap terug kunnen (keep users in control)
Blijf consistent in tekst bij knoppen (my flower/your flower)
Animaties
langzamer afspelen
Gamification
De progress indicator over de bloem wordt niet gezien
Rewards eerder naar voren brengen (pop up?)
Na thank you page: tekst veranderen > 'overview of medals'
Swipe for story
Knoppen
Skip button van in de zero state (first use experience) opvallender maken
Ook de knop om betaling te bevestigen valt weg uit het scherm
Verbetering op gebied van discoverability
Flow
Daadkracht aantonen door latest news te linken met latest updates
Feedback na donatie maar ook voor de donatie over
Extra:
Beeldmateriaal toevoegen
Notifications toevoegen: Reward krijgen > notification hint > notifications opent (1. welkom, 2 overview rewards) gebruik van 'bring the data forward'
Bij het opstarten laten zien waarmee je kan betalen, geeft vertrouwen
Break down of donations
*Select your bank drop down toevoegen
*Leuk om toe te voegen dat je bedrag kan kiezen voor de interactiviteit
*Responsive disclosure toepassen op het bedrag kiezen scherm over wat er gebeurd met je donatie OF een korte video met een ‘A short breakdown of donations’
*Alleen uitleg als je je account hebt gemaakt (los van de onboarding)
Ben ik achter deze punten gekomen:
Ik wil erachter komen of het prototype helder te begrijpen is Onboarding: - Duidelijk wat de stichting doet in de onboarding alleen Oekraïne als thema mag meer uitgelicht worden - Did you know was onverwacht - Knop om verder te gaan wordt als timer beschouwd - Bolletjes om heen en weer te swipen wordt niet begrepen
Of de volgorde van de schermen als logisch aanvoelt Er kan een verbeterslag gemaakt worden om beter in te spelen op 'Provide a natural next step'. Sommige flows voelen als onnatuurlijk aan zoals na het kiezen van het bedrag, betalingsmethode en de animatie ontbreekt het aan een tussen scherm. - Stappen bij flow om te doneren mogen natuurlijker overkomen e -
Het product als aangenaam wordt ervaren in gebruik. Krijg je als gebruiker het gevoel van eenheid op de app? De animaties kunnen nog wat smoother overlopen en langzamer afgespeeld worden. Ook mag er meer rekening gehouden worden met dat gebruikers soms terug willen naar de vorige stap (Keep users in Control). Daarnaast zou er met het diagram op het purchase rapport meer interactie moeten komen - Back buttons toevoegen waar nodig is - Meer interactie met diagram en kleur gebruik
Zou dit concept een antwoord zijn op mijn design challenge? Missen er nog functionaliteiten?
Of de gebruiker nog meer wil dan alleen een bedrag doneren - Qua informatie is er ook behoefte aan het laatste nieuws - Er is behoefte aan informatie vooraf het doneren over hoe de donatie wordt gespendeerd.
Of het transparant is wat de stichting doet Ja, via de onboarding, inkoop rapport en het beeldmateriaal wordt hier een redelijk duidelijk beeld gegeven. Dit zou nog wel verbeterd kunnen worden door het toevoegen van video's.
Is het transparant waar je donatie heen gaat Als de informatie over de verdeling van het doneren ook eerder wordt laten zien (voordat je een donatie hebt gedaan)
Of het overtuigt om een donatie te doen (idealiter meerdere)
De perceived affordance was dat er gedrukt kon worden op de bloem want er kon geswiped worden maar dat werd niet gedaan.
Het verhaal zou eerder gedeeld worden dan (do you know this story? Many bla bla... Spread this story)
De discoverability kan nog een verbeterslag maken omdat het voor de gebruiker nog veel zoeken is. Eventueel een hamburger menu zou hier bij helpen.
Curiosity wordt op gewekt door de onboarding. De tekst wordt aandachtig gelezen
Perceived affordance van de bolletjes werd deels goed begrepen als verhaallijn
'What we do' goede informatie
Locatie waar de donatie heen gaat
Visueel zien de buttons er goed uit
Animaties zijn interessant
Dat er een instructie kwam na het inloggen voelde natuurlijk aan. Vooral voor the flower (provide natural next step)
Inloggen gaat goed en is duidelijk
Andere manieren van inloggen is gebruiksvriendelijk
Opsomming van achievements geven een duidelijk beeld
Er wordt alleen na de donatie sympathie opgewekt door het verhaaltje. Dit zou van te voren ook mooi zijn.
Zij geeft aan het platform te vertrouwen door de uitstraling, paypal en sympathie is opgewekt. De verzekering van Paypal geeft het meeste stimulans.
Voor de discoverability een faq ergens neer zetten
Het beeldmateriaal is effectief maar het moet wel up to date zijn en het gebruik van video's
Rewards stimuleren
De tekst over de zonnebloem kan tot actie leiden Incentive geven. (Interface exist to enable interaction)
Animatie na inloggen dat je bent ingelogd geeft fijne bevestiging
De informatie over wat er gebeurt met haar donatie na het doneren wordt als fijn ervaren maar mag ook nog voor het doneren.
Perceived affordance van de scroll bolletjes staat gelijk met wat hoe ze er mee interacteerde
De storytelling in de onboarding geeft een duidelijk beeld van wat de stichting doet
Last updated