Digital Interfaces
IOB2-5 (2023)
Samenvatting Colleges & Materiaal
,Inhoud
Vormgeving ................................................................................................................................ 3
Vormgeven met eenvoudige materialen ............................................................................... 3
Form color anatomy ............................................................................................................... 3
Interface cultures ....................................................................................................................... 4
Interface cultures ................................................................................................................... 4
History of interaction ............................................................................................................. 5
Introduction into microcontrollers ............................................................................................ 5
Cognitive ergonomics ................................................................................................................. 6
Cognitive ergonomics ............................................................................................................. 6
The design of everyday things................................................................................................ 6
Time in Digital Interface ............................................................................................................. 7
Time In Digital Interface ......................................................................................................... 7
Time in Circuit Python ............................................................................................................ 7
Designing interfaces ................................................................................................................... 8
Designing Interfaces ............................................................................................................... 8
Interface and interaction design ............................................................................................ 8
Interactieve producten............................................................................................................... 9
Interactieve producten........................................................................................................... 9
Aesthetic interaction .............................................................................................................. 9
Orchestrating dynamic interaction with technology ............................................................... 10
The art of interactive design ................................................................................................ 10
Human computer relations ...................................................................................................... 11
More-than-human Design in HCI (Human Computer Interaction) ...................................... 11
Technology and more-than-human design .......................................................................... 11
Graphic design .......................................................................................................................... 12
Programmeren van human computer interaction ................................................................... 13
State machine diagrams (tekenen en controleren) ............................................................. 13
State machine diagrams (programmeren) ........................................................................... 13
2
, Vormgeving
Vormgeven met eenvoudige materialen
Niet alleen objecten met een technische functie, maar ook met vormgevingsuitstraling.
Dynamisch: hoe het object signalen afgeeft en hoe het reageert op de gebruiker.
Statisch: de vorm, structuur, materiaal, kleur etc.
Form color anatomy
Product shapes: usually compositions of more than one basic shape.
Less is more. Consistency is important. Contrasting between geometric and organic shapes.
Design motives: functional (translating mathematical/ logic/ economic principles into form),
emotive (how we perceive things), cultural (influence each other with behavior).
Ad hoc: using existing products to make new things.
3
IOB2-5 (2023)
Samenvatting Colleges & Materiaal
,Inhoud
Vormgeving ................................................................................................................................ 3
Vormgeven met eenvoudige materialen ............................................................................... 3
Form color anatomy ............................................................................................................... 3
Interface cultures ....................................................................................................................... 4
Interface cultures ................................................................................................................... 4
History of interaction ............................................................................................................. 5
Introduction into microcontrollers ............................................................................................ 5
Cognitive ergonomics ................................................................................................................. 6
Cognitive ergonomics ............................................................................................................. 6
The design of everyday things................................................................................................ 6
Time in Digital Interface ............................................................................................................. 7
Time In Digital Interface ......................................................................................................... 7
Time in Circuit Python ............................................................................................................ 7
Designing interfaces ................................................................................................................... 8
Designing Interfaces ............................................................................................................... 8
Interface and interaction design ............................................................................................ 8
Interactieve producten............................................................................................................... 9
Interactieve producten........................................................................................................... 9
Aesthetic interaction .............................................................................................................. 9
Orchestrating dynamic interaction with technology ............................................................... 10
The art of interactive design ................................................................................................ 10
Human computer relations ...................................................................................................... 11
More-than-human Design in HCI (Human Computer Interaction) ...................................... 11
Technology and more-than-human design .......................................................................... 11
Graphic design .......................................................................................................................... 12
Programmeren van human computer interaction ................................................................... 13
State machine diagrams (tekenen en controleren) ............................................................. 13
State machine diagrams (programmeren) ........................................................................... 13
2
, Vormgeving
Vormgeven met eenvoudige materialen
Niet alleen objecten met een technische functie, maar ook met vormgevingsuitstraling.
Dynamisch: hoe het object signalen afgeeft en hoe het reageert op de gebruiker.
Statisch: de vorm, structuur, materiaal, kleur etc.
Form color anatomy
Product shapes: usually compositions of more than one basic shape.
Less is more. Consistency is important. Contrasting between geometric and organic shapes.
Design motives: functional (translating mathematical/ logic/ economic principles into form),
emotive (how we perceive things), cultural (influence each other with behavior).
Ad hoc: using existing products to make new things.
3
