1. De kunst van user experience designInspiratie en je gezondverstandgebruiken

2. Even voorstellen…Hans Kemp (j.a.m.kemp@hro.nl)Hogeschool RotterdamCommunication and multimedia designCoördinator & coachMinor ‘user experience design’‘Interaction design’ (voltijd & deeltijd, jaar 1 & 2)MedialabAfstudeerbegeleiding

3. Even voorstellen…Hans Kemp (j.a.m.kemp@hro.nl)1990 – 1995 Interactie ontwerper - Philips Research Eindhoven (NatLab)1995 – 2000 Diverse functies – Philips Design SiliconValley2000 – 2003 (Web) Design Manager – Philips Design EindhovenSinds 2003 zelfstandig consultantSinds 2005 CMD, Hogeschool Rotterdam

4. Even voorstellen…Hans Kemp (j.a.m.kemp@hro.nl)TU Delft – Industrieel ontwerpenHTS Rijswijk – Informatie technologie

6. A model for user experiencePeter Morville’s ‘user experiencehoneycomb’

7. Process of user experience designUit: ‘The Elements Of User Experience’, Jesse James Garrett

8. User experience disciplinesUit:‘The Disciplines of User Experience’, Dan Saffer

9. User experience design op CMD

10. Design research

11. Interaction design

12. Visual interface design

13. Wat is interaction design?Uit: About Face 3, Alan Cooper

14. IAD is eenontwerpdiscipline, want:User centeredExploratiefOplossingsgericht – ‘trial and error’ (prototypen)Werkt met zekere randvoorwaardenToepasbaar in specifiek gevalMultidisciplinairHoudt rekening met emotie

15. Maarwaaromgedragen steeds meer auto’s zichals computers?

16. Feature-list bargainingBusiness Managers, ClientsTime to market (deadline management)Feature checklist (research-based or not)Software EngineersBargain time for features Typically, more elaborate user interface features end up at bottom of the listUsersAren’t really compelled by features but by achieving their goalsUnaware of alternative software behavior: dancing bearwareFrom: ‘The Inmates Are Running The Asylum’, Cooper

17. Roles in the product development processEngineering: “What are we capable of?”, “What is possible?”Business: “What can we sell?”, “What can we afford?”, “What is viable?”Design: “What do people want?”, “What is desired?”From: ‘The Inmates Are Running The Asylum’, Cooper

18. Homo logicus vs. homo sapiensWants control – accepts complexity as trade-offWants to understand – accepts failure as trade-offConcerned with possible cases – accepts advance preparation as trade-offWants simplicity – accepts less control as trade-offWants success – accepts less understanding as trade-offConcerned with probable cases – accepts occasional setbacks as trade-offFrom: ‘The Inmates Are Running The Asylum’, Cooper

19. Design principleUit: About Face 3, Alan Cooper

20. Een verschillend perspectiefUit: Don’tMake Me Think, SteveKrug

21. Een verschillend perspectief: de bioscoopHet model van de operator:Hetgeen je moet weten om de film te kunnen draaien.Het model van het publiek:Het publiek hoeft van dit alles geen weet te hebben en wil vooral een goede film zien.

22. Implementatie model vs. mentaal modelImplementatie model (system model)Hoe het werktTechnischeperspectiefMentaal model (conceptueel model)Hoe je erietsmeekuntdoenGebruiksperspectief

23. Nog een voorbeeldWelk van deze interfaces is gemaakt volgens het conceptueel model. Waarom?

24. ‘Flow’Flow is een staat waarin je kunt verkeren.Het helpt mensen ergens op te focussen.Elke nieuw geopende pagina of window zal deze flow onderbreken.

25. TransparantieEen betere flow bij je gebruikers maakt dat zij niet meer nadenken over je interface: het wordt transparant.

26. Interface is altijd het middel, nooit het doelUit: About Face 3, Alan Cooper

27. User centered designWaarbij de gebruiker het uitgangspunt is voor het ontwerp- en ontwikkelproces

28. User centered?

29. User centered?

30. User centered?

31. User centered?

32. Het verschil in ervaring bij gebruikersBeginners en expertsBij het ontwerpen van interfaces is het inschatten van de ervaring van gebruikers erg belangrijk.Beginners vinden een interface veelal moeilijk te doorgronden.Experts vinden veelal dat ze te weinig controle hebben.

33. Het verschil in ervaring bij gebruikersUit: About Face 3, Alan Cooper

34. Het verschil in ervaring bij gebruikers

35. Voor welk type gebruikers is dit interface gemaakt?

36. En dit?

37. Deze?

38. De meest onzinnige dialoog?

39. Mooi, maar eh……hoe komen we aan dit perspectief van onze gebruikers?

40. Design researchHet onderzoek dat gebeurt gedurende het gehele ontwerpprocesDoel van het ontwerponderzoek is het verkrijgen van informatie over gebruikers en hun omgevingJe zult als ontwerper moeten ‘aanvoelen’ wat de emotionele, culturele en esthetische context van een product is

41. Het uitvoeren van design researchMethodieken van ontwerponderzoek komen bijvoorbeeld uit antropologie, sociologie en psychologie: ObserverenInterviewenMaar ook ‘creatieve sessies’ met gebruikers worden steeds vaker toegepast (co-design)

42. Het uitvoeren van design researchUit: Het betrekken van gebruikers bij het UX ontwerpproces, Cyrille Rentier

43. Persona’s

44. Gebruiksscenario’s

45. Designing for contextUit: De meerwaarde van Brigle op de iPhone, Sabina van Katwijk

46. Designing for contextHet gaatdaarbijom de omstandighedenwaaronder je applicatiewordtgebruiktOmgeving‘Mindset’Doelen

47. Designing for contextMaarook de context die de informatie of functionaliteittoevoegtaan het moment

48. Designing for context

49. Intuitive design

50. Intuitive designIntuïtief = bekend

51. Gedragspatronen van gebruikersTeneinde hun doel te bereiken, gedragen mensen zich op een voorspelbare manier, bepaalde patronen volgend.Bijvoorbeeld gerelateerd aan hun ‘expert level’.Door observatie en analyse zal je deze patronen als ontwerper moeten onderkennen.

52. Gedragspatronen (Tidwell)‘Instant gratification’“Ik wil nu iets volbrengen, niet later.”‘Habituation’“Dat werkt overal, waarom hier niet?”‘Spatialmemory’“Ik weet zeker dat daar net nog een knop zat. Waar is-ie nu?”

53. Patronen in interfaces: inspiratieVoorbeelden die zich in de praktijk hebben bewezenNiet opnieuw het wiel uitvinden: efficiëntere werkwijzeVerbetert kwaliteit van het interactie ontwerp Helpt bij het leren ontwerpenEen goede ontwerper kent zijn patterns!

54. Patterncollecties (boeken)

55. Patterncollecties (internet)Welie.comYahoo patterns libraryQuinceUI PatternsAbout me ContactAbout me ContactAbout me Contact

56. Ten slotte

57. UXD in de toekomstTechnologischeontwikkelingenzullennieuweinteractiepatronendoenontstaan‘Computers’ wordenschaarser: diversificatie van platforms‘Designing for mobile’ wordt ‘designing for context’‘User centered’ wordt de kritiekesuccesfactor

58. UXD in de toekomst

59. Dank u wel