1. Structuur en navigatie Hoe maak ik mijn interactie ontwerp onopgemerkt?

2. Deel I: de principes

3. ‘Flow’ Te weinig uitdaging terwijl je iets goed kunt geeft verveling. Te veel uitdaging terwijl je iets nog niet goed kunt, geeft stress (‘anxiety’). Als de uitdaging past bij je kunde, bereik je ‘flow’. Naar: Flow, Csikszentmihalyi

4. ‘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.

5. Transparantie Een betere flow bij je gebruikers maakt dat zij niet meer nadenken over je interface: het wordt transparant.

6. Ontwerpprincipe No matter howcoolyour interface is, less of itwouldbebetter! Uit: About Face 3, Cooper, Reimann & Cronin

7. Ontwerpprincipe Volg het mentale model van je gebruikers.

8. Orchestration and Flow Volg het mentale model…

9. Orchestration and Flow Volg het mentalemodel…

10. Ontwerpprincipe Ontwerp voor het waarschijnlijke, maar voorzie in het mogelijke. Uit: About Face 3, Cooper, Reimann & Cronin

11. Ontwerpprincipe Verberg het schietstoelknopje. Uit: About Face 3, Cooper, Reimann & Cronin

12. Orchestration and Flow Verberg het schietstoelknopje…

13. Deel II: indelen en structureren

14. Indelingen

15. Indelingen

16. Indelingen

17. ‘Informationoverload’ Uit: Informationarchitecture, Morville & Rosenfeld

18. Eenduidige indelingen De ordeningligt vast. Voorbeeldenzijn: Alfabetisch Chronologisch Geografisch Veelalniet de meesthandigeindeling: gebruikerswetenveelalnietprecieswatzijzoeken.

19. Ambigueindelingen De ordening is voorinterpretatievatbaar. Voorbeeldenzijn: Op onderwerp Op doelgroepen Op afdeling Hoe bepaal je nu eenlogischeindeling?

20. Onderwerp (stijl, genre etc.) About.com

21. Ebay.com Taken of functionaliteit

22. Doelgroep of type gebruiker Dell.nl

23. … of eencombinatie Duidelijkvisueelgescheiden.

24. Chronologisch

25. Alfabetisch

26. Geografisch

27. Geografisch

28. Doelgroep

29. Doelgroep

30. Taak

31. Taak

32. Onderwerp

33. Categorie

34. Welkeindelingenzien we hier?

35. Deel III: Navigatie “Navigation is excise.”

36. Moeten nadenken is een toeslag en onderbreekt de ‘flow’ Uit: Don’tMake Me Think, SteveKrug

37. Allenavigatievormteentoeslag op het bereiken van je doel.

38. Visuele toeslag

39. Het aanbrengen van visuele structuur Layout, grid

40. Zinloze toeslag

43. Labels: plaatjes of tekst Hoewel plaatjes (iconen of pictogrammen) in computerprogramma’s veel worden gebruikt als labels, voeren tekstlabels de boventoon op het web

44. Labels: plaatjes of tekst

45. Soorten labels De belangrijkste soorten labels in webpagina’s zijn: Labels voor contextuele links Verwijzingen naar informatie elders, binnen de tekst Labels voor koppen (‘headings’) Een beschrijving van de informatie die volgt Labels voor navigatie opties De labels die de opties in de navigatie van de site vertegenwoordigen

46. Labels voor contextuele links Ontstaan veelal ad hoc: hebben dan ook weinig systematiek of consistentie

47. Labels voor contextuele links De vraag die je als ontwerper altijd moet stellen: “Welke informatie verwacht de gebruiker te krijgen via deze link?”

48. Labels voor koppen (‘headings’) Moet hetgeen beschrijven dat eronder volgt De betekenis van het label wordt geholpen door de structuur in de grafische vormgeving Veelal in samenhang: moeten dus meer als geheel worden ontworpen

49. Labels voor navigatie opties Ontwerp je als een geheel Door consistentie versterk je bekendheid Sommige labels zijn bekend bij web gebruikers (‘home’, ‘start’, ‘search’, ‘news’, ‘help’, ‘FAQ’, ‘about us’ etc.)

50. Zinvolle labels?

51. Samengevat Het doel van eeninteractieontwerp is gebruikers in eenstaat van ‘flow’ tekrijgen. Door informatievolgens het mentale model van gebruikerstestructurerenwordtdeze ‘flow’ bevorderd. Navigatie is eenmiddel en geendoel van interactie. “No matter how cool your interface is, less of it would be better.”

52. Bedankt voor jullie aandacht j.a.m.kemp@hro.nl http://vakgroep.cmd.hro.nl/iad/iadd_0910q2/ http://project.cmi.hro.nl/2008_2009/rewind/blog/