SlideShare ist ein Scribd-Unternehmen logo
1 von 29
Interactie ontwerpen voor Web 2.0 Het einde van de pagina-metafoor
Vandaag ,[object Object],[object Object],[object Object],[object Object]
Bronnen ,[object Object],[object Object],[object Object],[object Object],[object Object]
Web 2.0 – AJAX en andere buzzwords ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
De zeven principes van Web 2.0  ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Ajax - Asynchronous JavaScript And XML  ,[object Object],[object Object],[object Object]
Voorbeeld – AH.nl
Direct Manipulation ,[object Object],[object Object],[object Object],[object Object]
Drie fases van het direct manipulation proces ,[object Object],[object Object],[object Object]
Drie fases van het direct manipulation proces ,[object Object],[object Object],[object Object]
Drie fases van het direct manipulation proces ,[object Object],[object Object],[object Object]
Hinting, affordances ,[object Object],Cursor hinting (cursor verandert als er bijvoorbeeld iets versleept kan worden.) Textual hinting (tool tips) Visual hinting (3D buttons)
Principes voor rijke interactie ,[object Object],[object Object],[object Object]
Principes voor rijke interactie ,[object Object],[object Object],[object Object]
Maak de interactie direct ,[object Object],[object Object]
Maak de interactie direct ,[object Object]
Voorkom grenzen in de interactie ,[object Object],[object Object],[object Object]
Voorkom grenzen in de interactie ,[object Object]
Principes voor rijke interactie ,[object Object]
Geef directe terugkoppeling ,[object Object]
Nodig uit, laat ondekken ,[object Object],[object Object]
Laat overgangen zien ,[object Object],[object Object],[object Object],[object Object]
Principes voor rijke interactie ,[object Object]
Denk in objecten
Verbind informatie met interactiviteit ,[object Object]
Sleutelprincipes voor rijke interactie ,[object Object],[object Object],[object Object]
Samenvattend ,[object Object],[object Object],[object Object]
Tenslotte, wat verder niets te maken heeft met interactie…
Bedankt voor jullie aandacht

Weitere ähnliche Inhalte

Andere mochten auch

The Anglo Saxsons
The  Anglo  SaxsonsThe  Anglo  Saxsons
The Anglo Saxsons
guest0668dd
 
菊石的介紹
菊石的介紹菊石的介紹
菊石的介紹
p54692381g
 
Week 27 Sponges
Week 27 SpongesWeek 27 Sponges
Week 27 Sponges
Corey Topf
 
Week 5 Sponges
Week 5 SpongesWeek 5 Sponges
Week 5 Sponges
Corey Topf
 
Ouderavond Groningen Maart 2011
Ouderavond Groningen Maart 2011Ouderavond Groningen Maart 2011
Ouderavond Groningen Maart 2011
inespee
 
Unit 3.6 income distribution
Unit 3.6 income distributionUnit 3.6 income distribution
Unit 3.6 income distribution
Corey Topf
 
Innovation Academy October 28th, 2014 final
Innovation Academy October 28th, 2014 finalInnovation Academy October 28th, 2014 final
Innovation Academy October 28th, 2014 final
Corey Topf
 
Week 12 Sponges
Week 12 SpongesWeek 12 Sponges
Week 12 Sponges
Corey Topf
 
Week 38 Sponges
Week 38 SpongesWeek 38 Sponges
Week 38 Sponges
Corey Topf
 

Andere mochten auch (20)

The Anglo Saxsons
The  Anglo  SaxsonsThe  Anglo  Saxsons
The Anglo Saxsons
 
菊石的介紹
菊石的介紹菊石的介紹
菊石的介紹
 
User Experience Design Introduction
User Experience Design   IntroductionUser Experience Design   Introduction
User Experience Design Introduction
 
Sevendaysofinspiration
SevendaysofinspirationSevendaysofinspiration
Sevendaysofinspiration
 
Zappos - National Society of Leadership and Success - 1-27-09
Zappos - National Society of Leadership and Success - 1-27-09Zappos - National Society of Leadership and Success - 1-27-09
Zappos - National Society of Leadership and Success - 1-27-09
 
Week 27 Sponges
Week 27 SpongesWeek 27 Sponges
Week 27 Sponges
 
Unit3 hl
Unit3 hlUnit3 hl
Unit3 hl
 
Week 5 Sponges
Week 5 SpongesWeek 5 Sponges
Week 5 Sponges
 
Freshmen
FreshmenFreshmen
Freshmen
 
Ouderavond Groningen Maart 2011
Ouderavond Groningen Maart 2011Ouderavond Groningen Maart 2011
Ouderavond Groningen Maart 2011
 
Unit 3.6 income distribution
Unit 3.6 income distributionUnit 3.6 income distribution
Unit 3.6 income distribution
 
Johan Ronnestam på The Gaming Day i Göteborg
Johan Ronnestam på The Gaming Day i GöteborgJohan Ronnestam på The Gaming Day i Göteborg
Johan Ronnestam på The Gaming Day i Göteborg
 
Innovation Academy October 28th, 2014 final
Innovation Academy October 28th, 2014 finalInnovation Academy October 28th, 2014 final
Innovation Academy October 28th, 2014 final
 
Workshop Presentation V 17 10 08
Workshop Presentation V 17 10 08Workshop Presentation V 17 10 08
Workshop Presentation V 17 10 08
 
If We're Not There Yet, How Far Do We Have To Go ? Web Metadata at The Univer...
If We're Not There Yet, How Far Do We Have To Go ? Web Metadata at The Univer...If We're Not There Yet, How Far Do We Have To Go ? Web Metadata at The Univer...
If We're Not There Yet, How Far Do We Have To Go ? Web Metadata at The Univer...
 
Zappos -- Underground 4 Presentation -- Getting to $1 billion
Zappos -- Underground 4 Presentation -- Getting to $1 billionZappos -- Underground 4 Presentation -- Getting to $1 billion
Zappos -- Underground 4 Presentation -- Getting to $1 billion
 
Week 12 Sponges
Week 12 SpongesWeek 12 Sponges
Week 12 Sponges
 
Week 38 Sponges
Week 38 SpongesWeek 38 Sponges
Week 38 Sponges
 
Cas 2015
Cas 2015Cas 2015
Cas 2015
 
Work Study Program
Work Study ProgramWork Study Program
Work Study Program
 

Ähnlich wie 0708 Iad2 Q3 Hoorcollege1

CMD Interaction Design - Y2 Q1 les 2 - Rich Interaction
CMD Interaction Design - Y2 Q1 les 2 - Rich InteractionCMD Interaction Design - Y2 Q1 les 2 - Rich Interaction
CMD Interaction Design - Y2 Q1 les 2 - Rich Interaction
Ferry den Dopper
 
Iad2 0910 q4 les 1 ontwerpen met patronen
Iad2 0910 q4 les 1   ontwerpen met patronenIad2 0910 q4 les 1   ontwerpen met patronen
Iad2 0910 q4 les 1 ontwerpen met patronen
Hans Kemp
 
0708 Iad2 Q3 Hoorcollege2
0708 Iad2 Q3 Hoorcollege20708 Iad2 Q3 Hoorcollege2
0708 Iad2 Q3 Hoorcollege2
Hans Kemp
 
Usability Engineering world 2009
Usability Engineering world 2009Usability Engineering world 2009
Usability Engineering world 2009
architecto
 
Engineering world 2009 Usability
Engineering world 2009 UsabilityEngineering world 2009 Usability
Engineering world 2009 Usability
architecto
 
Week5 Woensdag Website 1
Week5 Woensdag Website 1Week5 Woensdag Website 1
Week5 Woensdag Website 1
Joey van Boxel
 

Ähnlich wie 0708 Iad2 Q3 Hoorcollege1 (20)

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
 
CMD Interaction Design - Y2 Q1 les 2 - Rich Interaction
CMD Interaction Design - Y2 Q1 les 2 - Rich InteractionCMD Interaction Design - Y2 Q1 les 2 - Rich Interaction
CMD Interaction Design - Y2 Q1 les 2 - Rich Interaction
 
Iad2 0910 q4 les 1 ontwerpen met patronen
Iad2 0910 q4 les 1   ontwerpen met patronenIad2 0910 q4 les 1   ontwerpen met patronen
Iad2 0910 q4 les 1 ontwerpen met patronen
 
Web3 - Gemeentelijke Dienstverlening
Web3 - Gemeentelijke DienstverleningWeb3 - Gemeentelijke Dienstverlening
Web3 - Gemeentelijke Dienstverlening
 
0708 Iad2 Q3 Hoorcollege2
0708 Iad2 Q3 Hoorcollege20708 Iad2 Q3 Hoorcollege2
0708 Iad2 Q3 Hoorcollege2
 
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
 
Eday Web3
Eday Web3Eday Web3
Eday Web3
 
Web2.0 Web3.0
Web2.0 Web3.0Web2.0 Web3.0
Web2.0 Web3.0
 
Verhoog de conversie met deze tips voor mobiele usability optimalisatie
Verhoog de conversie met deze tips voor mobiele usability optimalisatieVerhoog de conversie met deze tips voor mobiele usability optimalisatie
Verhoog de conversie met deze tips voor mobiele usability optimalisatie
 
Webcommunicatie / college 3
Webcommunicatie / college 3Webcommunicatie / college 3
Webcommunicatie / college 3
 
HTML 5, ASP.NET MVC & Windows Azure sessie voor Ivo Brugge
HTML 5, ASP.NET MVC & Windows Azure sessie voor Ivo BruggeHTML 5, ASP.NET MVC & Windows Azure sessie voor Ivo Brugge
HTML 5, ASP.NET MVC & Windows Azure sessie voor Ivo Brugge
 
Webcommunicatie / college 2
Webcommunicatie / college 2Webcommunicatie / college 2
Webcommunicatie / college 2
 
Web X.0 (evolution from the static web to the intelligent web) in nederlands
Web X.0 (evolution from the static web to the intelligent web) in nederlandsWeb X.0 (evolution from the static web to the intelligent web) in nederlands
Web X.0 (evolution from the static web to the intelligent web) in nederlands
 
Api kooien les 1
Api kooien les 1Api kooien les 1
Api kooien les 1
 
Usability Engineering world 2009
Usability Engineering world 2009Usability Engineering world 2009
Usability Engineering world 2009
 
Engineering world 2009 Usability
Engineering world 2009 UsabilityEngineering world 2009 Usability
Engineering world 2009 Usability
 
Info Nl Exploding Webzicht Ext
Info Nl Exploding Webzicht ExtInfo Nl Exploding Webzicht Ext
Info Nl Exploding Webzicht Ext
 
Usabilityissues
UsabilityissuesUsabilityissues
Usabilityissues
 
Week5 Woensdag Website 1
Week5 Woensdag Website 1Week5 Woensdag Website 1
Week5 Woensdag Website 1
 

Mehr von Hans Kemp

Voorlichting tweedejaars 16 februari 2011
Voorlichting tweedejaars 16 februari 2011Voorlichting tweedejaars 16 februari 2011
Voorlichting tweedejaars 16 februari 2011
Hans Kemp
 
Mijn cmd beleving
Mijn cmd belevingMijn cmd beleving
Mijn cmd beleving
Hans Kemp
 
Multimodal, crossmedia, multi platform
Multimodal, crossmedia, multi platformMultimodal, crossmedia, multi platform
Multimodal, crossmedia, multi platform
Hans 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 mobile
Hans 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 mobile
Hans 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 mobile
Hans 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 gelijk
Hans Kemp
 
Iadd1 1011 q1 introductie
Iadd1 1011 q1 introductieIadd1 1011 q1 introductie
Iadd1 1011 q1 introductie
Hans Kemp
 
Gobelins hro workshop kick-off
Gobelins hro workshop kick-offGobelins hro workshop kick-off
Gobelins hro workshop kick-off
Hans 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 postures
Hans Kemp
 
Uxd blog workshop
Uxd blog workshopUxd blog workshop
Uxd blog workshop
Hans Kemp
 
Interactieve datavisualisaties
Interactieve datavisualisatiesInteractieve datavisualisaties
Interactieve datavisualisaties
Hans 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 - introduction
Hans Kemp
 
1011 q1 project 5 kick off
1011 q1 project 5 kick off1011 q1 project 5 kick off
1011 q1 project 5 kick off
Hans 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 principle
Hans Kemp
 
1011 q1 minor kickoff
1011 q1 minor kickoff1011 q1 minor kickoff
1011 q1 minor kickoff
Hans Kemp
 
Iad2 0910 q1 hoorcollege 4
Iad2 0910 q1 hoorcollege 4Iad2 0910 q1 hoorcollege 4
Iad2 0910 q1 hoorcollege 4
Hans Kemp
 
User experiencedesignfronteers
User experiencedesignfronteersUser experiencedesignfronteers
User experiencedesignfronteers
Hans 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
 
Uxd blog workshop
Uxd blog workshopUxd blog workshop
Uxd blog workshop
 
Interactieve datavisualisaties
Interactieve datavisualisatiesInteractieve datavisualisaties
Interactieve datavisualisaties
 
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
 

0708 Iad2 Q3 Hoorcollege1