
Design thinking in de praktijk
UI Prototyping
Wat is Design thinking
Design thinking in de praktijk
Wat is design thinking
Design Thinking is een iteratief proces dat gebruikt wordt om complexe problemen op te lossen.
Daarbij staat de gebruiker en zijn behoeftes centraal.
Design Thinking draait om het begrijpen van de mensen voor wie een product of dienst ontwikkeld wordt.
Wat is design thinking
Dit iteratief proces ziet er zo uit:

Design uitdaging
Design thinking in de praktijk
Design uitdaging
De opdracht!

Ideeën genereren
Design thinking in de praktijk
Ideeën genereren
Brainstorming spelregels:
- Je mag geen enkel idee afbreken
- Er staat geen grens op hoe wild een idee mag zijn
- Even geen afleiding, geen laptops
Ideeën genereren
Stap 1 (individueel): Kies rond welke sporttak je gaat werken. Schrijf dit in drukletters op een post-it.
Stap 2 (individueel): Bedenk minimum 12 unieke features, hoe meer hoe liever. Schrijf elke feature op via kernwoorden op een post-it. (en neem hier een foto van op het einde)
Ideeën genereren
Stap 3 (in groepjes van max 3): Pitch al je ideetjes aan je groep, en laat je groep jouw post-its sorteren volgens hoe leuk ze de feature vinden. (foto)
Ideeën genereren
Stap 4 (in groep): Brainstorm in groep verder over de 4 leukste features. Waarom zijn deze leuk? Komen nieuwe feature-ideetjes naar boven? Combinaties? Maak hiervoor nieuwe Post-its en voeg we terug toe. (foto)
Ideeën genereren
Stap 5 (individueel): Kies uit al je features op je tafel nu 1 hoofdfeature dat je het leukste vindt. Dit wordt het hoofddoel van je responsive webapplicatie
Definiëren
Design thinking in de praktijk
Definiëren
Human centered design
- Wie zal de website gebruiken
- Waarom?
=> De antwoorden hierop zullen sterk uiteen lopen.
Definiëren
We bundelen deze in verhaaltjes in User Stories:
Als [iemand-van-een-doelgroep]
Wil ik [iets]
Zodat ik [mijn-doel-kan-bereiken]
DOELGROEP
MOTIVATIE
INTENTIE
Definiëren
Bijvoorbeeld:
Als iemand die vaak basketbalt
Wil ik weten als mijn trainingen iets opbrengen
Zodat ik weet dat ik aan het evolueren ben
Definiëren
Bijvoorbeeld:
Als fan van de basketbal-sport
Wil ik weten hoe vaak enkele teams de bal verliezen
Zodat ik kan overwegen om op een ander team te gokken
Definiëren
Human centered design: Het verhaal rond de gebruiker laten gaan.
Als Informatie Architect ga je eigenlijk keuzes maken op basis van empathie.
Definiëren
Hoe beter je je gebruikers verstaat, hoe beter we het design gaan kunnen opbouwen.
Het laat je toe om te anticiperen!
Definiëren
Gebruikersgroepen => User persona's
User persona's zijn gedetailleerde beschrijvingen van een gebruiker van je product.
Leeftijd, demografie, expertise, lifestyle, etc
Definiëren
Bij een echt product, beperk je jezelf best tot 3 user persona's.
Voor de eindopdracht, gaan we ons limiteren op 1 persona.
Definiëren
Een persona kan je zelf snel maken via https://www.hubspot.com/make-my-persona.
Klik wel even op "Skip walkthrough mode" om irrelevante vragen te vermijden.
Definiëren

Herhaling User stories
Herhaling User Persona's
Inleven
Design thinking in de praktijk
Het kunnen categoriseren en labelen van inhoud adhv IA heb je ook al onder de knie. Dit wordt ook wel informatie architectuur genoemd
Dit ken je al
UI DESIGN /
Prototyping
Design thinking in de praktijk
Prototyping
Een wireframe toont de layout van een web pagina dat demonstreert welke Interface elementen zullen bestaan op enkele belangrijke pagina's.
Je weet al hoe je best een navigatie opstelt.
- Gebruik termen die de gebruiker ook gebruikt
- Plaats de belangrijkste items vooraan
- Vermijd overbodige tussenniveaus
Dit ken je al
UI DESIGN /
En hoe je hierbij rekening kan houden met allerhande navigatievormen.
- Filtering
- Subnavigatie
- Zoekvelden
- Paginatie
- Cross-linking
Dit ken je al
UI DESIGN /
Zo weet je ook al wat een sitemap is.

Dit ken je al
UI DESIGN /
Hierbij rekening houdend dat je de gebruiker altijd centraal plaatst
- Gebruiker begeleiden
- Duidelijkheid scheppen
Dit ken je al
UI DESIGN /
Prototyping
We gaan wireframen op papier!

Testen
Design thinking in de praktijk
Testen
- Zoek mensen uit de juiste doelgroep
- Bijvoorbeeld:
- Geef hen gerichte taken om uit te voeren op je (papieren) prototype
Design Thinking in de praktijk
By mathieu-en-adriaan
Design Thinking in de praktijk
- 276