REFLECTIEVERSLAG
USER EXPERIENCE DESIGNER
Diederik van Aalst Vrije Project 2017-2018 Communication & Multimedia Design Hogeschool Utrecht
Studentnr. 1624859 Periode B&C Communication & Mulitmedia Design Hogeschool Utrecht 2017-2018
Maartje Wegdam Hogeschool Utrecht maartje.wegdam@hu.nl +31 (0)6 48 50 30 01
Diederik van Aalst diederik.vanaalst@student.hu.nl +31 (0)6 21 65 76 89
Vincent Wielders Defigners vincent@defigners.nl +31 (0)6 46 05 24 90
0
INHOUDSOPGAVE
1
4
Voorwoord
2
Samenvatting
3
05
Achtergrond Project
06
De rol De mentor
Professionele Ontwikkeling Competenties Startsituatie Leerdoelen Reflectie op proces en resultaat
5
06 06
07 07 08 08 10
Leersituaties
11
De mentor Andere kanalen Gebruik van feedback Kritische blik
6 7
04
11 11 12 12
Persoonlijk Ontwikkelplan Toekomstvisie Eigen kwaliteiten en ontwikkelpunten Op te zoeken leersituaties
Bronnen
16
-3-
14 14 14 14
1
VOORWOORD
Voor je ligt de zelfreflectie van mijn vrije afstudeerpro-
ject. Tijdens het vrije project heb ik mijzelf ontwikkeld als user experience designer, met een nadruk op het testen
en valideren van gecreĂŤerde producten. Het project is in
eigen beheer uitgevoerd in het kader van mijn afstuderen
aan de opleiding Communication & Multimedia Design aan de Hogeschool Utrecht. Van november 2017 tot en met
maart 2018 ben ik bezig geweest met het uitvoeren van dit project.
Om mijzelf een richting mee te geven binnen het project heb ik ervoor gekozen om de applicatie Scorito te gaan
testen en deze aan de hand van de testresultaten opnieuw te ontwikkelen. Scorito is een fantasy football applicatie.
Bij dit soort applicaties stel je een eigen fantasieteam aan
voetballers samen en scoor je punten op basis van de werkelijke sportresultaten. Binnen fantasy football applicaties kan je samen met je vrienden een poule maken en tegen elkaar spelen.
Tijdens het project ben ik vaak van advies voorzien door mijn schoolbegeleider Maartje Wegdam, daar wil ik haar
dan ook hartelijk voor bedanken. Ook mijn mentor, Vincent
Wielders, wil ik bedanken voor het delen van zijn kennis en het geven van feedback op mijn werk tijdens het afstu-
deertraject. Verder wil ik alle testpersonen bedanken voor
het uitvoeren van verschillende tests. Zonder jullie was dit afstudeerproject nooit tot een goed einde gekomen. Ik wens je veel leesplezier toe. Diederik van Aalst Tiel, 20 maart 2018
-4-
2
SAMENVATTING
Het hoofddoel van dit project is om mijzelf verder te ont-
wikkelen in de rol als user experience designer, specifiek gericht op het gebied van testen en valideren van
gecreĂŤerde producten. Op basis van competenties die bij
de gekozen rol passen zijn er drie verschillende leerdoelen vastgesteld. Dit zijn een kennisleerdoel, een vaardigheidsleerdoel en een houdingsleerdoel.
Er is een bestaande applicatie getest en verbeterd aan de hand van verschillende testmethodes. De methodes die
zijn gebruikt in de afgelopen 20 weken zijn usability testing, card sorting, modulair prototype testing en wireframe
testing. De resultaten uit elke test legden de basis van de
daaropvolgende testmethode, waarbij de doelen, wensen en problemen van de gebruiker centraal staan.
Dit proces heeft meerdere iteraties doorlopen, hierdoor is er een high fidelity prototype ontstaan dat is gebaseerd
op een gedegen onderzoek, genaamd Eredivisie Fantasy Football. Het uiteindelijke prototype houdt rekening met
gebruiksvriendelijkheid, design patterns en de wensen en doelen van de gebruiker. Verder zullen er in de komende reflectie de opgezochte leermomenten, de feedbackmo-
menten en mijn verdere persoonlijke ontwikkeling worden behandeld.
-5-
3
ACHTERGROND PROJECT
”
Binnen UXD heb ik mijzelf vooral ontwikkeld op het gebied van het testen en valideren van gecreëerde producten
DE ROL
DE MENTOR
experience designer (UXD), binnen UXD heb ik mijzelf
Wielders. Vincent is al vanaf oktober 2011 werkzaam bij
De rol waarin ik mijzelf ben gaan verdiepen is user vooral ontwikkeld op het gebied van het testen en
valideren van gecreëerde producten. Ik heb mijzelf in
deze rol verdiept omdat ik mijzelf zie als een ‘allround
designer’, en waar ik nog stappen in wilde maken is het
Mijn mentor gedurende het vrije project was Vincent
Defigners, een creatief UX-bureau gespecialiseerd in
het ontwerpen van user interfaces en branded identities.
Sinds 2016 is Defigners tevens een conceptontwikkelaar en producent van applicaties. Vincent is in 2014 afgestu-
UX-gedeelte. Ik ben iemand die graag elk aspect van
deerd aan de Hogeschool Utrecht als CMD’er en heeft
onderzoek naar concept en van concept naar realisatie.
Lyceum Utrecht. Verder heeft Vincent bij meerdere
Communication and Multimedia Design uitvoert, van
Ik heb binnen UXD bewust gekozen voor het test- en
validatie gedeelte, omdat ik van mening ben dat ontwerpen met en voor je doelgroep het belangrijkste aspect is binnen het CMD-vakgebied.
daarvoor mediavormgeving gestudeerd aan het Grafisch bedrijven ervaring opgedaan in verschillende takken
van design. Zo is hij bij Today Designers twee maanden werkzaam geweest als conceptual and visual designer.
Ook heeft hij bij Fazzination vijf maanden als interaction
designer gewerkt en heeft hij vijf maanden als freelance ux-designer gewerkt voor Grrr Amsterdam. Door een
combinatie van de werkervaring en zijn gevolgde oplei-
dingen ben ik van mening dat Vincent de ideale mentor voor mij is geweest gedurende dit project. Hij weet wat er gevraagd wordt bij een afstudeerproject vanuit de
Hogeschool Utrecht en hij heeft een hoop kennis op het
gebied van application design. De relatie tussen student en mentor is zakelijk.
-6-
4
PROFESSIONELE ONTWIKKELING
COMPETENTIES
Wanneer we specifiek kijken naar testen, valideren en
het creëren van producten, zijn er een aantal belangrijke competenties waarover een user experience designer moet beschikken. Voordat ik ben begonnen met het
project heb ik samen met mijn mentor gespard over de competenties die bij een UXD’er horen. De resultaten hiervan, in combinatie met informatie van de website
vacatures.nl (z.j.) en een artikel van UX Design Manager Steve Psomas (2007) op uxmatters.com, hebben tot de onderstaande competenties geleid. Bij de start van het afstudeertraject heb ik deze beoordeeld op een schaal van 1 tot 5. 1/5
Geen ervaring mee
tijdens de opleiding
2/5 3/5
4/5
5/5
Twee à drie keer mee in aanraking gekomen Structureel mee gewerkt tijdens de opleiding, nog niet startbekwaam in het werkveld
Junior Designer niveau, startbekwaam in het werkveld
Senior Designer niveau, expert in het werkveld Competentie
Startsituatie
Ontwikkeld
Eindsituatie
1A
Kennis over design patterns en gebruiksvriendelijkheid
2/5
Ja
3/5
1B
Kennis over testmethodes, gericht op UXD
2/5
Ja
3/5
1C
Kennis over de doelen en wensen van de doelgroep
3/5
Ja
4/5
2A
Vaardig in het creëren van testopzetten
2/5
Ja
3/5
3/5
Ja
4/5
3/5
Ja
4/5
3/5
Nee
3/5
2B 2C 2D
Vaardig in het ontwerpen van schetsen, wireframes en prototypes die aansluiten op de doelen en wensen van de gebruiker
Vaardig in het onderwerpen van de doelgroep aan user tests, en het analyseren hiervan
Vaardig in ontwerptools als Adobe en InVision
-7-
STARTSITUATIE
LEERDOELEN
gebruiksvriendelijkheid
ontwikkelen zijn er drie leerdoelen opgesteld. Deze leer-
1A. Kennis over design patterns en
Om eerdergenoemde competenties verder te kunnen
Design patterns en gebruiksvriendelijkheid ben ik niet in
doelen vormen de rode draad van mijn afstudeerproject.
aanraking mee gekomen tijdens de opleiding. Wel heb ik
Ik heb deze gekozen omdat ze mij een duidelijke richting
een hoop persoonlijke ervaring op het gebied van design
gaven om mijzelf te kunnen ontwikkelen in de gekozen
patterns, omdat ik zelf (natuurlijk) in bezit ben van een
rol.
smartphone.
Kennis
»»
1B. Kennis over testmethodes, gericht op user expe-
Na het vrije project kan ik de uitgevoerde en overwogen
rience design
usability testmethodes evalueren en hun bijbehorende
Ik heb gedurende de opleiding een aantal keer tests on-
voor- en nadelen benoemen.
dernomen die gericht waren op user experience design.
Aan de hand van opgedane theoretische en praktische
kennis maak ik voor mezelf een document waarin ik kan
1C. Kennis over de doelen en wensen van de
vinden hoe ik de uitgevoerde usability testmethodes heb
doelgroep
ervaren en wat de voor- en nadelen zijn van deze methodes. Met dit leerdoel ontwikkel ik de competentie 1B.
Deze competentie ontwikkel je als CMD’er tijdens elke opdracht en project. Voordat je iets creëert moet je
Behalen van leerdoel
achter de doelen en wensen van je doelgroep komen, ik ben hier dus structureel mee in aanraking gekomen.
Door mijzelf eerst goed te laten informeren (via Vincent en door middel van literatuur) over verschillende usa-
2A. Vaardig in het creëren van testopzetten
bility testmethodes die gebruikt kunnen worden, is er
Testopzetten heb ik zo’n twee à drie keer mee gewerkt
een selectie gemaakt van tests die ondernomen zouden
gedurende de opleiding.
worden. Deze tests zijn geëvalueerd op het gebied van
de resultaten en op mijn persoonlijke vlak. De resultaten
2B. Vaardig in het ontwerpen van schetsen, wire-
hiervan zijn te vinden in 2017-18 C 02 Testmethodes.
frames en prototypes die aansluiten op de doelen en wensen van de gebruiker
Naast de analyses van de methodes in het bovenge-
Als CMD’er ben je altijd bezig met het vertalen van de
noemde bestand zijn er nog twee andere tests overwo-
duct, bij elk project of opdracht komt dit wel aan bod.
ik uiteindelijk niet doorgevoerd omdat ik na onderzoek
doelen en wensen van de gebruiker naar een eindpro-
gen, A/B-testing en paper prototyping. A/B-testing heb
erachter kwam dat deze vorm van testen geschikter is
2C. Vaardig in het onderwerpen van de doelgroep
voor websites en webshops, hier gaat het dan vooral
aan user tests, en het analyseren hiervan
om plaatsing van elementen binnen de pagina. Paper
Tijdens de opleiding heb ik vaker gewerkt met het testen
prototyping is niet uitgevoerd omdat deze methode in
van mijn gecreëerde producten. Zo heb ik de minor
een beginstadium van een project wordt uitgevoerd, mijn
Co-design gevolgd, hier heb ik veel tests uitgevoerd met
project was al te ver gevorderd om deze vorm van testen
de doelgroep, alleen niet specifiek op user experience
uit te voeren.
gericht.
Ontwikkeling
2D. Vaardig in ontwerptools als Adobe en InVision Persoonlijk denk ik dat ik op het gebied van Adobe al
O
vaardig genoeg ben om als Junior Designer te werken.
Waar ik nog stappen kan maken zijn het ontdekken van Adobe Xd en InVision.
-8-
V
G
Vaardigheid
»»
Behalen van leerdoel
Na het vrije project kan ik user tests uitvoeren, die de
Concrete voorbeelden van het doorvoeren van itera-
beoogde doelen en wensen van de gebruiker blootstel-
ties in mijn werk zijn er genoeg. Om te beginnen is het
len, en de resultaten implementeren.
opstellen van testopzetten veranderd gedurende het
In navolging op het kennisleerdoel kan ik de juiste usabi-
project. Met de tips en adviezen van Vincent heb ik com-
lity testmethode kiezen en hier vervolgens een testopzet
pletere testopzetten kunnen maken die rekening houden
voor maken. Deze test kan ik uitvoeren, analyseren, en
met een plan B en waarbij beter wordt nagedacht over
de resultaten implementeren in een volgend prototype.
de benodigdheden tijdens de tests.
Met dit leerdoel ontwikkel ik de competenties 1A, 1B, 1C, 2A, 2B, 2C en 2D.
Zoals bij het vaardigheidsleerdoel al is beschreven zijn er
Behalen van leerdoel
vergaard, deze hebben op hun beurt gezorgd voor meer-
door middel van verschillende tests een hoop resultaten
Dit leerdoel heb ik behaald door vier verschillende tests
dere iteraties in mijn werk. Zo is door de card sorting
uit te voeren en drie verschillende prototypes te ontwik-
methode de navigatie binnen de applicatie aangepast.
kelen. Per test zijn er verschillende problemen, doelen
Door het modulaire prototype is de weergave van de
of wensen van de gebruiker naar voren gekomen. Deze
verschillende poules waaraan je kan deelnemen aange-
problemen, doelen of wensen zijn de basis geweest van
past. En door het testen met de wireframes zijn aanpas-
de daaropvolgende tests die zijn uitgevoerd. Gedurende
singen gedaan in de lettergrootte, het zoeken binnen
het proces zijn er drie prototypes gecreëerd die telkens
groepen en de focus die bepaalde elementen trokken.
In het bestand 2017-18 C 03 Iteraties Prototype zijn de
beter aansloten op de doelen en wensen van de ge-
bruiker. Zo heb ik een modulair prototype ontwikkeld
verschillende versies van de prototypes te zien.
waar gebruikers hun ideale interface konden creëren,
een wireframe prototype ontwikkeld waarin alle eerste
Ontwikkeling
testresultaten zijn geïmplementeerd, en een high fidelity prototype ontwikkeld waar de fouten van het wireframe
O
prototype uit zijn en er visueel aantrekkelijk uitziet. In
V
G
2017-18 C 02 Testmethodes zijn de uitvoeringen en de testresultaten te vinden. De daaruit gecreëerde pro-
Aanpassingen leerdoelen
totypes zijn terug te vinden in 2017-18 C 03 Iteraties
Wanneer de huidige leerdoelen worden vergeleken
Prototype.
met de eerder opgestelde, is er te zien dat ik een veel
specifiekere richting heb gekozen binnen UXD. Doordat ik mijzelf in het begin puur op UXD wilde richten raakte
Ontwikkeling O
»»
ik verdwaald in de vele keuzes, richtingen en takken die V
UXD te bieden heeft. Hieruit kwamen dan ook leerdoelen
G
als ‘Ik ken de laatste trends, ontwikkelingen en technologieën op het gebied van user experience design’. Na
Houding
Ik toon aan dat ik iteraties in mijn werk aanbreng, aan de
twee weken hersenkraken over de leerdoelen ben ik veel
en wensen van de gebruiker.
het leerteam. Met hun hulp heb ik ervoor gekozen om mij
ik bepalen welke veranderingen doorgevoerd moeten
valideren van gecreëerde producten. Met deze richting in
eindproduct houdt rekening met de doelen en wensen
len gekomen. Tegen het einde van het project aan ben ik
het gebied van design patterns en gebruiksvriendelijk-
bij hetgeen dat ik heb gedaan. Mijn kennisleerdoel bleek
2B en 2C.
testmethodes kan bestuderen in 20 weken. Daarom is
hand van uitgevoerde tests, die aansluiten op de doelen
gaan sparren met mijn mentor, de schoolbegeleider, en
Aan de hand van de uitgevoerde usability tests kan
specifiek te gaan richten binnen UXD op het testen en
worden zodat er een passend eindproduct ontstaat. Dit
mijn achterhoofd ben ik tot de eerdergenoemde leerdoe-
van de gebruiker, en de mogelijkheden binnen UXD op
gaan bekijken of mijn opgestelde leerdoelen nog pasten
heid. Met dit leerdoel ontwikkel ik de competenties 1C,
uiteindelijk niet meer relevant te zijn omdat ik nooit álle
-9-
hij veranderd van ‘Na het vrije project kan ik de afweging
Verder had ik de mogelijkheid om dit project bij Scorito
test onder de gebruiker’, naar het huidige leerdoel.
echter zo erg op het gebied van creatieve vrijheid en
maken op welke manier ik het efficiëntst mijn producten
zelf uit te voeren. De opdrachtgever belemmerde mij
ontwikkeling, dat ik heb gekozen om het in eigen beheer
REFLECTIE OP PROCES EN RESULTAAT
te doen. Dit is voor mij een positieve stap geweest, ik
heb helemaal mijn eigen gang kunnen gaan en mijzelf
Als ik terugkijk op het gehele project vind ik dat het alle-
kunnen ontwikkelen op gebieden die ikzelf het meest
maal, op de beginperiode na, erg soepel is gegaan. Aan
interessant vond. Het nadeel van het uitvoeren in eigen
het begin was ik erg zoekende naar de juiste weg voor
beheer is geweest dat ik niet zo veel meetings met mijn
het project, maar door veel overleg met de mensen om
mentor heb gehad. Als je ergens op kantoor zit ben
mij heen ben ik tot een goede richting gekomen.
je toch sneller geneigd om even snel je voortgang te bespreken. Dit had ik kunnen voorkomen door meer
Ik had bij het maken van de planning verwacht dat ik
initiatief te nemen en meer meetings in te plannen met
meer tests had kunnen uitvoeren. Voordat het project
Vincent.
begon had ik een strakke planning gemaakt waarin ik
zes tests wilde uitvoeren en vier prototypes wilde ople-
veren. Mede doordat ik erg positief ben in het inschatten
Tot slot had ik verwacht dat ik mijzelf meer zou ontwikke-
’20 weken’ eigenlijk maar twee dagen in de week zijn,
bleek echter al snel dat ik nooit super veel testmetho-
len op het gebied van mijn kennisleerdoel. In de praktijk
van tijd, en omdat ik mijzelf had verkeken op het feit dat
heb ik uiteindelijk vier tests uitgevoerd en drie prototypes gemaakt. Het resultaat dat is ontstaan is voortgekomen
uit een gedegen onderzoek met verschillende testmethodes, ook vind ik dat het visueel aantrekkelijk is voor een eerste high fidelity prototype.
Tijdens mijn tijd als student voelde ik mijzelf nooit echt
des zou gaan gebruiken en onderzoeken. Ik heb wel
de keuze gemaakt om interessante testmethodes, die
nieuw voor mij waren, te gebruiken om mijzelf alsnog te
ontwikkelen op het gebied van kennis. Concluderend kan ik zeggen dat ik erg trots ben op het eindresultaat en de daarbij behorende persoonlijke ontwikkelingen.
op mijn gemak om producten te testen, ik vond het ‘veel
moeite’ en had het idee dat de testpersonen er helemaal niet op zaten te wachten. Tijdens dit afstudeerproject
ben ik erachter gekomen dat het testen van je gemaakte werk de meeste voldoening geeft die een ontwerper
maar kan krijgen, ook zijn testpersonen juist erg enthousiast om tests uit te voeren. Ik heb mijzelf op dit gebied
uitgedaagd om nieuwe manieren van testen te onderne-
men, zoals card sorting en het gebruiken van een modulair prototype. Ik heb gemerkt dat, zolang je jezelf maar goed voorbereidt, het uitvoeren van nieuwe methodes minder eng is dan het klinkt.
Als ik dan toch kritische punten moet aanwijzen in het afstudeerproject zijn het de momenten dat ik voor de
veilige, bekende weg heb gekozen. Vaak zorgden deze wegen ook nog eens voor het meeste werk. Zo heb
ik ervoor gekozen om de wireframes in Photoshop te
maken in plaats van met speciale wireframe-software,
deze keuze heeft me echter veel meer werk opgeleverd dan dat het had hoeven kosten. Een goed leermoment
dat investeren in nieuwe technieken en software, uiteindelijk tijd kan opleveren.
- 10 -
5
LEERSITUATIES
DE MENTOR
Toen ik begon aan dit project had ik niet extreem veel
is de keuze geweest om in plaats van een paper pro-
Degene die mij enorm heeft geholpen om een goede
uiteindelijk positief uitgepakt en heeft mij goede resulta-
kennis op het gebied van user experience design.
totype een modulair prototype te ontwerpen. Dit heeft
start te maken is mijn mentor Vincent Wielders. Vanaf
ten gegeven voor het vervolg van mijn project. Met elke
het eerste gesprek wist hij mij een kant op te sturen die
meeting die we hadden, fysiek of online, had Vincent
zowel voor mijn persoonlijke ontwikkeling goed was,
weer veel tips en inspiratie voor het vervolg van mijn
als voor mijn project. Wat Vincent mij als belangrijkste
project.
punt heeft meegegeven is om dingen ‘gewoon’ te doen. Kom snel in contact met gebruikers, ga veel testen, ga
Deze leersituatie heeft bijgedragen aan het ontwikkelen van competenties 1B, 2A en 2C.
snel en efficiënt te werk, durf op je bek te gaan, durf een methode te laten vallen als het niet werkt.
ANDERE KANALEN Literatuur
Ik heb het gevoel dat Vincent mij op verschillende
niveaus iets heeft geleerd. In het begin was ik nog de
Buiten Vincent om heb ik ook via andere kanalen een
UXD’er die nog niet veel kennis had, dus spoorde hij
hoop geleerd over user experience design. Om te be-
mij aan om echt dingen te ondernemen en zo dingen
ginnen heb ik veel inspiratie, op het gebied van testen
over het vak te leren. Zo moedigde hij aan om direct
en valideren van gecreëerde producten, gehaald uit
de bestaande Scorito applicatie te testen onder nieuwe
gebruikers, om zo te weten te komen waar de pijnpunten liggen binnen de applicatie.
verschillende soorten literatuur. Zo heb ik informatie uit
het boek This is Service Design Thinking gehaald op het gebied van co-creatie. Deze informatie heb ik kunnen
gebruiken bij het opzetten van de test met het modulaire
Verderop in het project merkte hij dat ik al wat meer
prototype. Ook de website cmdmethods.nl (2015) heeft
kennis vergaarde, dus stipte hij bepaalde aspecten aan
mij nieuwe kennis gegeven over verschillende testme-
in mijn producten die beter of scherper kunnen zijn. Zo
thodes en hoe deze uit te voeren zijn.
heb ik van hem geleerd om niet alleen een probleem te vinden vanuit user tests, maar om ook al gelijk op zoek
Deze leersituatie heeft bijgedragen aan het ontwikkelen van competenties 1A, 1B en 2C.
te gaan naar mogelijke oplossingen die dit probleem aanpakken. Dit heeft mij sneller en efficiënter laten
werken, omdat ik gelijk wist met welk beoogd doel ik
Vergelijkbare interfaces
plannen te integreren in mijn testopzetten, hierdoor denk
en het high fidelity prototype veel inspiratie opgedaan
de volgende test inging. Ook leerde hij me om back-up
Verder heb ik tijdens het ontwerpen van de wireframes
je beter na over wat er fout kan gaan in een test en ga je
bij soortgelijke fantasy football applicaties, of andere
beter voorbereid op pad.
voetbal gerelateerde applicaties. Binnen deze applicaties wordt informatie als opstellingen, statistieken, uitslagen
Tot slot heeft Vincent mij talloze tips gegeven waar je als
en spelers informatie op verschillende manieren weerge-
beginnend UXD’er niet aan denkt. Hij heeft mij kennis
ven, een berg aan inspiratie voor mij dus. Ook Pinterest
laten maken met meerdere tools (Lookback.io, Adobe
Xd, modulair prototype) en websites (elements.envato.
is een goede leerschool voor mij geweest, hier heb ik
com, xdguru.com) die handig zijn voor UXD’ers. Een van de belangrijkste feedbackmomenten binnen het project
veel inspiratie en kennis kunnen opdoen op het gebied
van mobile application design. Verder heb ik veel informatie kunnen verkrijgen over ontwerpen voor iPhones
- 11 -
van de developers website van Apple (2018). Hier staan
sorting testmethode, heb ik bepaald welke informatie op
hierbij aan de minimale tekstgrootte die gebruikt moet
die ik heb verkregen vanuit het modulaire prototype, heb
duidelijke guidelines over de interface van iOS, denk
welke pagina dient te komen. Op basis van de resultaten
worden, de minimale grootte van je ‘tappable area’ en
ik de interface ontworpen van de poules-pagina. De re-
het gebruik van margins.
sultaten van deze twee feedbackmomenten zijn verwerkt in het wireframe prototype.
Deze leersituatie heeft bijgedragen aan het ontwikkelen van competenties 1A en 2B.
Natuurlijk zijn ook deze wireframes weer getest. De
UXD-student
iets te klein was, dat er geen zoekknop naar voren kwam
feedback hieruit was onder andere dat de lettergrootte
Op het moment dat ik begon met dit afstudeerproject
na zoeken binnen de poules, dat het filteren van de
zat mijn vriendin in de tiende week van haar specialisa-
deelnemerslijsten niet duidelijk was en dat de clubshirts
tie user experience design. Een aantal momenten dat
te aanwezig waren in het scherm. Deze feedback heb ik
ik vast zat in het project heb ik haar om advies kunnen
geïmplementeerd in de eerste versie van het high fidelity
vragen. Zij leverde mij handige tips en literatuur aan
prototype.
waardoor ik stappen kon zetten in de juiste richting,
deze informatie had zij via de docenten van de speci-
Deze leersituaties hebben bijgedragen aan het ontwikkelen van competenties 1C, 2B, 2C en 2D.
alisatie verkregen. Zo heb ik via haar het boek Mobile
Design Pattern Gallery (2014) gekregen, een boek waar veel basiselementen in staan op het gebied van mobile
Posterpresentatie
het schetsen en het verder ontwikkelen van mijn high
afstudeerder de mogelijkheid aangegrepen om mijn
application design. Dit boek heeft mij geholpen tijdens
In de elfde week van het afstudeertraject heb ik als enige
fidelity prototype. Ook heeft zij mij Photoshop en Adobe
werk voor te leggen aan de beroepenveldcommissie
Xd-bestanden aangeleverd van de standaard iOS 11
van onze opleiding. Deze groep van professionals heeft
elementen, hiermee heb ik veel sneller mijn wireframes
onder andere als feedback gegeven om naar vergelijk-
kunnen ontwerpen.
bare interfaces of applicaties te zoeken. “Waarom het wiel opnieuw uitvinden”, was de uitspraak. Met deze
Deze leersituatie heeft bijgedragen aan het ontwikkelen
feedback heb ik onder andere de interface van de ‘speler
van competenties 1A, 2B en 2D.
informatiepagina’ vormgegeven en heb ik gekeken
hoe andere voetbal applicaties opstellingen weerge-
GEBRUIK VAN FEEDBACK
ven. Hieruit heb ik veel inspiratie kunnen halen in het
Tests
ontwerpproces van de wireframes en het high fidelity
Doordat ik ervoor heb gekozen een product te verbete-
ren, door middel van verschillende user tests, heb ik veel verschillende momenten in mijn proces gehad waarbij ik
prototype.
Deze leersituatie heeft bijgedragen aan het ontwikkelen van competentie 2B.
feedback van gebruikers heb kunnen implementeren. Zo heb ik vanuit de eerste usability test, waarbij ik nieuwe gebruikers de bestaande Scorito applicatie liet testen,
KRITISCHE BLIK
binnen de navigatie van de applicatie. Ook vonden zij
Gedurende dit afstudeerproject heb ik veel verschillende
Vergelijkbare applicaties
de feedback gekregen dat de testpersonen verdwaalden het schakelen tussen de verschillende poules, waaraan
fantasy football of voetbaluitslagen applicaties gezien en
je als gebruiker deel kan nemen, te onduidelijk. Deze
bestudeerd. Er is mij opgevallen dat er maar enkele
feedback is de basis geweest van het vervolg van mijn
applicaties zijn die de grote hoeveelheid informatie op
afstudeerproject.
een duidelijke en overzichtelijke manier kunnen weer-
geven. Een inspiratie voor mij is de applicatie ‘FotMob’
geweest. Zij weten een berg aan informatie op een mooi
Vanuit deze feedback heb ik mijn volgende twee tests
opgezet, card sorting en het modulaire prototype. Aan
de hand van de feedback die ik heb gekregen bij de card
vormgegeven manier te ordenen. Vooral door het gebruik van hoge contrasten en verschillende font-stijlen binnen
- 12 -
een family weten zij een duidelijke interface te creëren. Andere vergelijkbare applicaties als ‘UCL Fantasy’,
‘Voetbalzone Fantasy Football’ en ‘Live Voetbal’ hebben mij laten zien hoe het niet moet. Zij hebben te veel
informatie in hun schermen gestopt met te weinig visueel onderscheid, wat leidt tot onoverzichtelijke en rommelige schermen.
Mede door al dit vergelijkingsmateriaal verbaas ik mijzelf des te meer hoe ‘ouderwets’ de Scorito applicatie er nog uitziet. De applicatie houdt geen rekening met
design patterns, is visueel onsamenhangend, gebruikt
twee verschillende menu’s (bottom navigation en hamburgermenu) en de navigatie tussen de pagina’s is onoverzichtelijk. Programma’s
Mijn eerste intentie was om het uiteindelijke prototype
in Adobe Xd te maken, hier heb ik echter vanaf gezien
omdat ik gedurende het project erachter ben gekomen
dat ik niet goed met dit programma overweg kon gaan.
De tijd die ik er dan in zou moeten steken om fijn met het programma om te kunnen gaan was voor mij te waardevol in dit afstudeerproject. Persoonlijk vind ik dat Adobe
»»
FotMob
»»
Voetbalzone Fantasy Football
Xd veel te weinig mogelijkheden heeft om prototypes
van applicaties te creëren. Je hebt niet de mogelijkheid
om je scherm in verschillende areas in te delen, waarbij
je bij het bovenste gedeelte bijvoorbeeld horizontaal kan
scrollen en bij het onderste gedeelte variabele informatie kan tonen. Een programma waarbij je als ontwerper wel meer mogelijkheden hebt is Sketch, hier wil ik mijzelf later verder in verdiepen. Dit heb ik niet tijdens het
afstudeerproject gedaan omdat ik mijn tijd puur wilde
besteden aan het testen en valideren van de gecreëerde producten.
Deze bevindingen hebben mij doen besluiten het uitein-
delijke high fidelity prototype te creëren in een programma dat ik al wel goed ken en dat veel mogelijkheden heeft; Adobe InDesign.
- 13 -
6
PERSOONLIJK ONTWIKKELPLAN
TOEKOMSTVISIE
EIGEN KWALITEITEN EN ONTWIKKELPUNTEN
ontwikkelen op het gebied van user experience design
thuis ben in de ontwerpwereld. Door mijn vooropleiding
In mijn ontwikkelplan heb ik gezegd dat ik mijzelf wilde
Mijn kwaliteiten liggen in het feit dat ik van veel markten
omdat ik een completere CMD’er wilde worden. Eentje
als Audiovisueel Vormgever heb ik ervaring met de
die zowel de kennis, als de vaardigheid heeft over alle
praktische kant van filmen, monteren en vormgeven.
facetten binnen de opleiding. Ik ben van mening dat ik in
Door mijn huidige opleiding als CMD’er heb ik veel
de afgelopen 20 weken veel theoretische en praktische
ervaring opgedaan in gebieden als research, concepting
kennis over UXD heb opgedaan, ik heb ook (bijna) altijd
en visual design. Door het uitvoeren van deze afstudeer-
met plezier aan deze opdracht gewerkt. Ik ben zeker ge-
groeid als UXD’er en ben nu ook veel meer op de hoogte van de werkzaamheden van een UXD’er. Wat ik echter ook heb gemerkt is dat ik niet de meeste voldoening
veel ervaring opgedaan met uitingen testen onder de
doelgroep. Ook heb ik veel werk gemaakt voor zowel
offline- als online uitingen. Al deze gegevens vormen mij
haal uit deze tak van CMD. Ik ben iemand die graag zijn
tot iemand die multi-inzetbaar is op verschillende vlakken
producten of ideeën verder uitwerkt voordat deze getest
van design. Verder ben ik een hele goede teamwerker.
worden, en bij UXD is dit niet het geval. Ook dingen als
Werken in een team geeft mij een enorme boost en
schetsen en wireframen zijn niet mijn favoriete bezighe-
den geweest. Wat mij echter wel heel erg motiveert is het maken van high fidelity prototypes, ik vind het te gek om mijn ideeën vorm te zien krijgen.
ik geef op mijn beurt anderen weer een boost. Ik ben
iemand die graag het onderste uit de kan haalt en niet snel tevreden is met het eerste de beste resultaat.
Punten die ik voor mezelf moet gaan ontwikkelen zijn
Wanneer ik naar mijn toekomst kijk zie ik mijzelf voor
discipline en creativiteit. Ik ben iemand die niet heel goed
maximaal twee jaar werken bij een digitaal bureau als
voor zichzelf kan werken, iets dat ik ook heb gemerkt
junior digital designer. Ik heb specifiek voor de rol digital
designer gekozen omdat je in deze rol veel moet afweten van verschillende takken van design, iets wat ik beheers. Ik ben tijdens mijn stages altijd de enige ontwerper
opdracht en het volgen van de minor co-design heb ik
tijdens dit afstudeerproject. Ook ben ik iemand die al
snel de meest logische oplossing zoekt bij een probleem, in plaats van een creatievere oplossing te bedenken.
binnen het bedrijf geweest en nu wil ik graag ergens
OP TE ZOEKEN LEERSITUATIES
daarom wil ik bij een digitaal bureau werken en niet als
voor een bedrijf te werken, en niet als freelancer. Ik
werken waar ik een ‘rolmodel’ boven mij heb staan,
freelancer. Bedrijven die mij onder andere aanspreken zijn Valtech, Born 05, Greenberry en True.
Het punt discipline kan ik positief ontwikkelen door
ben iemand die een stok achter de deur nodig heeft
om dingen te doen. Tegenwoordig is flexwerken heel
normaal binnen bedrijven, dit geeft mij dan ook de mo-
Een trend die nog steeds actief is binnen de branche,
gelijkheid om mijzelf te ontwikkelen op het gebied van
tingbudget van bedrijven is tegenwoordig voor online
woording af te leggen en kan ik niet zomaar denken: “dat
is de verschuiving van offline naar online. Het marke-
media-uitingen veel groter dan voor offline media-uitin-
gen en hier houd ik als ontwerper rekening mee in mijn carrièrekeuze.
discipline. Wanneer ik werk voor een baas heb ik verantkomt morgen wel”. Wat ik wel heb gemerkt tijdens dit
project is dat hoe verder het project vorderde, hoe beter mijn discipline werd.
- 14 -
Het punt creativiteit kan ik ontwikkelen door hetzelfde
te denken als tijdens dit project: gewoon durven. Zoals al eerder is genoemd in dit verslag koos ik voordat dit afstudeerproject begon altijd de veilige, bekende weg
in iets. Door het uitvoeren van dit project ben ik erachter gekomen dat het aanleren of uitvoeren van nieuwe technieken, methodes of strategieĂŤn een zeer positieve invloed heeft op mijn persoonlijke ontwikkeling. Dit
gedrag zal ik dan ook moeten doorzetten in het vervolg. Onderzoek doen naar, voor mij, nieuwe methodes en
technieken zal centraal gaan staan voor de ontwikkeling van mijn creativiteit.
- 15 -
7
BRONNEN
A
Apple. (2018). Adaptivity and Layout - Visual Design - iOS Human Interface Guidelines. Geraadpleegd op 12 februari
2018, van Apple Inc.: https://developer.apple.com/ios/human-interface-guidelines/visual-design/ adaptivity-and-layout/
N
Neil, T. (2014). Mobile Pattern Design Gallery. Sebastopol: O’Reilly Media, Inc.
P
Psomas, S. (2007, november 5). The Five Competencies of User Experience Design :: UXmatters. Geraadpleegd op
1 november 2017, van UXmatters: https://www.uxmatters.com/mt/archives/2007/11/the-fivecompetencies-of-user-experience-design.php
S
Stickdorn, M., & Schneider, J. (2012). This is Service Design Thinking. Amsterdam: BIS Publishers.
vacatures.nl. (z.j.). Wat is een UX Designer? | Vacatures.nl. Geraadpleegd op 1 november 2017, van vacatures.nl: https://www.vacatures.nl/functie/ux-designer/
V
Van Turnhout, K. (2015, december 21). CMD Methods Pack - find a combination of research methods that suit your needs. Geraadpleegd op 28 november 2017, van cmdmethods.nl: http://cmdmethods.nl/index.html
- 16 -