DIGITAL INTERFACES
MENS-PRODUCT INTERACTIE
CONNECTED INTERACTION KIT
Interaction design gaat meestal over het ontwerpen van apps of websites. Voor interactie moet je concepten
bedenken die nooit statisch zijn, maar interactief. Een apparaat dat reageert op de acties van mensen en hierop
verschillende reacties uitvoert.
→ helpen op testen van scenario’s door middel van prototypes
- Als design student moet je heel veel weten, maar je hoeft niet overal expert in te zijn.
Communicatie: Discourse IDE_BSc2021 - Education is about attention. This community helps you to look
together and have a discourse about differences. (tudelft.nl)
Github tutorials en componenten: Components - Connected Interaction Kit (id-studiolab.github.io)
Github wekelijkse opdrachten: Home - Digital Interfaces (id-studiolab.github.io)
,WEEK 1: INTRODUCTIE
SPEELVELD DIGITAL INTERFACES
Een mens heeft interactie met ‘de wereld’
→ Human Factors, Human Experience en Context
In dit vak: interactie met een apparaat dat een computer bevat
Interactie is nooit statisch (dus bewegend) en verandert over tijd
• Het vak is een introductie van mens-machine interactie. Deze introductie verloopt via korte theorie
colleges die we van te voren hebben opgenomen en middels 6 workshops waarbij je zelf kunt
uitvinden wat de theorie inhoudt en daarop reflecteert met je collega studenten en coaches.
DEFINITIE DIGITAL INTERFACES
- Interactie ontvouwt zich over tijd in een dynamisch samenspel tussen acties van een gebruiker en reacties van
het product
Een interface verbind gebruiker met een functie van het product (vaak fysiek)
Een interface laat als het ware het digitale product communiceren met de gebruiker. Het digitale product kan
zelf namelijk niet praten en de gebruiker vertellen wat het doet/meet/gebeurt en dat wordt dus gedaan door
middel van bijvoorbeeld een app.
DIGITAL INTERFACES
Hoe kan je die ontwerpen?
• Interaction design komt neer op het vormgeven van de interface
• Er zijn twee vorm aspecten in het spel:
- De controls – voor acties van de gebruiker
- De feedback – voor reacties van het product
• De factor tijd speelt een belangrijke rol
• Het maken van prototypes is een goede ontwerp strategie
Door een prototype maken kan je je product verder ontwikkelen en veel producten zijn digitaal waarin een
interface een belangrijke rol speelt.
- De embodiment (omhulsel van het digitale product) wordt dus ook als interface gebruikt, waarvan de
uitstraling dus communiceert met de gebruiker en dat de gebruiker aan de hand van het uiterlijk weet waartoe
het product dient en hoe je het moet gebruiken.
VERSCHILLENDE ROLLEN VAN DE ONTWERPER
- Ontwerper
- Gebruiker
- Student
- Als ontwerper ben je constant aan het schakelen tussen deze rollen
- Prototypen en testen om te ontdekken of je op de goede weg bent
LEERDOELEN VAN HET VAK
Ervaring (Human Experience)
- Human Factors en Experience
- Dynamische expressie van een interface
Vormgeving
- Prototype van een interface
,- Dynamisch gedrag van de interface
Technologie
- De hardware (computer/sensor/actuator)
- Programmeren van dynamisch gedrag
VERWACHTING MANAGEMENT
- Je hoeft niet in alles een expert te worden
- Met zelfvertrouwen overleggen met experts
- Niet de nadruk op kwaliteit maar op exploratie en Productive failing
PLANNING
MAANDAGMIDDAG
Plenair online inspiratie moment
DONDERDAG
Workshop met prototype en de kit; prototype-test formulier inleveren
Dialoog met coach en mede studiegenoten
DOOR DE WEEK HEEN
Theorie videos zelfstandig kijken gedurende de week
Voorbereiden: workshop; prototype maken en oefenen met de kit
Toetje van het eerste jaar van de bachelor
- Niet te dik
- Maar met een verfrissende inhoud
• As seen in the introduction lecture, a switch can have many shapes, forms and interactive properties. In
its most basic form, a switch is a device that changes directly from one state to the other. It is either
True or False .
→ True/False → Boolean
Although the functionality of your switch might be obvious to you (its designer), it might not be as obvious for
others. This is why testing with users is a crucial step in the design process.
Fill out the interaction journey and the outcome you expect.
Interaction journey → de stappen die jij verwacht dat de gebruiker zal uitvoeren om het product te laten
functioneren.
, ZOOMMEETING
25-04-2022
DIGITAL INTERFACES – WEKELIJKSE REFLECTIE
- Veel uitproberen en leren van je fouten
- Powerbank meenemen. Hiermee kan je je Itsy Bitsy van je laptop halen en opladen. Code draait ook als je hem
niet aan je laptop hebt verbonden. Itsy Bitsy heeft stroom nodig, vandaar laptop of powerbank.
- Leg de Itsy Bitsy nooit op een metalen tafel! Daarom in een kartonnen bak. Laptop is van metaal, dus nooit
erop leggen want anders kan je kortsluiting krijgen en dan kan hij kapot gaan.
PROTOTYPE-TEST
1. Interaction journey
2. 1e indruk
3. Interactie
4. Interview
5. Conclusies
6. Maak filmpje
1 → welke stappen de
gebruiker zou moeten
doorlopen om het
product te laten
werken. Jouw
verwachtingen met je
ontwerp en als er
tijdens de observatie
iets anders gebeurt is
dat heel interessant om
te ontdekken.
MENS-PRODUCT INTERACTIE
CONNECTED INTERACTION KIT
Interaction design gaat meestal over het ontwerpen van apps of websites. Voor interactie moet je concepten
bedenken die nooit statisch zijn, maar interactief. Een apparaat dat reageert op de acties van mensen en hierop
verschillende reacties uitvoert.
→ helpen op testen van scenario’s door middel van prototypes
- Als design student moet je heel veel weten, maar je hoeft niet overal expert in te zijn.
Communicatie: Discourse IDE_BSc2021 - Education is about attention. This community helps you to look
together and have a discourse about differences. (tudelft.nl)
Github tutorials en componenten: Components - Connected Interaction Kit (id-studiolab.github.io)
Github wekelijkse opdrachten: Home - Digital Interfaces (id-studiolab.github.io)
,WEEK 1: INTRODUCTIE
SPEELVELD DIGITAL INTERFACES
Een mens heeft interactie met ‘de wereld’
→ Human Factors, Human Experience en Context
In dit vak: interactie met een apparaat dat een computer bevat
Interactie is nooit statisch (dus bewegend) en verandert over tijd
• Het vak is een introductie van mens-machine interactie. Deze introductie verloopt via korte theorie
colleges die we van te voren hebben opgenomen en middels 6 workshops waarbij je zelf kunt
uitvinden wat de theorie inhoudt en daarop reflecteert met je collega studenten en coaches.
DEFINITIE DIGITAL INTERFACES
- Interactie ontvouwt zich over tijd in een dynamisch samenspel tussen acties van een gebruiker en reacties van
het product
Een interface verbind gebruiker met een functie van het product (vaak fysiek)
Een interface laat als het ware het digitale product communiceren met de gebruiker. Het digitale product kan
zelf namelijk niet praten en de gebruiker vertellen wat het doet/meet/gebeurt en dat wordt dus gedaan door
middel van bijvoorbeeld een app.
DIGITAL INTERFACES
Hoe kan je die ontwerpen?
• Interaction design komt neer op het vormgeven van de interface
• Er zijn twee vorm aspecten in het spel:
- De controls – voor acties van de gebruiker
- De feedback – voor reacties van het product
• De factor tijd speelt een belangrijke rol
• Het maken van prototypes is een goede ontwerp strategie
Door een prototype maken kan je je product verder ontwikkelen en veel producten zijn digitaal waarin een
interface een belangrijke rol speelt.
- De embodiment (omhulsel van het digitale product) wordt dus ook als interface gebruikt, waarvan de
uitstraling dus communiceert met de gebruiker en dat de gebruiker aan de hand van het uiterlijk weet waartoe
het product dient en hoe je het moet gebruiken.
VERSCHILLENDE ROLLEN VAN DE ONTWERPER
- Ontwerper
- Gebruiker
- Student
- Als ontwerper ben je constant aan het schakelen tussen deze rollen
- Prototypen en testen om te ontdekken of je op de goede weg bent
LEERDOELEN VAN HET VAK
Ervaring (Human Experience)
- Human Factors en Experience
- Dynamische expressie van een interface
Vormgeving
- Prototype van een interface
,- Dynamisch gedrag van de interface
Technologie
- De hardware (computer/sensor/actuator)
- Programmeren van dynamisch gedrag
VERWACHTING MANAGEMENT
- Je hoeft niet in alles een expert te worden
- Met zelfvertrouwen overleggen met experts
- Niet de nadruk op kwaliteit maar op exploratie en Productive failing
PLANNING
MAANDAGMIDDAG
Plenair online inspiratie moment
DONDERDAG
Workshop met prototype en de kit; prototype-test formulier inleveren
Dialoog met coach en mede studiegenoten
DOOR DE WEEK HEEN
Theorie videos zelfstandig kijken gedurende de week
Voorbereiden: workshop; prototype maken en oefenen met de kit
Toetje van het eerste jaar van de bachelor
- Niet te dik
- Maar met een verfrissende inhoud
• As seen in the introduction lecture, a switch can have many shapes, forms and interactive properties. In
its most basic form, a switch is a device that changes directly from one state to the other. It is either
True or False .
→ True/False → Boolean
Although the functionality of your switch might be obvious to you (its designer), it might not be as obvious for
others. This is why testing with users is a crucial step in the design process.
Fill out the interaction journey and the outcome you expect.
Interaction journey → de stappen die jij verwacht dat de gebruiker zal uitvoeren om het product te laten
functioneren.
, ZOOMMEETING
25-04-2022
DIGITAL INTERFACES – WEKELIJKSE REFLECTIE
- Veel uitproberen en leren van je fouten
- Powerbank meenemen. Hiermee kan je je Itsy Bitsy van je laptop halen en opladen. Code draait ook als je hem
niet aan je laptop hebt verbonden. Itsy Bitsy heeft stroom nodig, vandaar laptop of powerbank.
- Leg de Itsy Bitsy nooit op een metalen tafel! Daarom in een kartonnen bak. Laptop is van metaal, dus nooit
erop leggen want anders kan je kortsluiting krijgen en dan kan hij kapot gaan.
PROTOTYPE-TEST
1. Interaction journey
2. 1e indruk
3. Interactie
4. Interview
5. Conclusies
6. Maak filmpje
1 → welke stappen de
gebruiker zou moeten
doorlopen om het
product te laten
werken. Jouw
verwachtingen met je
ontwerp en als er
tijdens de observatie
iets anders gebeurt is
dat heel interessant om
te ontdekken.
