ied minor: interactive environments - week 3

100
Hogeschool Rotterdam Instituut voor Communicatie, Media & ICT Minor Interface & Experience Design [email protected] Jasper Schelling docent.cmi.hr.nl/scjas Interactive Environments

Upload: iedminor

Post on 18-Dec-2014

136 views

Category:

Documents


1 download

DESCRIPTION

 

TRANSCRIPT

Page 1: IED Minor: Interactive Environments - Week 3

Hogeschool RotterdamInstituut voor Communicatie, Media & ICTMinor Interface & Experience Design

[email protected] Schelling

docent.cmi.hr.nl/scjas

Interactive Environments

Page 2: IED Minor: Interactive Environments - Week 3

Minor Interface & Experience Design — Interactive Environments Jasper Schelling

Introductie

2

Page 3: IED Minor: Interactive Environments - Week 3

Minor Interface & Experience Design — Interactive Environments Jasper Schelling

Paul Valery, La conquête de l’Ubiquité, 1928

3

“Just as water, gas and electricity are brought into

our houses from far off to satisfy our need in

response to a minimal effort, so we shall be

supplied with visual or auditory images, which will

appear and dissappear at a simple movement of

the hand, hardly more than a sign.”

Page 4: IED Minor: Interactive Environments - Week 3
Page 5: IED Minor: Interactive Environments - Week 3
Page 6: IED Minor: Interactive Environments - Week 3
Page 7: IED Minor: Interactive Environments - Week 3
Page 8: IED Minor: Interactive Environments - Week 3
Page 9: IED Minor: Interactive Environments - Week 3
Page 10: IED Minor: Interactive Environments - Week 3
Page 11: IED Minor: Interactive Environments - Week 3
Page 12: IED Minor: Interactive Environments - Week 3
Page 13: IED Minor: Interactive Environments - Week 3
Page 14: IED Minor: Interactive Environments - Week 3
Page 15: IED Minor: Interactive Environments - Week 3
Page 16: IED Minor: Interactive Environments - Week 3
Page 17: IED Minor: Interactive Environments - Week 3
Page 18: IED Minor: Interactive Environments - Week 3
Page 19: IED Minor: Interactive Environments - Week 3
Page 20: IED Minor: Interactive Environments - Week 3
Page 21: IED Minor: Interactive Environments - Week 3
Page 22: IED Minor: Interactive Environments - Week 3
Page 23: IED Minor: Interactive Environments - Week 3

Minor Interface & Experience Design — Interactive Environments Jasper Schelling

Devices zijn Service Avatars

23

Page 24: IED Minor: Interactive Environments - Week 3
Page 25: IED Minor: Interactive Environments - Week 3
Page 26: IED Minor: Interactive Environments - Week 3
Page 27: IED Minor: Interactive Environments - Week 3
Page 28: IED Minor: Interactive Environments - Week 3
Page 29: IED Minor: Interactive Environments - Week 3
Page 30: IED Minor: Interactive Environments - Week 3

Minor Interface & Experience Design — Interactive Environments Jasper Schelling

Wat is een avatar?

30

Page 31: IED Minor: Interactive Environments - Week 3
Page 32: IED Minor: Interactive Environments - Week 3
Page 33: IED Minor: Interactive Environments - Week 3
Page 34: IED Minor: Interactive Environments - Week 3

Minor Interface & Experience Design — Interactive Environments Jasper Schelling

Networks shift value to information

34

Page 35: IED Minor: Interactive Environments - Week 3
Page 36: IED Minor: Interactive Environments - Week 3

Minor Interface & Experience Design — Interactive Environments Jasper Schelling

Principes voor Service Avatars1. In het ontwerpproces voor een service avatar

moet rekening gehouden worden met de volledige mogelijkheden van een dienst zelfs

als het uiteindelijke ontwerp er maar een fractie van gebruikt.

36

Page 37: IED Minor: Interactive Environments - Week 3

Minor Interface & Experience Design — Interactive Environments Jasper Schelling

Principes voor Service Avatars2.Het ontwerp van een avatar moet rekening

houden met feit dat er ook andere avatars voor de service bestaan.

37

Page 38: IED Minor: Interactive Environments - Week 3

Minor Interface & Experience Design — Interactive Environments Jasper Schelling

Ontwerpstrategie voor Service Avatars

• Wat zijn de mogelijkheden van de dienst?• Overeenkomst voor de dienst; hoe wordt die gemaakt, hoe wordt

er gecommuniceerd?• De basisset van functies en methodes die gedeeld wordt door alle

avatars. Wat is het allerbelangrijkste wat de service doet? Wat is een consistente manier waarop deze dienst op verschillende

plekken uitgevoerd wordt?• Specifieke functionaliteit wordt uitgevoerd door specifieke

avatars. Wat zijn de specifiek contexten waarvoor deze avatars

ontworpen moeten worden en wat maakt deze specifieke avatars

anders dan de generieke?

38

Page 39: IED Minor: Interactive Environments - Week 3
Page 40: IED Minor: Interactive Environments - Week 3
Page 41: IED Minor: Interactive Environments - Week 3
Page 42: IED Minor: Interactive Environments - Week 3

Minor Interface & Experience Design — Interactive Environments Jasper Schelling

Gereedschappen voor consistentie

• Style guidelines voor visueel en industrieel ontwerp

• Designpatterns voor consitentie in Interaction Design

• Goed gedocumenteerde API's voor techneuten die er voor zorgen dat verschillende devices consistent werken.

• Gestandaardiseerde methodes in het ontwerp van hard en software. Deze zie je al terug in sommige industrieën zoals bijvoorbeeld de auto- en vliegtuigindustrie.

42

Page 43: IED Minor: Interactive Environments - Week 3

Minor Interface & Experience Design — Interactive Environments Jasper Schelling

Soorten Avatars

43

Page 44: IED Minor: Interactive Environments - Week 3
Page 45: IED Minor: Interactive Environments - Week 3

Minor Interface & Experience Design — Interactive Environments Jasper Schelling

Drie soorten avatars

45

• Portholes• Handles• Slices

Page 46: IED Minor: Interactive Environments - Week 3

Minor Interface & Experience Design — Interactive Environments Jasper Schelling

Portholes Laptops en smartphones functioneren vaak als porthole avatars, omdat ze toegang bieden tot vele services, maar er is geen sterke koppeling

tussen het device de dienst.

46

Page 47: IED Minor: Interactive Environments - Week 3

Minor Interface & Experience Design — Interactive Environments Jasper Schelling

HandlesHandles bieden toegang tot specifieke diensten, doordat ze strak gekoppeld zijn, een voorbeeld hiervan is de geldautomaat.

47

Page 48: IED Minor: Interactive Environments - Week 3

Minor Interface & Experience Design — Interactive Environments Jasper Schelling

SlicesAls een object verbonden is aan een dienst, maar vrijwel al z'n taken lokaal uitvoert, kun je spreken van een slice avatar.

48

Page 49: IED Minor: Interactive Environments - Week 3

Minor Interface & Experience Design — Interactive Environments Jasper Schelling

HybridsDeze drie soorten avatars hebben geen duidelijke grenzen. Dat wil zeggen dat sommige devices ook

hybrides kunnen zijn van verschillende soorten avatars... Zo is een iPhone, met z'n app store, maps en twitter app, tegelijkertijd een Porthole, een Handle en een Slice avatar.

49

Page 50: IED Minor: Interactive Environments - Week 3

Minor Interface & Experience Design — Interactive Environments Jasper Schelling

Avatar & ServiceCo-Design

50

Page 51: IED Minor: Interactive Environments - Week 3

Minor Interface & Experience Design — Interactive Environments Jasper Schelling

Patterns voor co-design

51

• Ontwerp de service als een complete experience, die via een aantal verschillende avatars aan de gebruiker beschikbaar wordt gesteld.

• Avatars worden afgestemd op een specifieke gebruikscontext door verschillende teams, maar er is één service die als de backbone van de organisatie dient.

• Een 'ecologie' van verschillende avatars die met elkaar samenwerken definiëren impliciet een service, door de bronnen die ze delen.

Page 52: IED Minor: Interactive Environments - Week 3

Minor Interface & Experience Design — Interactive Environments Jasper Schelling

Single Experience, Many Avatars

52

Vanuit het perspectief van de gebruiker kan een service zich uitstrekken over verschillende experiences, en nog steeds als één ding

waargenomen worden.

Page 53: IED Minor: Interactive Environments - Week 3

Minor Interface & Experience Design — Interactive Environments Jasper Schelling

Context Bepaalt Functionaliteit

53

Iedere context zorgt ervoor dat het publiek andere samenstelling van behoeftes heeft. Zodoende is het dus ook mogelijk om

gespecialiseerde diensten te ontwerpen die afgestemd zijn op deze specifieke context.

Page 54: IED Minor: Interactive Environments - Week 3

Minor Interface & Experience Design — Interactive Environments Jasper Schelling

Avatar Ecologieën

54

Veel devices worden ontworpen als ze het enige apparaat zijn in het leven van een gebruiker, maar meestal worden verschillende devices

tegelijkertijd gebruikt.

Page 55: IED Minor: Interactive Environments - Week 3

Minor Interface & Experience Design — Interactive Environments Jasper Schelling

Applianceness

55

Page 56: IED Minor: Interactive Environments - Week 3
Page 57: IED Minor: Interactive Environments - Week 3
Page 58: IED Minor: Interactive Environments - Week 3
Page 59: IED Minor: Interactive Environments - Week 3
Page 60: IED Minor: Interactive Environments - Week 3
Page 61: IED Minor: Interactive Environments - Week 3
Page 62: IED Minor: Interactive Environments - Week 3
Page 63: IED Minor: Interactive Environments - Week 3
Page 64: IED Minor: Interactive Environments - Week 3
Page 65: IED Minor: Interactive Environments - Week 3
Page 66: IED Minor: Interactive Environments - Week 3
Page 67: IED Minor: Interactive Environments - Week 3
Page 68: IED Minor: Interactive Environments - Week 3

Minor Interface & Experience Design — Interactive Environments Jasper Schelling

ApparatigheidSharpe identificeerde ook kwaliteiten waarvan hij vond dat ze definiëerden wat een apparaat was. Volgens zijn definitie hebben apparaten die

deze kwaliteiten vertonen applianceness (apparatigheid).

68

Page 69: IED Minor: Interactive Environments - Week 3

Minor Interface & Experience Design — Interactive Environments Jasper Schelling

7 Kwaliteiten van Applianceness

• Alledaagse Ding• Specifieke Functie• Kan samenwerken met gelijkwaardigen• Draagbaar• Persoonlijk• Afgesloten handelingen• Directe User Interface

69

Page 70: IED Minor: Interactive Environments - Week 3

Minor Interface & Experience Design — Interactive Environments Jasper Schelling

Alledaagse DingenSuccesvolle apparaten worden alledaagse dingen, waardoor je alleen alledaagse vaardigheden nodig hebt om ze te gebruiken.

70

Page 71: IED Minor: Interactive Environments - Week 3

Minor Interface & Experience Design — Interactive Environments Jasper Schelling

Specifieke FunctieSuccesvolle apparaten doen een ding goed. Ze ondersteunen een vorm van gebruik of activiteit. Apparaten worden als nuttiger gezien als ze een

enkele functie hebben die op een consistente wijze in verschillende situatie van toepassing is.

71

Page 72: IED Minor: Interactive Environments - Week 3

Minor Interface & Experience Design — Interactive Environments Jasper Schelling

Samenwerken met gelijkwaardigenHet vermogen om content, data, media, informatie uit te wisselen zorgt ervoor dat het mogelijk wordt voor ieder apparaat om één

activiteit te ondersteunen.

72

Page 73: IED Minor: Interactive Environments - Week 3

Minor Interface & Experience Design — Interactive Environments Jasper Schelling

DraagbaarEen apparaat wat draagbaar is kan in meerdere situaties gebruikt worden. Een specifieke functie en het vermogen om samen te werken met

andere apparaten maakt het makkelijker om apparaten te maken die uit simpele onderdelen bestaan en de stroomvereisten te beperken.

73

Page 74: IED Minor: Interactive Environments - Week 3

Minor Interface & Experience Design — Interactive Environments Jasper Schelling

PersoonlijkHet apparaat moet ten allen tijde volledig ter beschikking staan van het individu. Dit betekend meestal dat het stateless is. Als het gebruikt

wordt ondersteunt het de gebruiker in zijn dagelijkse (persoonlijke) taak. Je kunt deze dingen ook makkelijk uitlenen.

74

Page 75: IED Minor: Interactive Environments - Week 3

Minor Interface & Experience Design — Interactive Environments Jasper Schelling

Afgesloten handelingenJe moet het gevoel krijgen dat je een taak hebt afgerond als je klaar bent met het gebruiken van het apparaat.

75

Page 76: IED Minor: Interactive Environments - Week 3

Minor Interface & Experience Design — Interactive Environments Jasper Schelling

Directe User InterfaceHet gebruik van het apparaat moet zo transparant zijn, dat iemand zich volledig kan focussen om de taak die hij /zij wil doen, in

plaats van bezig te zijn met de manier waarop je het apparaat moet gebruiken.

76

Page 77: IED Minor: Interactive Environments - Week 3

Minor Interface & Experience Design — Interactive Environments Jasper Schelling

Appliance User Experience Design

77

Page 78: IED Minor: Interactive Environments - Week 3

Minor Interface & Experience Design — Interactive Environments Jasper Schelling

Appliance User Experience Design

78

Het idee van applianceness is waardevol als een set van pragmatische beperkingen om te onderzoeken hoe we de user experience van een ubicom device kunnen ontwerpen. Sharpe gebruikte ze als een basis om tot specifieke design guidelines te komen, uitgaande van zijn begrip van de situatie waarin het apparaat gebruikt wordt en de affordances van de directe interactie met het apparaat.

Page 79: IED Minor: Interactive Environments - Week 3

Minor Interface & Experience Design — Interactive Environments Jasper Schelling

7 Kwaliteiten van Applianceness

• Alledaagse Ding• Specifieke Functie• Kan samenwerken met gelijkwaardigen• Draagbaar• Persoonlijk• Afgesloten handelingen• Directe User Interface

79

Page 80: IED Minor: Interactive Environments - Week 3

Minor Interface & Experience Design — Interactive Environments Jasper Schelling

Oefening

80

Page 81: IED Minor: Interactive Environments - Week 3

Minor Interface & Experience Design — Interactive Environments Jasper Schelling

Scoor deze apparaten 1-5 op de 7 kwaliteiten

81

• iPod (classic)• iPhone• KPN Interactieve TV• Roomba• Nike+• Nabaztag• Macbook Pro

• Alledaagse Ding• Specifieke Functie• Kan samenwerken met

gelijkwaardigen• Draagbaar• Persoonlijk• Afgesloten handelingen• Directe User Interface

Page 82: IED Minor: Interactive Environments - Week 3

Minor Interface & Experience Design — Interactive Environments Jasper Schelling

Operational ContextAangezien een apparaat per definitie een beperkt aantal functies heeft, betekent het dat je in het ontwerp ervan rekening moet houden

met de omgeving waarin het gebruikt gaat worden. Sharpe raadt de volgende dingen aan:

82

Page 83: IED Minor: Interactive Environments - Week 3

Minor Interface & Experience Design — Interactive Environments Jasper Schelling

A Whole Systems ApproachEen apparaat bestaat in het domein van de gebruikers' kennis en bewustzijn. Het werkt voor de gebruiker, in plaats van de gebruiker. Ergo,

het apparaat hoeft niet te doen wat mensen al kunnen, maar de gebruiker ondersteunen in wat hij doet, wil of behoefte aan heeft.

83

Page 84: IED Minor: Interactive Environments - Week 3

Minor Interface & Experience Design — Interactive Environments Jasper Schelling

The Right Thing, Here and NowSommige functionaliteit is alleen waardevol om sommige plekken in een proces. Dus, apparaten benadrukken onmiddelijk gebruik, ten opzichte

van het maken van toekomstplannen.

84

Page 85: IED Minor: Interactive Environments - Week 3

Minor Interface & Experience Design — Interactive Environments Jasper Schelling

Assume Dived AttentionToen computers nog niet multitasking waren, konden applicatieontwerpers ervan uitgaan dat hun app alle aandacht van de gebruiker kreeg. In een situatie met meerdere devices, die ook meerdere rollen kunnen aanemen, is het onredelijk om te verwachten dat slechts 1 alle aandacht verdient.

85

Page 86: IED Minor: Interactive Environments - Week 3

Minor Interface & Experience Design — Interactive Environments Jasper Schelling

Recognize the Emotional ContextHet cognitieve vermogen van mensen verandert onder invloed van hun emotionele gemoeds-toestand. Denk bijvoorbeeld aan hoe een

applicatie je kan irriteren als je in een situatie bent als je 'even snel iets op moet zoeken'.

86

Page 87: IED Minor: Interactive Environments - Week 3

Minor Interface & Experience Design — Interactive Environments Jasper Schelling

Single in Function, Open in PurposeAls gereedschap, doen apparaten weinig aannames met betrekking tot het ultieme doel van haar gebruikers. Het is goed om te weten

wat het doel van het gebruik is als je iets ontwerpt, maar het gereedschap moet zichzelf niet kunstmatig beperken in het gebruik.

87

Page 88: IED Minor: Interactive Environments - Week 3

Minor Interface & Experience Design — Interactive Environments Jasper Schelling

Emphasize Task ClosureDoor te benadrukken wanneer je klaar bent een gereedschap zorg je ervoor dat mensen zich kunnen concentreren op de specifieke taak die

ze aan het uitvoeren zijn. Door dit expliciet te communiceren, creeër je een verhaal voor de gebruiker.

88

Page 89: IED Minor: Interactive Environments - Week 3

Minor Interface & Experience Design — Interactive Environments Jasper Schelling

Direct InteractionSharpe identificeerde vier gebieden die invloed uitoefenen op de manier waarop iemand een apparaat ervaart, en dus invloed hebben op het

interactie ontwerp:

89

Page 90: IED Minor: Interactive Environments - Week 3

Minor Interface & Experience Design — Interactive Environments Jasper Schelling

Direct Interaction• Sensory Motor Interactions• Immediacy• Transparency• Mediation vs. Automation

90

Page 91: IED Minor: Interactive Environments - Week 3

Minor Interface & Experience Design — Interactive Environments Jasper Schelling

Sensory Motor InteractionsDigitale gereedschappen zijn ontwikkeld onder invloed van de technologie waarmee ze gemaakt zijn, en houden zodoende relatief

weinig rekening met de manier waarop iemand met het apparaat omgaat.

91

Page 92: IED Minor: Interactive Environments - Week 3

Minor Interface & Experience Design — Interactive Environments Jasper Schelling

Sensory Motor InteractionsVergelijk dit met een gereedschappen die vastgehouden worden, slijten, vallen, etc. De fysieke interactie is totaal verschillend van de

interactievormen zoals we die gewend zijn uit software- en of webdesign.

92

Page 93: IED Minor: Interactive Environments - Week 3

Minor Interface & Experience Design — Interactive Environments Jasper Schelling

Immediacy

93

Directe feedback is een sleutelonderdeel van 'Task Closure', en het is iets waar je mensen nog dagelijks mee ziet worstelen als het op

computers aankomt.

Page 94: IED Minor: Interactive Environments - Week 3

Minor Interface & Experience Design — Interactive Environments Jasper Schelling

Immediacy

94

Doordat je moet wachten op netwerken, onstaat er verwarring of frustratie in de gebruikerservaring. Dit wil echter niet zeggen

dat je niet de illusie van directheid kunt toepassen om deze frustratie weg te nemen.

Page 95: IED Minor: Interactive Environments - Week 3

Minor Interface & Experience Design — Interactive Environments Jasper Schelling

Transparency

95

Vanuit het perspectief van de gebruiker wil transparantie zo veel zeggen als 'hoe duidelijk

het is hoe ik iets moet gebruiken'.

Van een transparant gereedschap is direct duidelijk hoe je het moet gebruiken, van een ondoorzichtig gereedschap niet.

Page 96: IED Minor: Interactive Environments - Week 3
Page 97: IED Minor: Interactive Environments - Week 3
Page 98: IED Minor: Interactive Environments - Week 3

Minor Interface & Experience Design — Interactive Environments Jasper Schelling

Mediation vs Automation

98

Een van Sharpe's belangrijkste adviezen is om automatisering te vermijden, wat wil zeggen, het apparaat moet de mens niet vervangen,

maar de mens juist machtiger maken.

Page 99: IED Minor: Interactive Environments - Week 3

Minor Interface & Experience Design — Interactive Environments Jasper Schelling

Mediation vs Automation

99

Gereedschappen moeten zich erop toeleggen om mensen te ondersteunen in hun intenties, verlangens en behoeftes, in plaats van ze te

anticiperen.

Page 100: IED Minor: Interactive Environments - Week 3

Minor Interface & Experience Design — Interactive Environments Jasper Schelling

Kthxbye!

100