CMD Interaction Design - Y2 Q1 les 2 - Rich Interaction

37
There is no page

Transcript of CMD Interaction Design - Y2 Q1 les 2 - Rich Interaction

Page 1: CMD Interaction Design - Y2 Q1 les 2 - Rich Interaction

There is no page

Page 2: CMD Interaction Design - Y2 Q1 les 2 - Rich Interaction

Uit: Jesse James Garrett, http://www.adaptivepath.com/publications/essays/

archives/000385.php

Page 3: CMD Interaction Design - Y2 Q1 les 2 - Rich Interaction
Page 4: CMD Interaction Design - Y2 Q1 les 2 - Rich Interaction
Page 5: CMD Interaction Design - Y2 Q1 les 2 - Rich Interaction
Page 6: CMD Interaction Design - Y2 Q1 les 2 - Rich Interaction

THERE IS A WORLD TO EXPLORE 6

Page 7: CMD Interaction Design - Y2 Q1 les 2 - Rich Interaction

THERE IS A WORLD TO EXPLORE 7

Page 8: CMD Interaction Design - Y2 Q1 les 2 - Rich Interaction
Page 9: CMD Interaction Design - Y2 Q1 les 2 - Rich Interaction
Page 10: CMD Interaction Design - Y2 Q1 les 2 - Rich Interaction

Uit: Bill Scott and Theresa Neil (2009). Designing Web Interfaces.

Page 11: CMD Interaction Design - Y2 Q1 les 2 - Rich Interaction
Page 12: CMD Interaction Design - Y2 Q1 les 2 - Rich Interaction
Page 13: CMD Interaction Design - Y2 Q1 les 2 - Rich Interaction
Page 14: CMD Interaction Design - Y2 Q1 les 2 - Rich Interaction
Page 15: CMD Interaction Design - Y2 Q1 les 2 - Rich Interaction
Page 16: CMD Interaction Design - Y2 Q1 les 2 - Rich Interaction
Page 17: CMD Interaction Design - Y2 Q1 les 2 - Rich Interaction

Let op de ‘discoverability’

Page 18: CMD Interaction Design - Y2 Q1 les 2 - Rich Interaction

Anti-pattern: ‘Hover and Cover’

Anti-pattern: ‘Mystery Meat’

Page 19: CMD Interaction Design - Y2 Q1 les 2 - Rich Interaction

‘Menu’

Page 20: CMD Interaction Design - Y2 Q1 les 2 - Rich Interaction
Page 21: CMD Interaction Design - Y2 Q1 les 2 - Rich Interaction
Page 22: CMD Interaction Design - Y2 Q1 les 2 - Rich Interaction
Page 23: CMD Interaction Design - Y2 Q1 les 2 - Rich Interaction
Page 24: CMD Interaction Design - Y2 Q1 les 2 - Rich Interaction
Page 25: CMD Interaction Design - Y2 Q1 les 2 - Rich Interaction
Page 26: CMD Interaction Design - Y2 Q1 les 2 - Rich Interaction
Page 27: CMD Interaction Design - Y2 Q1 les 2 - Rich Interaction
Page 28: CMD Interaction Design - Y2 Q1 les 2 - Rich Interaction
Page 29: CMD Interaction Design - Y2 Q1 les 2 - Rich Interaction
Page 30: CMD Interaction Design - Y2 Q1 les 2 - Rich Interaction
Page 31: CMD Interaction Design - Y2 Q1 les 2 - Rich Interaction
Page 32: CMD Interaction Design - Y2 Q1 les 2 - Rich Interaction
Page 33: CMD Interaction Design - Y2 Q1 les 2 - Rich Interaction

Webapplicaties kunnen tegenwoordig, dankzij technologieën als Ajax, worden ontworpen met een rijke gebruiksbeleving die niet meer onder doet voor de gebruiksbeleving van een (desktop) software programma.

Hierdoor kan het interactie ontwerp van web interfaces beter worden afgestemd op het mentale model en flow van gebruikers: weg met de browser en de pagina-metafoor, lang leve het principe van direct manipulation!

Er zijn 6 ontwerpprincipes voor rijke interactie die zorgen voor een betere gebruiksbeleving. De succesvolle interactie ontwerppatronen volgen één of meer van deze ontwerpprincipes.

Page 34: CMD Interaction Design - Y2 Q1 les 2 - Rich Interaction
Page 35: CMD Interaction Design - Y2 Q1 les 2 - Rich Interaction
Page 36: CMD Interaction Design - Y2 Q1 les 2 - Rich Interaction
Page 37: CMD Interaction Design - Y2 Q1 les 2 - Rich Interaction

[email protected]

@ferrydendopper