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