Voor dit vak krijg je een ontwerp-opdracht die je gaat maken voor 1 mens. Een echt mens. Je moet je ontwerp 3 keer testen. Door te testen en te itereren ga je je ontwerp verbeteren. Uiteindelijk heb je een ontwerp dat exclusief gemaakt is voor 1 persoon. Een exclusive design ... Wie is deze persoon dan voor wie je dit gaat maken? Wat vindt deze persoon leuk of juist niet? En hoe bedient deze persoon een computer?

Voor Eric zijn emoji’s niet goed genoeg. Eric wil betere en krachtigere tools om emotie en body language te gebruiken in chat apps zoals Signal.

Uit de eerste test sessie kwam voornamelijk naar voren dat er te veel emoties bestaan zonder dat deze een duidelijke context hebben. Wanneer er een emoticon of gif aan het einde van een bericht wordt geplaatst, kunnen deze chat berichten anders overkomen dan oorspronkelijk bedoelt. Eric vertelde dat hij het moeilijk vond om via een chat applicatie de body language van een persoon te zien, omdat je elkaar niet daadwerkelijk face to face kan zien.

In deze applicatie kan Eric zijn body language overbrengen door middel van het sturen van berichten. Wanneer Eric een bericht heeft getypt of ingesproken, kan hij deze versturen door op een van de emotie knoppen te drukken. Als Eric geen specifieke emotie wil geven aan een bericht kan hij op enter klikken om een neutraal bericht te versturen. De emotie knoppen zijn gebaseerd op de meest voorkomende emoties vanuit het dagelijks leven van de mens. Om de body language door te geven aan de andere persoon maakt deze applicatie gebruik van animaties, lettertype en een emotie status.

• Opdracht
  • Ontwerp voor echte mensen
  • Probleem stelling
  • Concept
• Uiteindelijke Ontwerp
• Installatie
• Leerdoelen
• Wie is Eric Groot Kormelink?
  • Eerste test sessie
  • Tweede test sessie
  • Derde test sessie
  • User scenario
• Conclusie
  • 4 Design Principles
  • Uiteindelijke veranderingen
  • User needs
  • Testen
  • Reflectie
• Bronnen
• Credits

Clone de repository van het project

git clone https://github.com/RooyyDoe/human-centered-design-2021.git

Navigeer naar de map

cd human-centered-design-2021

Installeer dependencies

npm install

Run de server in je terminal

npm run dev

Server runt dan op: localhost:5000

Demo kun je ook bekijken op: Eric's amazing chat app

• Leren hoe je (design) principles in een ontwerp kan toepassen.
• Leren hoe je moet testen en de resultaten gebruiken voor het verbeteren van je ontwerp.
• Leren hoe je een applicatie naar de wensen van de gebruiker kan personaliseren

Eric is een ontwerper van 48 jaar. Hij heeft gestudeerd aan de HKU, interaction design. Hij organiseert regelmatig design-avonden waar hij probeert om mensen met beperkingen samen te brengen met ontwerpers en makers. Eric zelf zit in een electrische rolstoel. Hij heeft niet de beschikking over de fijne motoriek. Hij houdt zich bezig met toegankelijkheid voor openbare omgevingen met betrekking tot mensen met een beperking.

In de eerste test sessie hebben wij kennis gemaakt met Eric en heeft hij ons van alles verteld over wat hij in het dagelijks leven doet. Ook hebben we twee kleinschalige prototypes gemaakt om deze door Eric te laten testen. Naast deze kleine prototypes hebben wij hem ook een aantal vragen gesteld om wat meer te weten te komen over Eric. Vragen over hoe Eric bijvoorbeeld omgaat met zijn computer. Alle verdere informatie is te vinden in het test verslag hieronder.

Test sessie #1

In de tweede test sessie had iedereen zijn eigen demo gemaakt om deze te laten testen door Eric. Tijdens de eerste test sessie hadden we getest hoe Eric het vond om voor de camera te staan en als je er overna denkt is dit inderdaad een simpele oplossing voor de cases. Na nogmaals de cases doorgelezen te hebben, wilde ik in mijn concept de focus meer leggen op hoe ik body language kan overbrengen via daadwerkelijke chat berichten. Hier had ik drie verschillende demo's voor gemaakt: kleur, animaties en status tekst onder een chat bericht. Naast deze demo's heb ik Eric ook een aantal extra vragen gesteld om wat extra informatie te krijgen tijdens mijn onderzoek.

Test sessie #2

Uitleg demo

In onze laatste test sessie had iedereen weer een demo klaar staan om door Eric te laten testen. Wat ik merkte tijdens de testen was voornamelijk dat iedereen die body language als cases had gekozen heel snel naar de oplossing: Camera ging. Op deze manier kan je natuurlijk heel makkelijk body language overbrengen. Zelf had ik na de vorige test al besloten dat ik dit niet wilde en had ik dus mijn demo's verder uitgebreid op mijn bevindingen van de tweede test. Eric had in de tweede test verschillende punten van feedback gegeven waar ik naar zou kunnen kijken. Dit heb ik uiteraard meegenomen in deze demo.

Test sessie #3

Uitleg demo

Eric's user scenario

Design Principles with Eric

Uiteindelijke veranderingen

Tijdens de kennismaking met Eric kom je natuurlijk achter veel dingen. Wat voor persoon hij is en hoe hij zich gedraagt tijdens de test gesprekken, maar ook hoeveel moeite die heeft met zijn disability. Ook al heeft Eric deze disability, het voelt niet alsof hij veel minder kan dan dat wij kunnen op het internet. Hij kan perfect overweg met zijn muis en toetsenbord, maar heeft alleen moeilijkheden met toets combinaties en druk zetten op een punt. Met dit soort moeilijkheden moet je dan rekening houden tijdens het maken van de prototypes. Als je kijkt naar de design principes die we moeten gebruiken dan denk je bij de user needs al snel aan study situation en Prioritize identity.

Tijdens het testen kom je achter de identiteit van Eric, wat hij leuk vindt om te doen en waar hij zich mee bezig houdt. Op deze manier kom je al snel achter wat de user needs zijn van Eric en kan je dit mee nemen in je prototypes. Wanneer je weet wat Eric leuk vindt, kan je dit in je achterhoofd houden bij het verzinnen van een concept en daar dan op verder itereren.

Wij hebben als groep drie test sessies gehad met Eric. Tijdens de eerste test sessie hadden we een aantal vragen voor Eric opgesteld en een test demo gemaakt. Deze demo was gebaseerd op het gebruik van de camera en emotie herkenning. Dit werd goed opgepakt door Eric en hij vertelde ook direct dat hij dit al had verwacht. Doordat Eric deze opmerking had gemaakt, wilde ik gaan proberen om de body language daadwerkelijk te laten overbrengen tijdens het chatten met een andere persoon.

In de tweede test had ik drie kleine demo's gemaakt om verschillende functionaliteiten te testen. Eric was hier erg positief over, maar wilde uiteindelijk toch alles bij elkaar zien. Hij houdt van veel feedback zei die. Op deze manier kon ik verder itereren over mijn concept en had ik nieuwe ideeën gekregen om te laten testen in de volgende demo.

Ik had voor de laatste test alle huidige feedback van Eric meegenomen en alle functionaliteiten toegevoegd aan een grote demo. Ook heb ik mijzelf opengesteld voor een ander klein concept door middel van een chat met comic speech bubbles te maken. Hij was over beide demo's positief alleen het comic concept was wat minder, doordat hij niet zo goed wist hoe het zou werken op een mobiel. Dit heb ik meegenomen in mijn uiteindelijke concept. Het sturen van Comic berichten is nu een extra add nonsense feature geworden.

In het algemeen vond ik het testen super goed gaan. Eric heeft altijd veel te zeggen over de demo's en heeft soms nog wel wat moeite met hardop praten tijdens de demo dus dit moet je goed van te voren vragen om te doen. Zoals ik in het begin vertelde kan Eric erg goed overweg met zijn computer en merk je niet direct dat hij een daadwerkelijke disability heeft. Hierdoor was het testen ook een stuk makkelijker.

In het begin van het vak was het even aanpoten, doordat ik niet zo snel wist welke van de twee cases ik wilde gaan doen en ze beiden best wel lastig waren. Ik vond het hierdoor ook erg fijn dat we in een groep de eerste demo hadden gemaakt en dat ik uiteindelijk bij de body language groep ben beland. Uiteindelijk viel alles op zijn plek en had ik een concept bedacht die ik voor Eric wilde gaan maken.

Eric zelf is een gezellige man die wel van een grapje houdt, maar ook erg serieus kan zijn tijdens een demo. Hij laat ook alles horen tijdens de demo, wanneer iets niet fijn is of wanneer iets leuk of gaaf is. Dit vond ik zelf heel fijn, want dan weet je precies wanneer je op de goede weg zit en wat je nog moet aanpassen om een prototype beter te maken voor Eric.

Tijdens het testen had ik soms wel wat moeite met mijn mond houden en wilde ik al snel Eric gaan begeleiden door de demo's heen. Dit moet ik wat minder doen in het vervolg. Toch had ik elke test sessie genoeg feedback om mee te nemen en mijn demo om te toveren naar een verbeterde versie. Dit proces vond ik erg fijn en de samenwerking met Eric was hierbij ook erg goed.

Al met al heb ik veel geleerd tijdens dit vak. In het begin moest ik even inkomen, maar nu we tegen het einde aanlopen ben ik erg blij met mijn resultaten en uiteindelijke applicatie.

• Mozilla Developer Network - Gebruik ik het meeste tijdens het programmeren
• Kleuren onderzoek - Onderzoek voor kleuren
• Kleuren onderzoek - Onderzoek voor kleuren
• Kleuren onderzoek - extra informatie over kleuren
• Understanding body language - goed artikel voor het begrijpen van body language
• Body language barriers - PDF over body language in chats
• 4 design principles - information about the principles

Me - Myself and I Eric the man himself