Spellen ontwikkelen met UX design

• newEditor
• ICT
• Middelbare school
• mavo, havo, vwo
• Leerjaar 1,2

Games ontwikkelen met UX design

Hoe maken we de games voor de juiste spelers?

Door: Simon van Utrecht

Hoe maak je spellen aan de hand van gebruikers ervaring ontwerp of User Experience design

Inhoud

Nu

Einde van de les

Introductie

Hoe werkt UX design?

UX design = Game design?

Je game is af, wat nu?

3 Stappen

Introductie: Wie ben ik en war is UX design in het kort

Hoe werkt UX design: Hoe pas je UX design toe op software

UX design = Game Design: Hoe pas je UX design toe specifiek op games

Je game is af, wat nu: Wat moet je nog allemaal doen voor een succesvolle game naast het programmeren

Chapter 1

Introductie

Games ontwikkelen met UX design

Wie ben ik?

Bachelor - Informatiekunde (2021 - 2024)

Master - Human computer Interaction (2024 - 2026)

Train of Thoughts (Sep 2023 - Sep 2024)

Battle Brewers (Nov 2024 - Nu)

Master Scriptie: Onderzoek naar AI in het onderwijs

Dit mag je allemaal vergeten maar wel even handig om te weten wie er voor de klas staat

Wie ben ik:

- Student aan de universiteit Utrecht

- Eerst bachelor informtiekunde gehaald en nu student Human computer interactie

- Nu bezig met mijn eind scriptie

En ik maak ook games

- Eerste steam game gereleased in 2024

- Nu bezig met de tweede release waarbij de eerste playtest net gehad heb

Mijn game collectie

2023

Nu

2024

De collectie van spellen die ik heb ontwikkeld

- Train of Thoughts: Party woord game waarbij een gedeelte van een zin leeg is en die op een zo grappig mogelijke manier moet invullen met de twist dat wat je invult gebruikt wordt in de volgende zin

- Party preppers: Game test gemaakt in 7 dagen waarbij je in 2 minuten een feestje moet opzetten in de achtertuin en zo snel mogelijk alle items vanuit je huis naar de tuin moet verplaatsen

- Battle Brewers:

Overcooked met Plants vs Zombie mechanics. Keuken waarbij je potions maakt en met die potions spawn je nieuwe units of doe je verschillende effecten op de units die je al hebt gespawned. Het doel: verdedig je kasteel tegen de hordes aan enemies

Lokkertje

Engagement:

Aan het einde van de les reveal van hoe goed mijn eerste game het heeft gedaan

Wat weet je al van gebruiksvriendelijk ontwerpen

Software maken is moeilijk

Software maken vereist samenwerking van verschillende partijen

Waarbij onduidelijkheden over wat de software moet doen en NIET doen vaak een belemering veroorzaakt voor de eindgebruiker

UX design kijkt naar wat heeft de gebruiker nou nodig in de software en hoe kunnen we de andere partijen daarmee aansturen

Wat is UX design?

!=

Belangrijkste principe

- Programmeur

- Ceo

- ook Ux designer

Zijn niet de gebruiker van de app

Dus lopen ze ook niet tegen de problemen en benodigdheden van de gebruiker aan

Chapter 2

Hoe werkt dat, UX design?

Games ontwikkelen met UX design

Hoe gebruiken we UX design?

Veel verschillende manier voor UX design

Vandaag pak ik er 1

Dit loopje waarin we gaan kijken naar de verschillende stappen om de gebruiker vooraan te stellen in het ontwerp proces

Wat houdt stap 1 "Think" in?

Hoe gebruiken we UX design?

Doel: Waar liggen mogelijkheden om software te maken?

Hoe: Verzamel informatie en bedenk oplossingen

Stap 1: Think

- Ga na wat is het probleem

- Wat zijn de benodigdheden van de gebruikers

- Waar lopen gebruikers tegenaan

- Wat vinden ze prettig en wat niet

- ZIjn er games die nog niet gemaakt zijn?

Lastig om onder woorden te brengen wat het probleem is daarom hebben we verschillende technieken

- Focus groups

- Interviews

- Enquetes

- Card sorting

Bedenk oplossingen belangrijk om meerdere ideeen te hebben om niet ergens vast in komen te zitten

Wat houdt stap 2 "Make" in?

Hoe gebruiken we UX design?

Doel: Maak de oplossingen

• Maak ze snel!

• Focus op de belangrijkste functionaliteiten

• Vind het wiel niet opnieuw uit

Stap 4: Prototype

Maak van de oplossingen een snelle werkend prototype

prototype: is nog geen app maar is een voorbeeld van hoe de app eruit kan komen te zien

Belangrijk

- Blijf niet op de details van een prototype hangen. Is niet belangrijk en kost teveel tijd/gebruikers hebben aan een ruwe schets al genoeg om te zeggen of het werkt of niet

BON TIME

Ook hier design met de klant:

- Voordeel: design is al geevalueerd door je gebruiker

- Nadeel: Klant kan heel erg blijven hangen op een onderdeel

Vind niet het wiel opnieuw uit. Gebruik bestaande ideeen uit bestaande apps

Wat houdt stap 3 "Check" in?

Hoe gebruiken we UX design?

Doel: Test de oplossingen

Maar wat wil je testen?

Stap 5: Test

Als de prototypes af zijn, check of dit is wat gebruikers willen.

- Belangrijk om eerst de basis goed te hebben (daarom prototypes)

- Waar haken gebruikers af

- A/B tests om nieuwe functies te testen

Chapter 3

Game design = UX design?

Games ontwikkelen met UX design

Spoiler: Niet helemaal

UX design in games

Met als extra element: Fun

Zelfde stappen kunnen we gebruiker maar nu moeten we nog kijken naar wat leuk is

Wat is Entertaining?

Wat is fun?

- Celeste: Lastig, de uitdaging maakt het leuk

- Red dead redemption: Spelers vinden het story en gameplay vooral leuk, gaat niet zo zeer om de uitdaging

- Valorant: Frustrerend maar kan ook heel rewarding zijn. Specifiek voor mensen die houden van competitie

- Overcooked: Sommige games zijn vooral gemaakt voor een bepaalde doelgroep

Welk type spel speel jij het liefst

A

Celeste

B

Valorant

C

Red dead redemption II

D

Overcooked

Ken je spelers!

Zoals je kan zien, fun is voor iedereen anders

Daarom is het belangrijk om je gebruikers/spelers te kennen

- Wat vinden ze leuk

- Waar hebben ze een hekel aan

- Waar liggen mogelijkheden om een nieuwe game in te ontwikkelen voor de mensen

Belangrijk (Voor mij tenminste):

- Is dat je jezelf ook als een gebruiker ziet

- Als jij het spel dat je maakt al niet leuk vindt hoe kan je dan verwachten dat andere mensen het leuk gaan vinden

Ken je concurent!

Ken de spellen om je heen

- Analyseer de positieve en negatieve reviews

Overcooked:

- Positief: Communicatie is leuk, leuk om samen te spelen

- Negatief: Multiplayer werkt niet goed

Brainstormen!

Waar kan je op verbeteren?

Wat moet de game hebben?

Kortom: tijd om te brainstormen!

Voor mijn game:

- Ik hou van de setting van harry potter

- Ik hou gamen met vrienden en familie

- Hogwarts legacy: Story game in de wereld van Harry Potter

- Potions maken voelt saai

- Potions maken moet iets creatiefs zijn

In de prototype loop

Maken testen, maken testen etc

Testen en nog meer testen

Voorbeeldje van testen

- Idee van gebruikers om wat de potion doet bovenaan te zetten

Playtesten!

Data data:

• Verzamel data via Steam

• Is mijn game goed genoeg?

• Waar haken spelers af?

Feedback

• Verzamel data via enquetes

• Wat werkt (en wat niet)?

• Waarom haken spelers af?

Voorbeeldje van testen

- Feature via steam

- Regelmatig spelers een nieuwe versie van je game te geven om te zien wat vinden ze leuk en wat vinden ze minder leuk

Twee soorten data

- Data data: Zijn nummers (hoeveel mensen hebben deze versie gespeelt? Hoelang hebben ze gespeelt?)

- Gebruiker feedback: Laat mensen hun mening geven: Waarom hebben ze minder gespeelt, Waarom vinden ze bepaalde levels niet leuk

Waarom heb je beide soorten data nodig?

Voorbeeldje

- Data data gaf aan dat spelers afhaakten in de tutorial

- Een gebruiker gaf aan dat hij gesoftlocked was in de tutorial

- Na doorvragen waarom dat zo was, bleek, tekst werd niet gelezen en er was geen visueel element om aan te geven wat de gebruiker moest doen

- Nieuwe versie gemaakt met meer visuals -> nu gaan testen of gebruikers de stap nu snappen

Het is idee is om te blijven itereren en te testen of problemen zijn opgelost

Wanneer is je game af?

- Zet de eisen voor wat een game is die af is?

- Genoeg is genoeg

- Ben jij tevreden?

- Zijn je potentiële gebruikers tevreden?

Wanneer is je game af?

Chapter 4

Je game is af, wat nu?

Games ontwikkelen met UX design

Tijd voor marketing

Release the game!

Steam?

• 100 euro

• Persoonlijke data

• Groot publiek

• Grote indie hits

• Steam features

Itch.io (of Newgrounds)

• Geen kosten

• Weinig eisen

• Geen online multiplayer

• Web based games

- Release the game!

- Waar?

Steam

- Grotere markt met veel meer features zoals multiplayer

- Nadeel is dat je instap kosten hebt per game

- En dat Steam veel persoonlijke data van je wil hebben

Itch.io/Slimmer.io/Newgrounds

- Gratis om spellen op te uploaden

- Maar minder aangeboden tools

- Goeie stap voor eerste prototypes of beginnende game developers

- je kan met Itch.io spellen maken die je kan publiceren en laten spelen in de browser

- Geld verdienen met deze spellen is lastiger

Wat hebben we nodig voor een hit op Steam? (Naast een geweldige game)

Veel wishlists = Betere performance op steam

Steam release

Amateur vs Professioneel

Steam pagina opzetten

- Etalage van je game

- Gebruik Gifs/Maak een trailer en maak aansprekende promotie afbeeldingen (capsule art)

Steam release

Playtest

• Tussendoor testen

• Feedback

• Zelf de groote bepalen

Demo

• Gratis versie

• Voorgerechtje

• Compleet

• Afsluiter

Playtests & demo

Playtest

- Al even over gehad

- Steam feature om tussen tijds te testen

- Gratis versie in steam die je ook meerdere keren per spel kan gebruiken

Demo

- Je gratis versie om mensen enthousiast te maken

- Zorg dat alles erin zit (Muziek, settings menu etc.)

- Sluit op een passend moment af

Steam release

Steam fests

• Thema

• Demos + Uitgebrachte spellen

Next Fest

• Demos

• Laatste push

• Wishlists x2

• Marketing!!

Steam festivals

Thema festivals

- Games gehighlight aan specifiek thema

- Steam heeft specifieke eisen waar je game aan moet voldoen:

As you might expect, eligible games will be primarily about cooking or will be culinarily inclined.

- Niet alleen demos dus ook goed om al uitgebrachte spellen aan mee te laten doen

Next fest

- Laatste kans om je game te pushen

- Hiervoor kan je alleen je demo opgeven

- 3x per jaar, beste om er aan mee te doen vlak voordat je je game wilt uitbrengen

Big reveal!

De not so big reveal

- Wat heb ik hiervan geleerd

- Had meer moeten testen

- Had meer onderzoek moeten doen naar wat gebruikers willen

Gamedevelopment is ook blijven leren

Big reveal!

De not so big reveal

- Wat heb ik hiervan geleerd

- Had meer moeten testen

- Had meer onderzoek moeten doen naar wat gebruikers willen

Gamedevelopment is ook blijven leren

Ending

Bedankt voor jullie aandacht!

Games ontwikkelen met UX design

Nog vragen?