SlideShare ist ein Scribd-Unternehmen logo
1 von 22
Vastleggen van dynamiek Rijke interactie documenteren
Bronnen ,[object Object],[object Object],[object Object],[object Object]
Heel mooi, maar hoe ‘schetsen’ we dat? ,[object Object],[object Object],[object Object]
Quote ,[object Object],[object Object]
Asynchrone communicatie met server ,[object Object]
Met rijke interactie is wireframing een ramp http://www.intelisea.com
Hoe zou je dit moeten ‘framen’? http://www.moma.org/exhibitions/2008/elasticmind/
‘ States’ betekent documenteren ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Drie methodes om rijke interactie te documenteren* ,[object Object],[object Object],[object Object],*volgens Dan Saffer, Adaptive Path
Frame-by-frame
Frame-by-frame ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Low-Fi animatie
Lo-Fi animatie ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Wireframes met keyframes
Wireframes met keyframes ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Anti-patterns
Terug naar de ‘states’ ,[object Object],[object Object],[object Object],[object Object]
Het verband tussen ‘states’ en interactie ,[object Object],[object Object]
Notatie conventies ,[object Object],[object Object]
‘ Wireflow’ of ‘taskframe’
Nog een paar inspirerende voorbeelden
Bedankt voor jullie aandacht

Weitere ähnliche Inhalte

Andere mochten auch

0910 Q3 Medialab Kickoff
0910 Q3 Medialab Kickoff0910 Q3 Medialab Kickoff
0910 Q3 Medialab KickoffHans Kemp
 
Object Reuse and Exchange (ORE) : Experience in the Open Language Archives Co...
Object Reuse and Exchange (ORE) : Experience in the Open Language Archives Co...Object Reuse and Exchange (ORE) : Experience in the Open Language Archives Co...
Object Reuse and Exchange (ORE) : Experience in the Open Language Archives Co...Baden Hughes
 
Vocab lang&masscomm
Vocab lang&masscommVocab lang&masscomm
Vocab lang&masscommCorey Topf
 
HOSHVA PR Meetup#1 - Context Media
HOSHVA PR Meetup#1 - Context MediaHOSHVA PR Meetup#1 - Context Media
HOSHVA PR Meetup#1 - Context MediaOksana Hoshva
 
Zappos - SANG Conference - 2-23-09
Zappos - SANG Conference - 2-23-09Zappos - SANG Conference - 2-23-09
Zappos - SANG Conference - 2-23-09zappos
 
Framtidens kommunikationslandskap för kommunikatörer
Framtidens kommunikationslandskap för kommunikatörerFramtidens kommunikationslandskap för kommunikatörer
Framtidens kommunikationslandskap för kommunikatörerJohan Ronnestam
 
Interactieve datavisualisaties
Interactieve datavisualisatiesInteractieve datavisualisaties
Interactieve datavisualisatiesHans Kemp
 
Week 5 Sponges
Week 5 SpongesWeek 5 Sponges
Week 5 SpongesCorey Topf
 
Sevendaysofinspiration
SevendaysofinspirationSevendaysofinspiration
Sevendaysofinspirationroemen
 
Unit1 characteranalysis
Unit1 characteranalysisUnit1 characteranalysis
Unit1 characteranalysisCorey Topf
 
0809 q2 minor assignment teams
0809 q2 minor assignment teams0809 q2 minor assignment teams
0809 q2 minor assignment teamsHans Kemp
 
Daniela delgadoted talk
Daniela delgadoted talkDaniela delgadoted talk
Daniela delgadoted talkCorey Topf
 
Paper2 olympics copy
Paper2 olympics copyPaper2 olympics copy
Paper2 olympics copyCorey Topf
 
菊石的介紹
菊石的介紹菊石的介紹
菊石的介紹p54692381g
 
0708 Iad2 Q4 Hoorcollege1
0708 Iad2 Q4 Hoorcollege10708 Iad2 Q4 Hoorcollege1
0708 Iad2 Q4 Hoorcollege1Hans Kemp
 
Uxd blog workshop
Uxd blog workshopUxd blog workshop
Uxd blog workshopHans Kemp
 

Andere mochten auch (20)

0910 Q3 Medialab Kickoff
0910 Q3 Medialab Kickoff0910 Q3 Medialab Kickoff
0910 Q3 Medialab Kickoff
 
Object Reuse and Exchange (ORE) : Experience in the Open Language Archives Co...
Object Reuse and Exchange (ORE) : Experience in the Open Language Archives Co...Object Reuse and Exchange (ORE) : Experience in the Open Language Archives Co...
Object Reuse and Exchange (ORE) : Experience in the Open Language Archives Co...
 
Vocab lang&masscomm
Vocab lang&masscommVocab lang&masscomm
Vocab lang&masscomm
 
HOSHVA PR Meetup#1 - Context Media
HOSHVA PR Meetup#1 - Context MediaHOSHVA PR Meetup#1 - Context Media
HOSHVA PR Meetup#1 - Context Media
 
Zappos - SANG Conference - 2-23-09
Zappos - SANG Conference - 2-23-09Zappos - SANG Conference - 2-23-09
Zappos - SANG Conference - 2-23-09
 
Framtidens kommunikationslandskap för kommunikatörer
Framtidens kommunikationslandskap för kommunikatörerFramtidens kommunikationslandskap för kommunikatörer
Framtidens kommunikationslandskap för kommunikatörer
 
Intro.
Intro.Intro.
Intro.
 
Interactieve datavisualisaties
Interactieve datavisualisatiesInteractieve datavisualisaties
Interactieve datavisualisaties
 
Week 5 Sponges
Week 5 SpongesWeek 5 Sponges
Week 5 Sponges
 
User Created Content deel II
User Created Content deel IIUser Created Content deel II
User Created Content deel II
 
Sevendaysofinspiration
SevendaysofinspirationSevendaysofinspiration
Sevendaysofinspiration
 
Unit1 characteranalysis
Unit1 characteranalysisUnit1 characteranalysis
Unit1 characteranalysis
 
eGA General 2008 NL
eGA General 2008 NLeGA General 2008 NL
eGA General 2008 NL
 
0809 q2 minor assignment teams
0809 q2 minor assignment teams0809 q2 minor assignment teams
0809 q2 minor assignment teams
 
Daniela delgadoted talk
Daniela delgadoted talkDaniela delgadoted talk
Daniela delgadoted talk
 
Paper2 olympics copy
Paper2 olympics copyPaper2 olympics copy
Paper2 olympics copy
 
菊石的介紹
菊石的介紹菊石的介紹
菊石的介紹
 
Adult learning
Adult learningAdult learning
Adult learning
 
0708 Iad2 Q4 Hoorcollege1
0708 Iad2 Q4 Hoorcollege10708 Iad2 Q4 Hoorcollege1
0708 Iad2 Q4 Hoorcollege1
 
Uxd blog workshop
Uxd blog workshopUxd blog workshop
Uxd blog workshop
 

Ähnlich wie 0708 Iad2 Q3 Hoorcollege2

Iad2 0910 q4 les 3 documenteren van rijke interactie
Iad2 0910 q4 les 3   documenteren van rijke interactieIad2 0910 q4 les 3   documenteren van rijke interactie
Iad2 0910 q4 les 3 documenteren van rijke interactieHans Kemp
 
Iad2 0809 Q4 Hoorcollege 3: Documenteren Van Rijke Interactie
Iad2 0809 Q4 Hoorcollege 3: Documenteren Van Rijke InteractieIad2 0809 Q4 Hoorcollege 3: Documenteren Van Rijke Interactie
Iad2 0809 Q4 Hoorcollege 3: Documenteren Van Rijke InteractieHans Kemp
 
CMD Interaction Design - Y2 Q1 les 3 - Documenting Rich Interaction
CMD Interaction Design - Y2 Q1 les 3 - Documenting Rich InteractionCMD Interaction Design - Y2 Q1 les 3 - Documenting Rich Interaction
CMD Interaction Design - Y2 Q1 les 3 - Documenting Rich InteractionFerry den Dopper
 
0708 Iad2 Q3 Hoorcollege1
0708 Iad2 Q3 Hoorcollege10708 Iad2 Q3 Hoorcollege1
0708 Iad2 Q3 Hoorcollege1Hans Kemp
 
Zoekt en gij zult vinden!
Zoekt en gij zult vinden!Zoekt en gij zult vinden!
Zoekt en gij zult vinden!johndog
 
IAD 4 - les 4+5 - Documenting Rich Interaction
IAD 4 - les 4+5 - Documenting Rich InteractionIAD 4 - les 4+5 - Documenting Rich Interaction
IAD 4 - les 4+5 - Documenting Rich InteractionFerry den Dopper
 
Third Generation Internet Applications
Third Generation Internet ApplicationsThird Generation Internet Applications
Third Generation Internet ApplicationsPatrick Koning
 
2007-12-13 - SDN - Mobile Application Development Do's and Don'ts
2007-12-13 - SDN - Mobile Application Development Do's and Don'ts2007-12-13 - SDN - Mobile Application Development Do's and Don'ts
2007-12-13 - SDN - Mobile Application Development Do's and Don'tsJaap van Ekris
 
Presentatie Web3 / Interactieve Media Group
Presentatie Web3 / Interactieve Media GroupPresentatie Web3 / Interactieve Media Group
Presentatie Web3 / Interactieve Media GroupLars Smeets
 
2009 10 Sdc09 Iw01 Nick Boumans Social Networking
2009 10 Sdc09 Iw01 Nick Boumans   Social Networking2009 10 Sdc09 Iw01 Nick Boumans   Social Networking
2009 10 Sdc09 Iw01 Nick Boumans Social NetworkingNick Boumans
 
Web3 - Gemeentelijke Dienstverlening
Web3 - Gemeentelijke DienstverleningWeb3 - Gemeentelijke Dienstverlening
Web3 - Gemeentelijke DienstverleningLars Smeets
 
IAD 4 - les 2+3 - Rich Interaction
IAD 4 - les 2+3 - Rich InteractionIAD 4 - les 2+3 - Rich Interaction
IAD 4 - les 2+3 - Rich InteractionFerry den Dopper
 
Usabilityweb magazine nr 1
Usabilityweb magazine nr 1Usabilityweb magazine nr 1
Usabilityweb magazine nr 1srprs.me
 
RNICT trends
RNICT trendsRNICT trends
RNICT trendsShape-ict
 

Ähnlich wie 0708 Iad2 Q3 Hoorcollege2 (20)

Iad2 0910 q4 les 3 documenteren van rijke interactie
Iad2 0910 q4 les 3   documenteren van rijke interactieIad2 0910 q4 les 3   documenteren van rijke interactie
Iad2 0910 q4 les 3 documenteren van rijke interactie
 
Iad2 0809 Q4 Hoorcollege 3: Documenteren Van Rijke Interactie
Iad2 0809 Q4 Hoorcollege 3: Documenteren Van Rijke InteractieIad2 0809 Q4 Hoorcollege 3: Documenteren Van Rijke Interactie
Iad2 0809 Q4 Hoorcollege 3: Documenteren Van Rijke Interactie
 
CMD Interaction Design - Y2 Q1 les 3 - Documenting Rich Interaction
CMD Interaction Design - Y2 Q1 les 3 - Documenting Rich InteractionCMD Interaction Design - Y2 Q1 les 3 - Documenting Rich Interaction
CMD Interaction Design - Y2 Q1 les 3 - Documenting Rich Interaction
 
0708 Iad2 Q3 Hoorcollege1
0708 Iad2 Q3 Hoorcollege10708 Iad2 Q3 Hoorcollege1
0708 Iad2 Q3 Hoorcollege1
 
Zoekt en gij zult vinden!
Zoekt en gij zult vinden!Zoekt en gij zult vinden!
Zoekt en gij zult vinden!
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 
Alles Over Api's
Alles Over Api'sAlles Over Api's
Alles Over Api's
 
IAD 4 - les 4+5 - Documenting Rich Interaction
IAD 4 - les 4+5 - Documenting Rich InteractionIAD 4 - les 4+5 - Documenting Rich Interaction
IAD 4 - les 4+5 - Documenting Rich Interaction
 
HTML5 Overview
HTML5 OverviewHTML5 Overview
HTML5 Overview
 
Web2.0 Web3.0
Web2.0 Web3.0Web2.0 Web3.0
Web2.0 Web3.0
 
Third Generation Internet Applications
Third Generation Internet ApplicationsThird Generation Internet Applications
Third Generation Internet Applications
 
2007-12-13 - SDN - Mobile Application Development Do's and Don'ts
2007-12-13 - SDN - Mobile Application Development Do's and Don'ts2007-12-13 - SDN - Mobile Application Development Do's and Don'ts
2007-12-13 - SDN - Mobile Application Development Do's and Don'ts
 
Presentatie Web3 / Interactieve Media Group
Presentatie Web3 / Interactieve Media GroupPresentatie Web3 / Interactieve Media Group
Presentatie Web3 / Interactieve Media Group
 
2009 10 Sdc09 Iw01 Nick Boumans Social Networking
2009 10 Sdc09 Iw01 Nick Boumans   Social Networking2009 10 Sdc09 Iw01 Nick Boumans   Social Networking
2009 10 Sdc09 Iw01 Nick Boumans Social Networking
 
Web3 - Gemeentelijke Dienstverlening
Web3 - Gemeentelijke DienstverleningWeb3 - Gemeentelijke Dienstverlening
Web3 - Gemeentelijke Dienstverlening
 
IAD 4 - les 2+3 - Rich Interaction
IAD 4 - les 2+3 - Rich InteractionIAD 4 - les 2+3 - Rich Interaction
IAD 4 - les 2+3 - Rich Interaction
 
HTML 5 in een vogelvlucht (Dutch)
HTML 5 in een vogelvlucht (Dutch)HTML 5 in een vogelvlucht (Dutch)
HTML 5 in een vogelvlucht (Dutch)
 
Usabilityweb magazine nr 1
Usabilityweb magazine nr 1Usabilityweb magazine nr 1
Usabilityweb magazine nr 1
 
HTML5 (Dutch)
HTML5 (Dutch)HTML5 (Dutch)
HTML5 (Dutch)
 
RNICT trends
RNICT trendsRNICT trends
RNICT trends
 

Mehr von Hans Kemp

Voorlichting tweedejaars 16 februari 2011
Voorlichting tweedejaars 16 februari 2011Voorlichting tweedejaars 16 februari 2011
Voorlichting tweedejaars 16 februari 2011Hans Kemp
 
Mijn cmd beleving
Mijn cmd belevingMijn cmd beleving
Mijn cmd belevingHans Kemp
 
Multimodal, crossmedia, multi platform
Multimodal, crossmedia, multi platformMultimodal, crossmedia, multi platform
Multimodal, crossmedia, multi platformHans Kemp
 
1011q1 design for mobile les 3 patterns for mobile
1011q1 design for mobile les 3   patterns for mobile1011q1 design for mobile les 3   patterns for mobile
1011q1 design for mobile les 3 patterns for mobileHans Kemp
 
1011q1 design for mobile les 3 patterns for mobile
1011q1 design for mobile les 3   patterns for mobile1011q1 design for mobile les 3   patterns for mobile
1011q1 design for mobile les 3 patterns for mobileHans Kemp
 
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
 
1011 q1 iadd1 de gebruiker heeft altijd gelijk
1011 q1 iadd1   de gebruiker heeft altijd gelijk1011 q1 iadd1   de gebruiker heeft altijd gelijk
1011 q1 iadd1 de gebruiker heeft altijd gelijkHans Kemp
 
Iadd1 1011 q1 introductie
Iadd1 1011 q1 introductieIadd1 1011 q1 introductie
Iadd1 1011 q1 introductieHans Kemp
 
Gobelins hro workshop kick-off
Gobelins hro workshop kick-offGobelins hro workshop kick-off
Gobelins hro workshop kick-offHans Kemp
 
1011Q1 Design For Mobile Les 2 - wireless, context en postures
1011Q1 Design For Mobile Les 2 - wireless, context en postures1011Q1 Design For Mobile Les 2 - wireless, context en postures
1011Q1 Design For Mobile Les 2 - wireless, context en posturesHans Kemp
 
User experience design web en mobile - introduction
User experience design   web en mobile - introductionUser experience design   web en mobile - introduction
User experience design web en mobile - introductionHans Kemp
 
1011 q1 project 5 kick off
1011 q1 project 5 kick off1011 q1 project 5 kick off
1011 q1 project 5 kick offHans Kemp
 
1011q1 design for mobile les 1 the carry principle
1011q1 design for mobile les 1   the carry principle1011q1 design for mobile les 1   the carry principle
1011q1 design for mobile les 1 the carry principleHans Kemp
 
1011 q1 minor kickoff
1011 q1 minor kickoff1011 q1 minor kickoff
1011 q1 minor kickoffHans Kemp
 
Iad2 0910 q1 hoorcollege 4
Iad2 0910 q1 hoorcollege 4Iad2 0910 q1 hoorcollege 4
Iad2 0910 q1 hoorcollege 4Hans Kemp
 
User experiencedesignfronteers
User experiencedesignfronteersUser experiencedesignfronteers
User experiencedesignfronteersHans Kemp
 
Iad2 0910 q4 les 2 dynamische interactie
Iad2 0910 q4 les 2   dynamische interactieIad2 0910 q4 les 2   dynamische interactie
Iad2 0910 q4 les 2 dynamische interactieHans Kemp
 
Uxd 0910 q4 hoorcollege expressie en emotie
Uxd 0910 q4 hoorcollege expressie en emotieUxd 0910 q4 hoorcollege expressie en emotie
Uxd 0910 q4 hoorcollege expressie en emotieHans Kemp
 

Mehr von Hans Kemp (20)

Voorlichting tweedejaars 16 februari 2011
Voorlichting tweedejaars 16 februari 2011Voorlichting tweedejaars 16 februari 2011
Voorlichting tweedejaars 16 februari 2011
 
Mijn cmd beleving
Mijn cmd belevingMijn cmd beleving
Mijn cmd beleving
 
Ict lab
Ict labIct lab
Ict lab
 
Multimodal, crossmedia, multi platform
Multimodal, crossmedia, multi platformMultimodal, crossmedia, multi platform
Multimodal, crossmedia, multi platform
 
1011q1 design for mobile les 3 patterns for mobile
1011q1 design for mobile les 3   patterns for mobile1011q1 design for mobile les 3   patterns for mobile
1011q1 design for mobile les 3 patterns for mobile
 
1011q1 design for mobile les 3 patterns for mobile
1011q1 design for mobile les 3   patterns for mobile1011q1 design for mobile les 3   patterns for mobile
1011q1 design for mobile les 3 patterns for mobile
 
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
 
1011 q1 iadd1 de gebruiker heeft altijd gelijk
1011 q1 iadd1   de gebruiker heeft altijd gelijk1011 q1 iadd1   de gebruiker heeft altijd gelijk
1011 q1 iadd1 de gebruiker heeft altijd gelijk
 
Iadd1 1011 q1 introductie
Iadd1 1011 q1 introductieIadd1 1011 q1 introductie
Iadd1 1011 q1 introductie
 
Gobelins hro workshop kick-off
Gobelins hro workshop kick-offGobelins hro workshop kick-off
Gobelins hro workshop kick-off
 
1011Q1 Design For Mobile Les 2 - wireless, context en postures
1011Q1 Design For Mobile Les 2 - wireless, context en postures1011Q1 Design For Mobile Les 2 - wireless, context en postures
1011Q1 Design For Mobile Les 2 - wireless, context en postures
 
User experience design web en mobile - introduction
User experience design   web en mobile - introductionUser experience design   web en mobile - introduction
User experience design web en mobile - introduction
 
1011 q1 project 5 kick off
1011 q1 project 5 kick off1011 q1 project 5 kick off
1011 q1 project 5 kick off
 
1011q1 design for mobile les 1 the carry principle
1011q1 design for mobile les 1   the carry principle1011q1 design for mobile les 1   the carry principle
1011q1 design for mobile les 1 the carry principle
 
Bio
BioBio
Bio
 
1011 q1 minor kickoff
1011 q1 minor kickoff1011 q1 minor kickoff
1011 q1 minor kickoff
 
Iad2 0910 q1 hoorcollege 4
Iad2 0910 q1 hoorcollege 4Iad2 0910 q1 hoorcollege 4
Iad2 0910 q1 hoorcollege 4
 
User experiencedesignfronteers
User experiencedesignfronteersUser experiencedesignfronteers
User experiencedesignfronteers
 
Iad2 0910 q4 les 2 dynamische interactie
Iad2 0910 q4 les 2   dynamische interactieIad2 0910 q4 les 2   dynamische interactie
Iad2 0910 q4 les 2 dynamische interactie
 
Uxd 0910 q4 hoorcollege expressie en emotie
Uxd 0910 q4 hoorcollege expressie en emotieUxd 0910 q4 hoorcollege expressie en emotie
Uxd 0910 q4 hoorcollege expressie en emotie
 

0708 Iad2 Q3 Hoorcollege2