SlideShare ist ein Scribd-Unternehmen logo
1 von 62
ontwerp en prototyping

      The Challenge
     12 februari 2012
over vier uur weet je iets over…
  ontwerpen voor interactie
  ontwerpstappen
  prototyping
  jouw toekomstige rol in het proces
…en heb je een concept
 van je product getest.
Yuri Westplat
Zelfstandig ontwerper sinds 1995
Yuri Westplat
   Sanoma Digital . NS Hispeed . Wehkamp
        . Ajax . WE . Jantje Beton . TUI
     Holland International . RAI Langfords
Nederlandse Rode Kruis . M&S . Undutchables
SEO Economisch Onderzoek . Droog Design
    . Heineken . HP/De Tijd . Quote Media .
      Weekend . Royal Leerdam Crystal .
  KPN Mobile . Amsterdam-Dakar Challenge
Yuri Westplat
Geeft incidenteel les aan de HvA
agenda
  introductie
  Theorie ontwerpen

  Ontwerpen
  presentatie en feedback

  eten

  testmodel maken
  presentatie en feedback

  afsluiting
?
User Centered Design!
User Centered Design!




       Product!
User Centered Design!




       Product!   Gebruiker!
User Centered Design!




       Product!   Gebruiker!   Context!
User Centered Design!




       Product!   Gebruiker!   Context!
Gebruiker!   Product!   Context!
Ontwerpen voor gebruikers
Frank Kloos
   Geek
Stap 1. Mentaal model
informatie architectuur
maak onderlinge
verbanden mogelijk
flow
Aan de slag
Maak een map van je concept.

  Schrijf de titel van iedere pagina een post-it
  Groepeer bij elkaar horende post-its. Geef
   deze groepen een naam.
  Leg de post-its op een door jouw bepaalde
   volgorde
Aan de slag
Maak een scenario vanuit een door jou
bepaalde gebruiker.

  Wat is het doel van de gebruiker (conversie)
  Noteer de stappen die de gebruiker neemt
   om conversie te bereiken.
Aan de slag
Maak een scenario vanuit een door jou bepaalde
gebruiker.

  Schets iedere stap uit je scenario als
   beeldscherm
  Benadruk de interactieve elementen
   die nodig zijn voor het scenario
  Bedenk testvragen gebaseerd op je scenario
Aan de slag

Je haalt met 3 testpersonen ± 75% van de
ontwerpfouten en knelpunten uit je concept.

  Probeer niet naar meningen te vragen
  Stel open vragen, vraag verder als
   de testpersoon kortaf is
  Geef open opdrachten, probeer
   de testpersoon niet te leiden
  Stimuleer de testpersoon hardop te denken
  Vraag de testpersoon naar verwachtingen
Rachel Hinman, "The Mobile Frontier"
English | ISBN: 1933820551
?

Weitere ähnliche Inhalte

Ähnlich wie Masterclass Prototyping

Minorvoorlichting Interface & User Experience Design 2016 / 2017
Minorvoorlichting Interface & User Experience Design 2016 / 2017Minorvoorlichting Interface & User Experience Design 2016 / 2017
Minorvoorlichting Interface & User Experience Design 2016 / 2017Jasper Schelling
 
Kaartenset supplement Masterclass 3
Kaartenset supplement Masterclass 3Kaartenset supplement Masterclass 3
Kaartenset supplement Masterclass 3Jonas Piet
 
1011q1 design for mobile les 4 - usabilitytesting for mobile
1011q1 design for mobile    les 4 - usabilitytesting for mobile1011q1 design for mobile    les 4 - usabilitytesting for mobile
1011q1 design for mobile les 4 - usabilitytesting for mobileHans Kemp
 
Interaction Design 1.1: User Centered Design
Interaction Design 1.1: User Centered DesignInteraction Design 1.1: User Centered Design
Interaction Design 1.1: User Centered DesignFerry den Dopper
 
Signaleren en analyseren van verschillen les 2
Signaleren en analyseren van verschillen les 2Signaleren en analyseren van verschillen les 2
Signaleren en analyseren van verschillen les 2Gerard Dummer
 
Slides AI en Chatgpt met voorbeelden.pdf
Slides AI en Chatgpt met voorbeelden.pdfSlides AI en Chatgpt met voorbeelden.pdf
Slides AI en Chatgpt met voorbeelden.pdfEnnuonline
 
Slides ontwerpen met Chatgpt & AI tools
Slides ontwerpen met Chatgpt & AI toolsSlides ontwerpen met Chatgpt & AI tools
Slides ontwerpen met Chatgpt & AI toolsEnnuonline
 
INNOWIZ @ open innovatieforum Genk
INNOWIZ @ open innovatieforum GenkINNOWIZ @ open innovatieforum Genk
INNOWIZ @ open innovatieforum GenkInnowiz
 
0708 Iad2 Q4 Hoorcollege1
0708 Iad2 Q4 Hoorcollege10708 Iad2 Q4 Hoorcollege1
0708 Iad2 Q4 Hoorcollege1Hans Kemp
 
Workshop ux cocktail hour mirabeau_sept2011
Workshop ux cocktail hour mirabeau_sept2011Workshop ux cocktail hour mirabeau_sept2011
Workshop ux cocktail hour mirabeau_sept2011Mirabeau
 
What Does The User Really Want
What Does The User Really WantWhat Does The User Really Want
What Does The User Really Wantbjdiedering
 
Rapid prototyping 03 mrt 2016 screen
Rapid prototyping 03 mrt 2016 screenRapid prototyping 03 mrt 2016 screen
Rapid prototyping 03 mrt 2016 screenMarnix Bras
 
Iad1 0809Q2 Hoorcollege2
Iad1 0809Q2 Hoorcollege2Iad1 0809Q2 Hoorcollege2
Iad1 0809Q2 Hoorcollege2Hans Kemp
 
Social Networks Hc2
Social Networks Hc2Social Networks Hc2
Social Networks Hc2Ernst Phaff
 
Webcommunicatie / college 2
Webcommunicatie / college 2Webcommunicatie / college 2
Webcommunicatie / college 2Igor ter Halle
 
13 ideeën voor inspirerende inspraakmomenten
13 ideeën voor inspirerende inspraakmomenten13 ideeën voor inspirerende inspraakmomenten
13 ideeën voor inspirerende inspraakmomentenJacqueline van Leeuwen
 
13 ideeën voor inspirerende inspraakmomenten | Jacqueline van Leeuwen
13 ideeën voor inspirerende inspraakmomenten | Jacqueline van Leeuwen13 ideeën voor inspirerende inspraakmomenten | Jacqueline van Leeuwen
13 ideeën voor inspirerende inspraakmomenten | Jacqueline van LeeuwenFARO
 
13 ideeën voor inspirerende inspraakmomenten
13 ideeën voor inspirerende inspraakmomenten13 ideeën voor inspirerende inspraakmomenten
13 ideeën voor inspirerende inspraakmomentenJacqueline van Leeuwen
 

Ähnlich wie Masterclass Prototyping (20)

Minorvoorlichting Interface & User Experience Design 2016 / 2017
Minorvoorlichting Interface & User Experience Design 2016 / 2017Minorvoorlichting Interface & User Experience Design 2016 / 2017
Minorvoorlichting Interface & User Experience Design 2016 / 2017
 
Sessie 10 en 22 0ntwerpend denken
Sessie 10 en 22 0ntwerpend denkenSessie 10 en 22 0ntwerpend denken
Sessie 10 en 22 0ntwerpend denken
 
Kaartenset supplement Masterclass 3
Kaartenset supplement Masterclass 3Kaartenset supplement Masterclass 3
Kaartenset supplement Masterclass 3
 
1011q1 design for mobile les 4 - usabilitytesting for mobile
1011q1 design for mobile    les 4 - usabilitytesting for mobile1011q1 design for mobile    les 4 - usabilitytesting for mobile
1011q1 design for mobile les 4 - usabilitytesting for mobile
 
Interaction Design 1.1: User Centered Design
Interaction Design 1.1: User Centered DesignInteraction Design 1.1: User Centered Design
Interaction Design 1.1: User Centered Design
 
UiTforum 2011 - Service Design
UiTforum 2011 - Service DesignUiTforum 2011 - Service Design
UiTforum 2011 - Service Design
 
Signaleren en analyseren van verschillen les 2
Signaleren en analyseren van verschillen les 2Signaleren en analyseren van verschillen les 2
Signaleren en analyseren van verschillen les 2
 
Slides AI en Chatgpt met voorbeelden.pdf
Slides AI en Chatgpt met voorbeelden.pdfSlides AI en Chatgpt met voorbeelden.pdf
Slides AI en Chatgpt met voorbeelden.pdf
 
Slides ontwerpen met Chatgpt & AI tools
Slides ontwerpen met Chatgpt & AI toolsSlides ontwerpen met Chatgpt & AI tools
Slides ontwerpen met Chatgpt & AI tools
 
INNOWIZ @ open innovatieforum Genk
INNOWIZ @ open innovatieforum GenkINNOWIZ @ open innovatieforum Genk
INNOWIZ @ open innovatieforum Genk
 
0708 Iad2 Q4 Hoorcollege1
0708 Iad2 Q4 Hoorcollege10708 Iad2 Q4 Hoorcollege1
0708 Iad2 Q4 Hoorcollege1
 
Workshop ux cocktail hour mirabeau_sept2011
Workshop ux cocktail hour mirabeau_sept2011Workshop ux cocktail hour mirabeau_sept2011
Workshop ux cocktail hour mirabeau_sept2011
 
What Does The User Really Want
What Does The User Really WantWhat Does The User Really Want
What Does The User Really Want
 
Rapid prototyping 03 mrt 2016 screen
Rapid prototyping 03 mrt 2016 screenRapid prototyping 03 mrt 2016 screen
Rapid prototyping 03 mrt 2016 screen
 
Iad1 0809Q2 Hoorcollege2
Iad1 0809Q2 Hoorcollege2Iad1 0809Q2 Hoorcollege2
Iad1 0809Q2 Hoorcollege2
 
Social Networks Hc2
Social Networks Hc2Social Networks Hc2
Social Networks Hc2
 
Webcommunicatie / college 2
Webcommunicatie / college 2Webcommunicatie / college 2
Webcommunicatie / college 2
 
13 ideeën voor inspirerende inspraakmomenten
13 ideeën voor inspirerende inspraakmomenten13 ideeën voor inspirerende inspraakmomenten
13 ideeën voor inspirerende inspraakmomenten
 
13 ideeën voor inspirerende inspraakmomenten | Jacqueline van Leeuwen
13 ideeën voor inspirerende inspraakmomenten | Jacqueline van Leeuwen13 ideeën voor inspirerende inspraakmomenten | Jacqueline van Leeuwen
13 ideeën voor inspirerende inspraakmomenten | Jacqueline van Leeuwen
 
13 ideeën voor inspirerende inspraakmomenten
13 ideeën voor inspirerende inspraakmomenten13 ideeën voor inspirerende inspraakmomenten
13 ideeën voor inspirerende inspraakmomenten
 

Mehr von Aggeris Media

Presentatie LocalFocus The Challenge
Presentatie LocalFocus The ChallengePresentatie LocalFocus The Challenge
Presentatie LocalFocus The ChallengeAggeris Media
 
Presentatie Martijn Arts
Presentatie Martijn ArtsPresentatie Martijn Arts
Presentatie Martijn ArtsAggeris Media
 
Presentatie Renson van Tilborg - De journalist als contentmarketeer
Presentatie Renson van Tilborg - De journalist als contentmarketeerPresentatie Renson van Tilborg - De journalist als contentmarketeer
Presentatie Renson van Tilborg - De journalist als contentmarketeerAggeris Media
 
Fotoalbum symposium Journalist in opleiding
Fotoalbum symposium Journalist in opleidingFotoalbum symposium Journalist in opleiding
Fotoalbum symposium Journalist in opleidingAggeris Media
 
Presentatie Martijn Arts - Masterclass Social Media & Mobile
Presentatie Martijn Arts - Masterclass Social Media & MobilePresentatie Martijn Arts - Masterclass Social Media & Mobile
Presentatie Martijn Arts - Masterclass Social Media & MobileAggeris Media
 
Presentatie The Challenge: Local focus
Presentatie The Challenge: Local focusPresentatie The Challenge: Local focus
Presentatie The Challenge: Local focusAggeris Media
 
Presentatie The Challenge: M-nieuws
Presentatie The Challenge: M-nieuwsPresentatie The Challenge: M-nieuws
Presentatie The Challenge: M-nieuwsAggeris Media
 
Presentatie The Challenge: I Am The Source
Presentatie The Challenge: I Am The Source Presentatie The Challenge: I Am The Source
Presentatie The Challenge: I Am The Source Aggeris Media
 
Positie nieuwsvoorziening in de regio 2011 preview met sdvp logo
Positie nieuwsvoorziening in de regio 2011 preview met sdvp logoPositie nieuwsvoorziening in de regio 2011 preview met sdvp logo
Positie nieuwsvoorziening in de regio 2011 preview met sdvp logoAggeris Media
 
Presentatie henk van ess
Presentatie henk van essPresentatie henk van ess
Presentatie henk van essAggeris Media
 
Presentatie themasessie Datajournalistiek
Presentatie themasessie Datajournalistiek Presentatie themasessie Datajournalistiek
Presentatie themasessie Datajournalistiek Aggeris Media
 
Presentatie Hyperlocal door Jeroen Mann
Presentatie Hyperlocal door Jeroen MannPresentatie Hyperlocal door Jeroen Mann
Presentatie Hyperlocal door Jeroen MannAggeris Media
 
Presentatie Pers / omroep door Jan Bierhoff
Presentatie Pers / omroep door Jan BierhoffPresentatie Pers / omroep door Jan Bierhoff
Presentatie Pers / omroep door Jan BierhoffAggeris Media
 
Presentatie Tablets door David Huijzer
Presentatie Tablets door David HuijzerPresentatie Tablets door David Huijzer
Presentatie Tablets door David HuijzerAggeris Media
 
Presentatie Bart Schermer (Considerati)
Presentatie Bart Schermer (Considerati) Presentatie Bart Schermer (Considerati)
Presentatie Bart Schermer (Considerati) Aggeris Media
 
Presentatie marieke van der donk
Presentatie marieke van der donkPresentatie marieke van der donk
Presentatie marieke van der donkAggeris Media
 
Presentatie Frans Nauta
Presentatie Frans Nauta Presentatie Frans Nauta
Presentatie Frans Nauta Aggeris Media
 
Bert Kok - Journalist.nl, marktplaats voor journalistiek
Bert Kok - Journalist.nl, marktplaats voor journalistiekBert Kok - Journalist.nl, marktplaats voor journalistiek
Bert Kok - Journalist.nl, marktplaats voor journalistiekAggeris Media
 
Erik Stevens - Verdienmodellen nieuwssites
Erik Stevens - Verdienmodellen nieuwssitesErik Stevens - Verdienmodellen nieuwssites
Erik Stevens - Verdienmodellen nieuwssitesAggeris Media
 
Patrick Swart - De uitgeeforganisatie van de toekomst
Patrick Swart - De uitgeeforganisatie van de toekomstPatrick Swart - De uitgeeforganisatie van de toekomst
Patrick Swart - De uitgeeforganisatie van de toekomstAggeris Media
 

Mehr von Aggeris Media (20)

Presentatie LocalFocus The Challenge
Presentatie LocalFocus The ChallengePresentatie LocalFocus The Challenge
Presentatie LocalFocus The Challenge
 
Presentatie Martijn Arts
Presentatie Martijn ArtsPresentatie Martijn Arts
Presentatie Martijn Arts
 
Presentatie Renson van Tilborg - De journalist als contentmarketeer
Presentatie Renson van Tilborg - De journalist als contentmarketeerPresentatie Renson van Tilborg - De journalist als contentmarketeer
Presentatie Renson van Tilborg - De journalist als contentmarketeer
 
Fotoalbum symposium Journalist in opleiding
Fotoalbum symposium Journalist in opleidingFotoalbum symposium Journalist in opleiding
Fotoalbum symposium Journalist in opleiding
 
Presentatie Martijn Arts - Masterclass Social Media & Mobile
Presentatie Martijn Arts - Masterclass Social Media & MobilePresentatie Martijn Arts - Masterclass Social Media & Mobile
Presentatie Martijn Arts - Masterclass Social Media & Mobile
 
Presentatie The Challenge: Local focus
Presentatie The Challenge: Local focusPresentatie The Challenge: Local focus
Presentatie The Challenge: Local focus
 
Presentatie The Challenge: M-nieuws
Presentatie The Challenge: M-nieuwsPresentatie The Challenge: M-nieuws
Presentatie The Challenge: M-nieuws
 
Presentatie The Challenge: I Am The Source
Presentatie The Challenge: I Am The Source Presentatie The Challenge: I Am The Source
Presentatie The Challenge: I Am The Source
 
Positie nieuwsvoorziening in de regio 2011 preview met sdvp logo
Positie nieuwsvoorziening in de regio 2011 preview met sdvp logoPositie nieuwsvoorziening in de regio 2011 preview met sdvp logo
Positie nieuwsvoorziening in de regio 2011 preview met sdvp logo
 
Presentatie henk van ess
Presentatie henk van essPresentatie henk van ess
Presentatie henk van ess
 
Presentatie themasessie Datajournalistiek
Presentatie themasessie Datajournalistiek Presentatie themasessie Datajournalistiek
Presentatie themasessie Datajournalistiek
 
Presentatie Hyperlocal door Jeroen Mann
Presentatie Hyperlocal door Jeroen MannPresentatie Hyperlocal door Jeroen Mann
Presentatie Hyperlocal door Jeroen Mann
 
Presentatie Pers / omroep door Jan Bierhoff
Presentatie Pers / omroep door Jan BierhoffPresentatie Pers / omroep door Jan Bierhoff
Presentatie Pers / omroep door Jan Bierhoff
 
Presentatie Tablets door David Huijzer
Presentatie Tablets door David HuijzerPresentatie Tablets door David Huijzer
Presentatie Tablets door David Huijzer
 
Presentatie Bart Schermer (Considerati)
Presentatie Bart Schermer (Considerati) Presentatie Bart Schermer (Considerati)
Presentatie Bart Schermer (Considerati)
 
Presentatie marieke van der donk
Presentatie marieke van der donkPresentatie marieke van der donk
Presentatie marieke van der donk
 
Presentatie Frans Nauta
Presentatie Frans Nauta Presentatie Frans Nauta
Presentatie Frans Nauta
 
Bert Kok - Journalist.nl, marktplaats voor journalistiek
Bert Kok - Journalist.nl, marktplaats voor journalistiekBert Kok - Journalist.nl, marktplaats voor journalistiek
Bert Kok - Journalist.nl, marktplaats voor journalistiek
 
Erik Stevens - Verdienmodellen nieuwssites
Erik Stevens - Verdienmodellen nieuwssitesErik Stevens - Verdienmodellen nieuwssites
Erik Stevens - Verdienmodellen nieuwssites
 
Patrick Swart - De uitgeeforganisatie van de toekomst
Patrick Swart - De uitgeeforganisatie van de toekomstPatrick Swart - De uitgeeforganisatie van de toekomst
Patrick Swart - De uitgeeforganisatie van de toekomst
 

Masterclass Prototyping

  • 1. ontwerp en prototyping The Challenge 12 februari 2012
  • 2.
  • 3.
  • 4. over vier uur weet je iets over…   ontwerpen voor interactie   ontwerpstappen   prototyping   jouw toekomstige rol in het proces
  • 5. …en heb je een concept van je product getest.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13. Yuri Westplat Sanoma Digital . NS Hispeed . Wehkamp . Ajax . WE . Jantje Beton . TUI Holland International . RAI Langfords Nederlandse Rode Kruis . M&S . Undutchables SEO Economisch Onderzoek . Droog Design . Heineken . HP/De Tijd . Quote Media . Weekend . Royal Leerdam Crystal . KPN Mobile . Amsterdam-Dakar Challenge
  • 15. agenda   introductie   Theorie ontwerpen   Ontwerpen   presentatie en feedback   eten   testmodel maken   presentatie en feedback   afsluiting
  • 16. ?
  • 19. User Centered Design! Product! Gebruiker!
  • 20. User Centered Design! Product! Gebruiker! Context!
  • 21. User Centered Design! Product! Gebruiker! Context!
  • 22. Gebruiker! Product! Context!
  • 24. Frank Kloos Geek
  • 25.
  • 26.
  • 27.
  • 28.
  • 29.
  • 30.
  • 31.
  • 32.
  • 33.
  • 34.
  • 35.
  • 36.
  • 37.
  • 38.
  • 39.
  • 40.
  • 41.
  • 43.
  • 44.
  • 46.
  • 47.
  • 48.
  • 49.
  • 50.
  • 51.
  • 52.
  • 53.
  • 54.
  • 56. flow
  • 57. Aan de slag Maak een map van je concept.   Schrijf de titel van iedere pagina een post-it   Groepeer bij elkaar horende post-its. Geef deze groepen een naam.   Leg de post-its op een door jouw bepaalde volgorde
  • 58. Aan de slag Maak een scenario vanuit een door jou bepaalde gebruiker.   Wat is het doel van de gebruiker (conversie)   Noteer de stappen die de gebruiker neemt om conversie te bereiken.
  • 59. Aan de slag Maak een scenario vanuit een door jou bepaalde gebruiker.   Schets iedere stap uit je scenario als beeldscherm   Benadruk de interactieve elementen die nodig zijn voor het scenario   Bedenk testvragen gebaseerd op je scenario
  • 60. Aan de slag Je haalt met 3 testpersonen ± 75% van de ontwerpfouten en knelpunten uit je concept.   Probeer niet naar meningen te vragen   Stel open vragen, vraag verder als de testpersoon kortaf is   Geef open opdrachten, probeer de testpersoon niet te leiden   Stimuleer de testpersoon hardop te denken   Vraag de testpersoon naar verwachtingen
  • 61. Rachel Hinman, "The Mobile Frontier" English | ISBN: 1933820551
  • 62. ?