Iad1 0809 Q3 Hoorcollege 1 Structuur, Flow En Navigatie

31
structuur & navigatie 1

Transcript of Iad1 0809 Q3 Hoorcollege 1 Structuur, Flow En Navigatie

Page 1: Iad1 0809 Q3 Hoorcollege 1   Structuur, Flow En Navigatie

structuur & navigatie 1

Page 2: Iad1 0809 Q3 Hoorcollege 1   Structuur, Flow En Navigatie

‘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

Page 3: Iad1 0809 Q3 Hoorcollege 1   Structuur, Flow En Navigatie

‘Flow’

Flow is een staat waarin je kunt verkeren.

Het helpt mensen ergens op te

focussen.

Om voor gebruikers flow te creëren, moet de interactie ‘transparant’ zijn. Elke nieuw geopende pagina of window zal de deze flow onderbreken.

Page 4: Iad1 0809 Q3 Hoorcollege 1   Structuur, Flow En Navigatie

Transparantie

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

Page 5: Iad1 0809 Q3 Hoorcollege 1   Structuur, Flow En Navigatie

Ontwerpprincipe

No matter how cool your interface is, less of it would be better!

Uit: About Face 3, Cooper, Reimann & Cronin

Page 6: Iad1 0809 Q3 Hoorcollege 1   Structuur, Flow En Navigatie

Ontwerpprincipe

Volg het mentale model van je gebruikers.

Page 7: Iad1 0809 Q3 Hoorcollege 1   Structuur, Flow En Navigatie

Ontwerpprincipe

‘Less is more’

Page 8: Iad1 0809 Q3 Hoorcollege 1   Structuur, Flow En Navigatie

Ontwerpprincipe

Stel gebruikers in staat te bepalen, dwing hen niet tot discussie.

Uit: About Face 3, Cooper, Reimann & Cronin

Page 9: Iad1 0809 Q3 Hoorcollege 1   Structuur, Flow En Navigatie

Ontwerpprincipe

Hou de ‘tools’ dicht bij de hand.

Page 10: Iad1 0809 Q3 Hoorcollege 1   Structuur, Flow En Navigatie

Ontwerpprincipe

Ontwerp voor het waarschijnlijke, maar voorzie in het mogelijke.

Uit: About Face 3, Cooper, Reimann & Cronin

Page 11: Iad1 0809 Q3 Hoorcollege 1   Structuur, Flow En Navigatie

Ontwerpprincipe

Verberg het schietstoelknopje.

Uit: About Face 3, Cooper, Reimann & Cronin

Page 12: Iad1 0809 Q3 Hoorcollege 1   Structuur, Flow En Navigatie

Moeten nadenken onderbreekt de ‘flow’

Uit: Don’t Make Me Think, Steve Krug

Page 13: Iad1 0809 Q3 Hoorcollege 1   Structuur, Flow En Navigatie

‘Information overload’

Uit: Information architecture, Morville & Rosenfeld

Page 14: Iad1 0809 Q3 Hoorcollege 1   Structuur, Flow En Navigatie

Eenduidige indelingen

De ordening ligt vast. Voorbeelden zijn:

Alfabetisch

Chronologisch

Geografisch

Veelal niet de meest handige indeling: gebruikers weten veelal niet precies wat zij zoeken.

Page 15: Iad1 0809 Q3 Hoorcollege 1   Structuur, Flow En Navigatie

Ambigue indelingen

De ordening is voor interpretatie vatbaar. Voorbeelden zijn:

Op onderwerp

Op doelgroepen

Op afdeling

Hoe bepaal je nu een logische

indeling?

Page 16: Iad1 0809 Q3 Hoorcollege 1   Structuur, Flow En Navigatie

Onderwerp (stijl, genre etc.)

About.com

Page 17: Iad1 0809 Q3 Hoorcollege 1   Structuur, Flow En Navigatie

Ebay.com

Taken of functionaliteit

Page 18: Iad1 0809 Q3 Hoorcollege 1   Structuur, Flow En Navigatie

Doelgroep of type gebruiker

Dell.nl

Page 19: Iad1 0809 Q3 Hoorcollege 1   Structuur, Flow En Navigatie

… of een combinatie

Duidelijk visueel gescheiden.

Page 20: Iad1 0809 Q3 Hoorcollege 1   Structuur, Flow En Navigatie

Chronologisch

Page 21: Iad1 0809 Q3 Hoorcollege 1   Structuur, Flow En Navigatie

Alfabetisch

Page 22: Iad1 0809 Q3 Hoorcollege 1   Structuur, Flow En Navigatie

Geografisch

Page 23: Iad1 0809 Q3 Hoorcollege 1   Structuur, Flow En Navigatie

Geografisch

Page 24: Iad1 0809 Q3 Hoorcollege 1   Structuur, Flow En Navigatie

Doelgroep

Page 25: Iad1 0809 Q3 Hoorcollege 1   Structuur, Flow En Navigatie

Doelgroep

Page 26: Iad1 0809 Q3 Hoorcollege 1   Structuur, Flow En Navigatie

Taak

Page 27: Iad1 0809 Q3 Hoorcollege 1   Structuur, Flow En Navigatie

Taak

Page 28: Iad1 0809 Q3 Hoorcollege 1   Structuur, Flow En Navigatie

Onderwerp

Page 29: Iad1 0809 Q3 Hoorcollege 1   Structuur, Flow En Navigatie

Categorie

Page 30: Iad1 0809 Q3 Hoorcollege 1   Structuur, Flow En Navigatie

Samenvattend

Je doel als interactie ontwerper is gebruikers in een staat van flow te brengen/houden.

Je doet dit door bij het indelen van de informatie of functionaliteit het mentale model van je gebruikers te volgen.

Page 31: Iad1 0809 Q3 Hoorcollege 1   Structuur, Flow En Navigatie

Bedankt voor jullie aandacht

[email protected]

http://vakgroep.cmd.hro.nl/iad

http://project.cmi.hro.nl/2008_2009/rewind/platform/