SlideShare ist ein Scribd-Unternehmen logo
1 von 13
Van Design Research naarOntwerpvoorstel Requirements, Concept, Wireframes
Persona’s en scenario’s maken Hoe ging het?
Watga je ontwerpen? De scope wordtmeestalbepaald in een: Briefing Programma van Eisen (PvE) Product Backlog …
Oefening Is dit een goede briefing? Welke vragen zou je nog aan de klant willen stellen?
Requirements beoordelen / opstellen Wat is het probleem / doel van de klant? Zijn de doelgroepenhelder? Zijn de doelgroepenhetzelfdetebedienen? Watzijn de problemen, behoeften, doelen van de doelgroepen? Zijn requirements gebaseerd op aannames of data? Worden functionaliteiten of doelenbeschreven? Zijn de requirements concreet? Zijnerhuisstijl / experience / technischerandvoorwaarden?
Requirements: eenpaar tips Schrijfvanuit de gebruiker: De bezoekerwil … om …; De redacteurwil … omdat ….; Beschrijf het wat (doelen), niet het hoe (features); Doe alsof de interface magisch is.
Verder met je opdracht Stel requirements op voor je project; Beginvanuit je persona’s en scenario’s; Vul aan met requirements vanuit overige actoren. (duur: 1 uur)
Requirements prioriteren MoSCoW
Watwordt het concept? Ontwerpvisie User Experience Business case Stip op de horizon
Watwordt de globalestructuur?
Wireframes
Opdracht voor volgende week Beschrijf het concept en de globale structuur voor de sportvereniging. Schets de interface voor je oplossing. Lever je persona’s, scenario’s, requirements, concept, structuur en wireframes in. (hoeft niet per se volgende week, maar is wel heel handig omdat er nog een opdracht volgt!) Lezen: AboutFace: hoofdstuk 6 Communicating Design: hoofdstuk 7
Vragen? Feedback? f.den.dopper@hr.nl @ferrydendopper

Weitere ähnliche Inhalte

Ähnlich wie CMD Interaction Design - Y1 Q1 les 2 - Research to Design

Format Projectspecificatie
Format ProjectspecificatieFormat Projectspecificatie
Format ProjectspecificatieRené Verhoeven
 
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
 
Gezamenlijk Doel
Gezamenlijk DoelGezamenlijk Doel
Gezamenlijk DoelIrene Trimp
 
Webcommunicatie / college 4
Webcommunicatie / college 4Webcommunicatie / college 4
Webcommunicatie / college 4Igor ter Halle
 
How to KICK ASS bij mijn sollicitatie
How to KICK ASS bij mijn sollicitatieHow to KICK ASS bij mijn sollicitatie
How to KICK ASS bij mijn sollicitatieLotte Geertsen
 
De aanvrager wint
De aanvrager wintDe aanvrager wint
De aanvrager wintStephen Hay
 
Mangrove gastcollege Hogeschool Rotterdam
Mangrove gastcollege Hogeschool RotterdamMangrove gastcollege Hogeschool Rotterdam
Mangrove gastcollege Hogeschool RotterdamRuben Kruit
 
Blok 1 - Presentatie HCD
Blok 1 - Presentatie HCDBlok 1 - Presentatie HCD
Blok 1 - Presentatie HCDDaveWeijgertse
 
Ppt Reinwardt, Pitchen 26 November 09a
Ppt Reinwardt, Pitchen 26 November 09aPpt Reinwardt, Pitchen 26 November 09a
Ppt Reinwardt, Pitchen 26 November 09aPerspekt
 
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
 
Training value proposition design en job to be done thinking vujade consultin...
Training value proposition design en job to be done thinking vujade consultin...Training value proposition design en job to be done thinking vujade consultin...
Training value proposition design en job to be done thinking vujade consultin...Wouter van der Burg
 
I cross short copy may 10, 2011
I cross short copy may 10, 2011I cross short copy may 10, 2011
I cross short copy may 10, 2011Dolf Weverink
 
Pam workshop qfd 151001 han lean qrm centrum
Pam workshop qfd 151001 han lean qrm centrumPam workshop qfd 151001 han lean qrm centrum
Pam workshop qfd 151001 han lean qrm centrumvwiegel
 
Oefen gl Presentatie
Oefen gl PresentatieOefen gl Presentatie
Oefen gl PresentatieSilvy Alblas
 
Week5 Woensdag Website 1
Week5 Woensdag Website 1Week5 Woensdag Website 1
Week5 Woensdag Website 1Joey van Boxel
 
HAN - ReDesign -Introductie The Elements of User Experience Design
HAN - ReDesign -Introductie The Elements of User Experience DesignHAN - ReDesign -Introductie The Elements of User Experience Design
HAN - ReDesign -Introductie The Elements of User Experience DesignLammert Postma
 
0708 IAD1 Q4 Hoorcollege 1
0708 IAD1 Q4 Hoorcollege 10708 IAD1 Q4 Hoorcollege 1
0708 IAD1 Q4 Hoorcollege 1Hans Kemp
 
UX DESIGN EXPERTS - AS A SERVICE
UX DESIGN EXPERTS - AS A SERVICEUX DESIGN EXPERTS - AS A SERVICE
UX DESIGN EXPERTS - AS A SERVICEOnline Department
 

Ähnlich wie CMD Interaction Design - Y1 Q1 les 2 - Research to Design (20)

Format Projectspecificatie
Format ProjectspecificatieFormat Projectspecificatie
Format Projectspecificatie
 
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
 
Gezamenlijk Doel
Gezamenlijk DoelGezamenlijk Doel
Gezamenlijk Doel
 
Webcommunicatie / college 4
Webcommunicatie / college 4Webcommunicatie / college 4
Webcommunicatie / college 4
 
How to KICK ASS bij mijn sollicitatie
How to KICK ASS bij mijn sollicitatieHow to KICK ASS bij mijn sollicitatie
How to KICK ASS bij mijn sollicitatie
 
UiTforum 2011 - Service Design
UiTforum 2011 - Service DesignUiTforum 2011 - Service Design
UiTforum 2011 - Service Design
 
De aanvrager wint
De aanvrager wintDe aanvrager wint
De aanvrager wint
 
Mangrove gastcollege Hogeschool Rotterdam
Mangrove gastcollege Hogeschool RotterdamMangrove gastcollege Hogeschool Rotterdam
Mangrove gastcollege Hogeschool Rotterdam
 
Blok 1 - Presentatie HCD
Blok 1 - Presentatie HCDBlok 1 - Presentatie HCD
Blok 1 - Presentatie HCD
 
Ppt Reinwardt, Pitchen 26 November 09a
Ppt Reinwardt, Pitchen 26 November 09aPpt Reinwardt, Pitchen 26 November 09a
Ppt Reinwardt, Pitchen 26 November 09a
 
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
 
Training value proposition design en job to be done thinking vujade consultin...
Training value proposition design en job to be done thinking vujade consultin...Training value proposition design en job to be done thinking vujade consultin...
Training value proposition design en job to be done thinking vujade consultin...
 
I cross short copy may 10, 2011
I cross short copy may 10, 2011I cross short copy may 10, 2011
I cross short copy may 10, 2011
 
Pam workshop qfd 151001 han lean qrm centrum
Pam workshop qfd 151001 han lean qrm centrumPam workshop qfd 151001 han lean qrm centrum
Pam workshop qfd 151001 han lean qrm centrum
 
Ict lab
Ict labIct lab
Ict lab
 
Oefen gl Presentatie
Oefen gl PresentatieOefen gl Presentatie
Oefen gl Presentatie
 
Week5 Woensdag Website 1
Week5 Woensdag Website 1Week5 Woensdag Website 1
Week5 Woensdag Website 1
 
HAN - ReDesign -Introductie The Elements of User Experience Design
HAN - ReDesign -Introductie The Elements of User Experience DesignHAN - ReDesign -Introductie The Elements of User Experience Design
HAN - ReDesign -Introductie The Elements of User Experience Design
 
0708 IAD1 Q4 Hoorcollege 1
0708 IAD1 Q4 Hoorcollege 10708 IAD1 Q4 Hoorcollege 1
0708 IAD1 Q4 Hoorcollege 1
 
UX DESIGN EXPERTS - AS A SERVICE
UX DESIGN EXPERTS - AS A SERVICEUX DESIGN EXPERTS - AS A SERVICE
UX DESIGN EXPERTS - AS A SERVICE
 

Mehr von Ferry den Dopper

Interaction Design 3.5: Inline Validation & Smart Defaults
Interaction Design 3.5: Inline Validation & Smart DefaultsInteraction Design 3.5: Inline Validation & Smart Defaults
Interaction Design 3.5: Inline Validation & Smart DefaultsFerry den Dopper
 
IAD 5 - les 4 - Design for Touch
IAD 5 - les 4 - Design for TouchIAD 5 - les 4 - Design for Touch
IAD 5 - les 4 - Design for TouchFerry den Dopper
 
IAD 5 - les 3 - Responsive Design
IAD 5 - les 3 - Responsive DesignIAD 5 - les 3 - Responsive Design
IAD 5 - les 3 - Responsive DesignFerry den Dopper
 
IAD 5 - les 1 - Context and challenges in mobile design
IAD 5 - les 1 - Context and challenges in mobile designIAD 5 - les 1 - Context and challenges in mobile design
IAD 5 - les 1 - Context and challenges in mobile designFerry den Dopper
 
Interaction Design 3.6: Form elements revisited
Interaction Design 3.6: Form elements revisitedInteraction Design 3.6: Form elements revisited
Interaction Design 3.6: Form elements revisitedFerry den Dopper
 
Interaction Design 3.4: Hints, Help & Errors
Interaction Design 3.4: Hints, Help & ErrorsInteraction Design 3.4: Hints, Help & Errors
Interaction Design 3.4: Hints, Help & ErrorsFerry den Dopper
 
Interaction Design 3.3: Form Organization
Interaction Design 3.3: Form OrganizationInteraction Design 3.3: Form Organization
Interaction Design 3.3: Form OrganizationFerry den Dopper
 
Interaction Design 3.2: Form Elements
Interaction Design 3.2: Form ElementsInteraction Design 3.2: Form Elements
Interaction Design 3.2: Form ElementsFerry den Dopper
 
Interaction Design 3.1: Why Form Design
Interaction Design 3.1: Why Form DesignInteraction Design 3.1: Why Form Design
Interaction Design 3.1: Why Form DesignFerry den Dopper
 
CMD/INF multidisc project 2013 - Kick-off
CMD/INF multidisc project 2013 - Kick-offCMD/INF multidisc project 2013 - Kick-off
CMD/INF multidisc project 2013 - Kick-offFerry den Dopper
 
IAD 2 - les 4 - Navigation
IAD 2 - les 4 - NavigationIAD 2 - les 4 - Navigation
IAD 2 - les 4 - NavigationFerry den Dopper
 
Webtoegankelijkheid in 5 minuten
Webtoegankelijkheid in 5 minutenWebtoegankelijkheid in 5 minuten
Webtoegankelijkheid in 5 minutenFerry den Dopper
 
IAD 2 - les 3 - Geur van informatie
IAD 2 - les 3 - Geur van informatieIAD 2 - les 3 - Geur van informatie
IAD 2 - les 3 - Geur van informatieFerry den Dopper
 
IAD 2 - les 2 - Cardsorting
IAD 2 - les 2 - CardsortingIAD 2 - les 2 - Cardsorting
IAD 2 - les 2 - CardsortingFerry den Dopper
 
IAD 2 - les 1 - Information Architecture
IAD 2 - les 1 - Information ArchitectureIAD 2 - les 1 - Information Architecture
IAD 2 - les 1 - Information ArchitectureFerry den Dopper
 

Mehr von Ferry den Dopper (20)

Interaction Design 3.5: Inline Validation & Smart Defaults
Interaction Design 3.5: Inline Validation & Smart DefaultsInteraction Design 3.5: Inline Validation & Smart Defaults
Interaction Design 3.5: Inline Validation & Smart Defaults
 
IAD 5 - les 2 - Apps
IAD 5 - les 2 - AppsIAD 5 - les 2 - Apps
IAD 5 - les 2 - Apps
 
IAD 5 - les 4 - Design for Touch
IAD 5 - les 4 - Design for TouchIAD 5 - les 4 - Design for Touch
IAD 5 - les 4 - Design for Touch
 
IAD 5 - les 3 - Responsive Design
IAD 5 - les 3 - Responsive DesignIAD 5 - les 3 - Responsive Design
IAD 5 - les 3 - Responsive Design
 
IAD 5 - les 1 - Context and challenges in mobile design
IAD 5 - les 1 - Context and challenges in mobile designIAD 5 - les 1 - Context and challenges in mobile design
IAD 5 - les 1 - Context and challenges in mobile design
 
IAD 1 - les 2 - personas
IAD 1 - les 2 - personasIAD 1 - les 2 - personas
IAD 1 - les 2 - personas
 
Interaction Design 3.6: Form elements revisited
Interaction Design 3.6: Form elements revisitedInteraction Design 3.6: Form elements revisited
Interaction Design 3.6: Form elements revisited
 
Interaction Design 3.4: Hints, Help & Errors
Interaction Design 3.4: Hints, Help & ErrorsInteraction Design 3.4: Hints, Help & Errors
Interaction Design 3.4: Hints, Help & Errors
 
Interaction Design 3.3: Form Organization
Interaction Design 3.3: Form OrganizationInteraction Design 3.3: Form Organization
Interaction Design 3.3: Form Organization
 
Interaction Design 3.2: Form Elements
Interaction Design 3.2: Form ElementsInteraction Design 3.2: Form Elements
Interaction Design 3.2: Form Elements
 
Interaction Design 3.1: Why Form Design
Interaction Design 3.1: Why Form DesignInteraction Design 3.1: Why Form Design
Interaction Design 3.1: Why Form Design
 
CMD/INF multidisc project 2013 - Kick-off
CMD/INF multidisc project 2013 - Kick-offCMD/INF multidisc project 2013 - Kick-off
CMD/INF multidisc project 2013 - Kick-off
 
IAD 2 - les 7 - Zoeken
IAD 2 - les 7 - ZoekenIAD 2 - les 7 - Zoeken
IAD 2 - les 7 - Zoeken
 
IAD 2 - les 6 - Labeling
IAD 2 - les 6 - LabelingIAD 2 - les 6 - Labeling
IAD 2 - les 6 - Labeling
 
IAD 2 - les 5 - Metadata
IAD 2 - les 5 - MetadataIAD 2 - les 5 - Metadata
IAD 2 - les 5 - Metadata
 
IAD 2 - les 4 - Navigation
IAD 2 - les 4 - NavigationIAD 2 - les 4 - Navigation
IAD 2 - les 4 - Navigation
 
Webtoegankelijkheid in 5 minuten
Webtoegankelijkheid in 5 minutenWebtoegankelijkheid in 5 minuten
Webtoegankelijkheid in 5 minuten
 
IAD 2 - les 3 - Geur van informatie
IAD 2 - les 3 - Geur van informatieIAD 2 - les 3 - Geur van informatie
IAD 2 - les 3 - Geur van informatie
 
IAD 2 - les 2 - Cardsorting
IAD 2 - les 2 - CardsortingIAD 2 - les 2 - Cardsorting
IAD 2 - les 2 - Cardsorting
 
IAD 2 - les 1 - Information Architecture
IAD 2 - les 1 - Information ArchitectureIAD 2 - les 1 - Information Architecture
IAD 2 - les 1 - Information Architecture
 

CMD Interaction Design - Y1 Q1 les 2 - Research to Design

  • 1. Van Design Research naarOntwerpvoorstel Requirements, Concept, Wireframes
  • 2. Persona’s en scenario’s maken Hoe ging het?
  • 3. Watga je ontwerpen? De scope wordtmeestalbepaald in een: Briefing Programma van Eisen (PvE) Product Backlog …
  • 4. Oefening Is dit een goede briefing? Welke vragen zou je nog aan de klant willen stellen?
  • 5. Requirements beoordelen / opstellen Wat is het probleem / doel van de klant? Zijn de doelgroepenhelder? Zijn de doelgroepenhetzelfdetebedienen? Watzijn de problemen, behoeften, doelen van de doelgroepen? Zijn requirements gebaseerd op aannames of data? Worden functionaliteiten of doelenbeschreven? Zijn de requirements concreet? Zijnerhuisstijl / experience / technischerandvoorwaarden?
  • 6. Requirements: eenpaar tips Schrijfvanuit de gebruiker: De bezoekerwil … om …; De redacteurwil … omdat ….; Beschrijf het wat (doelen), niet het hoe (features); Doe alsof de interface magisch is.
  • 7. Verder met je opdracht Stel requirements op voor je project; Beginvanuit je persona’s en scenario’s; Vul aan met requirements vanuit overige actoren. (duur: 1 uur)
  • 9. Watwordt het concept? Ontwerpvisie User Experience Business case Stip op de horizon
  • 12. Opdracht voor volgende week Beschrijf het concept en de globale structuur voor de sportvereniging. Schets de interface voor je oplossing. Lever je persona’s, scenario’s, requirements, concept, structuur en wireframes in. (hoeft niet per se volgende week, maar is wel heel handig omdat er nog een opdracht volgt!) Lezen: AboutFace: hoofdstuk 6 Communicating Design: hoofdstuk 7