Samenvatting Digital Interfaces
Week 1
Vormgeving van Embodiement
Form-color anatomy
simplity vs complexity
• less is more
• simplicity decites easily recognizable objects
• decoration is only taste of the designer
geometric vs organic
- organic is hard to analyze and control
1. the organic shape = luigi colani (Bio Design)
2. the half organic shape = stefano giovanni
3. the geometric shape = bellini (basisvormen worden het vaakst gecombineerd
met elkaar)
Form integration
Er zijn verschillende manieren om bij het samenvoegen van vormen naar een mono form
1 pure vormentaal te behouden: strong identity
1. form linguistic elements can be exchanged: a square shape can be made more
round à Dit houdt in dat elementen van de ene vorm aangepast kunnen worden
om meer op een andere vorm te lijken. Bijvoorbeeld, een vierkante vorm kan
meer afgeronde hoeken krijgen om het meer cirkelvormig te maken. Dit verzacht
de visuele overgang tussen verschillende vormen en helpt bij het creëren van een
geïntegreerde uitstraling. (vierkant krijgt taalkundig ‘cirkel’ in zijn vorm)
2. continuous plane transition can help integrate one shape into another; By
creating a gradual transition between the two forms, the visual separation
between them is minimized, resulting in a more integrated or unified appearance.
à vormen (outer planes) in elkaar laten overlopen
3. the introduction of a complete new form language over the used basic volumetric
shapes can create strong unity à Over de gebruikte basisvormen kan een
compleet nieuwe vormtaal worden geïntroduceerd om sterke eenheid te creëren.
Dit kan betekenen dat een ontwerp een kenmerkende stijl of thema adopteert die
alle componenten visueel verbindt, ongeacht hun individuele vormen.
, 4. the creation of common planes, curved or straight, or continuous planes as is
done in the calculator, visually unifies diUerent volumes: As an example, think of
the buttons on a calculator. The buttons are individual volumes, but the use of a
continuous plane (the calculator face) that spans across them visually unifies the
separate buttons into a single cohesive unit.
Decomposing shapes (analysing shapes) → abstraction phase: In de abstractiefase
betekent "decomposing shapes" het proces waarbij complexe vormen worden
opgedeeld in hun eenvoudigere, basiscomponenten. Dit helpt ontwerpers to find it’s
basic shapes en te focussen op de fundamentele aspecten van het ontwerp. Dit proces
is cruciaal voor het vereenvoudigen van het ontwerp, het verbeteren van het begrip, en
het faciliteren van verdere creatieve ontwikkeling.
Form language tools
• rhyme à common shapes, form languages are the same: helpt bij het creëren
van een samenhangend beeld dat gemakkelijk door de gebruiker kan worden
geïnterpreteerd.
• rhythm à Rhythm in design kan het tempo of de flow van visuele elementen
binnen een compositie aanduiden. Het helpt bij het creëren van een dynamische
interactie tussen de elementen die de aandacht van de kijker kunnen leiden en
een gevoel van beweging of harmonie kunnen bevorderen.
• texture à Texture gaat over het oppervlaktegevoel dat een ontwerp uitstraalt.
• grids à Grids zijn structurele hulpmiddelen die worden gebruikt om de
elementen binnen een ontwerp te ordenen. Maakt het product intuitief omdat je
patronen kan herkennen.
Form and meaning
Inner core of a consumer product layers: (betekenis van een vorm in productontwerp)
• function: list of requirements à Dit verwijst naar de lijst van eisen die aan een
product worden gesteld. Elk product moet bepaalde functionele vereisten
vervullen die gebaseerd zijn op wat het moet doen of de problemen die het moet
oplossen. Functie bepaalt veel van het basisontwerp van een product omdat het
de noodzakelijke prestaties en kenmerken specificeert die nodig zijn om aan de
behoeften van de gebruiker te voldoen.
• emotion: what we perceive interacts with our imagination. Aesthetic appreciation
solely is on a non-rational level à Dit betekent dat het design van een product
gevoelens kan oproepen of emotionele reacties kan uitlokken zonder dat hier
logisch over is nagedacht. De emotionele impact van een product kan sterk
, variëren afhankelijk van de visuele en tactiele kenmerken, en draagt bij aan de
algehele ervaring van de gebruiker.
• Culture (people in a group influence eachother): any product emerging from, or
for a group represents the group to the world à Producten die ontstaan uit, of
voor, een bepaalde groep vertegenwoordigen deze groep naar de buitenwereld.
Dit aspect van ontwerp erkent dat elk product culturele waarden, gebruiken en
verwachtingen kan weerspiegelen of beïnvloeden. Cultuur beïnvloedt
ontwerpkeuzes op verschillende niveaus, van de materialen die worden gebruikt
tot de symboliek achter bepaalde ontwerpbeslissingen.
Wanneer we zeggen dat een ontwerper "collectivistisch moet zijn voor cultuur",
verwijzen we naar het belang van het begrijpen en integreren van culturele waarden en
normen binnen het ontwerpproces. Een collectivistische benadering in design betekent
dat de ontwerper rekening houdt met de sociale context, groepsidentiteiten, en
gemeenschappelijke waarden van de doelgroep voor wie het product is bestemd. Hier
zijn enkele kernpunten over hoe een designer dit kan benaderen:
the 3D collage: composition made if various objects, which our brain can interpret with
little visible information
• montage: film industry, unified visual à In de filmindustrie verwijst montage naar het
proces van het selecteren, bewerken en samenstellen van apart gefilmde shots tot
een aaneengeschakeld geheel dat een verhaal vertelt of een idee communiceert.
• assemblage: 3D artwork by random objects à Assemblage in de kunst is een
techniek waarbij driedimensionale objecten worden gemaakt door verschillende
materialen of objecten samen te brengen (objecten samen). Deze objecten
kunnen willekeurig zijn, zoals gerecyclede of gevonden voorwerpen. Het
eindresultaat is vaak een expressief kunstwerk dat textuur, vorm en culturele
betekenis samenbrengt om een nieuw verhaal of een nieuwe interpretatie te bieden.
• assembly: joining individual parts/components à Assembly in design en engineering
heeft betrekking op het proces van het samenvoegen van individuele onderdelen of
componenten tot een functioneel geheel (componenten samen). Dit is een
gestructureerd proces dat vaak wordt gebruikt in de productie en mechanische
constructies, waarbij elk deel specifiek is ontworpen om samen te werken binnen
het grotere object.
Ad hoc method: design a simple object → recycle objects/parts to make a new assembly
à De ad hoc methode in ontwerp richt zich op het spontaan en creatief gebruik van
beschikbare materialen of ideeën om nieuwe objecten of oplossingen te creëren. Dit
proces is minder systematisch en vaak meer experimenteel van aard, waarbij
ontwerpers werken met wat direct beschikbaar is, vaak door bestaande objecten te
, hergebruiken of te herbestemmen op innovatieve manieren (je geeft dus een nieuwe
purpose). Deze methode bevordert flexibiliteit en improvisatie in het ontwerpproces en
kan leiden tot unieke, onverwachte oplossingen die niet noodzakelijkerwijs voortkomen
uit een traditioneel, lineair ontwerpproces.
Prototype: original type, form or instance of something serving as a typical example,
basis gebruikt om te testen en te verfijnen à Met de ad hoc methode kan je heel veel
nieuwe prototypes maken, door simpelweg met bestaande elementen te bouwen als
bouwblokken, hierdoor kom je los van informatie die je breincellen vasthouden (memes)
en kom je tot new solutions, discovered by accident (dit is dus een truc wanneer je een
designer’s block hebt)
Serendipity: perongeluk iets uitvinden terwijl je naar iets anders op zoek was
Vormgeving van interactie
College:
Take-aways
1. Bij het ontwerpen voor interactie kunnen toekomstige omwentelingen worden
verkend door deze tekstueel te beschrijven, of ze te verbeelden - zowel abstract
als figuratief. Combinaties van tekst en beeld zijn een derde mogelijkheid.
2. Interacties bestaan uit een wisselwerking tussen ten minste twee elementen, en
hebben een tijdsverloop. Methoden om interactieve richtingsmogelijkheden te
verkennen moeten deze componenten – de interacterende elementen en het
tijdsverloop van hun interactie – kunnen beschrijven en/of verbeelden.
3. Scenario's, state transition diagrams, stroomkaarten, storyboards en flowcharts
zijn voorbeelden van middelen om dit te doen. Anders dan lineaire scenario's en
storyboards, kunnen flowcharts en state transition diagrams met aftakkingen en
terugkoppelingen op een overzichtelijke manier laten zien hoe verschillende
acties verschillende uitkomsten kunnen opleveren.
4. Een belangrijk verschil tussen flowcharts en state transition diagrams is dat state
transition diagrams kunnen worden gebruikt om overgangscondities te
beschrijven waaraan op verschillende manieren kan worden voldaan, zonder de
manieren precies te benoemen.
De waarde van storyboards in het productontwerpproces
Designing for somebody else’s experience: Therefore, it is imperative that the designer
empathizes with the user and develops a feeling for, insights in, and knowledge about
the desired context, before taking on the actual design. In this paper we argue that story-
boards provide a common visual ‘language’: everyone can read it
Week 1
Vormgeving van Embodiement
Form-color anatomy
simplity vs complexity
• less is more
• simplicity decites easily recognizable objects
• decoration is only taste of the designer
geometric vs organic
- organic is hard to analyze and control
1. the organic shape = luigi colani (Bio Design)
2. the half organic shape = stefano giovanni
3. the geometric shape = bellini (basisvormen worden het vaakst gecombineerd
met elkaar)
Form integration
Er zijn verschillende manieren om bij het samenvoegen van vormen naar een mono form
1 pure vormentaal te behouden: strong identity
1. form linguistic elements can be exchanged: a square shape can be made more
round à Dit houdt in dat elementen van de ene vorm aangepast kunnen worden
om meer op een andere vorm te lijken. Bijvoorbeeld, een vierkante vorm kan
meer afgeronde hoeken krijgen om het meer cirkelvormig te maken. Dit verzacht
de visuele overgang tussen verschillende vormen en helpt bij het creëren van een
geïntegreerde uitstraling. (vierkant krijgt taalkundig ‘cirkel’ in zijn vorm)
2. continuous plane transition can help integrate one shape into another; By
creating a gradual transition between the two forms, the visual separation
between them is minimized, resulting in a more integrated or unified appearance.
à vormen (outer planes) in elkaar laten overlopen
3. the introduction of a complete new form language over the used basic volumetric
shapes can create strong unity à Over de gebruikte basisvormen kan een
compleet nieuwe vormtaal worden geïntroduceerd om sterke eenheid te creëren.
Dit kan betekenen dat een ontwerp een kenmerkende stijl of thema adopteert die
alle componenten visueel verbindt, ongeacht hun individuele vormen.
, 4. the creation of common planes, curved or straight, or continuous planes as is
done in the calculator, visually unifies diUerent volumes: As an example, think of
the buttons on a calculator. The buttons are individual volumes, but the use of a
continuous plane (the calculator face) that spans across them visually unifies the
separate buttons into a single cohesive unit.
Decomposing shapes (analysing shapes) → abstraction phase: In de abstractiefase
betekent "decomposing shapes" het proces waarbij complexe vormen worden
opgedeeld in hun eenvoudigere, basiscomponenten. Dit helpt ontwerpers to find it’s
basic shapes en te focussen op de fundamentele aspecten van het ontwerp. Dit proces
is cruciaal voor het vereenvoudigen van het ontwerp, het verbeteren van het begrip, en
het faciliteren van verdere creatieve ontwikkeling.
Form language tools
• rhyme à common shapes, form languages are the same: helpt bij het creëren
van een samenhangend beeld dat gemakkelijk door de gebruiker kan worden
geïnterpreteerd.
• rhythm à Rhythm in design kan het tempo of de flow van visuele elementen
binnen een compositie aanduiden. Het helpt bij het creëren van een dynamische
interactie tussen de elementen die de aandacht van de kijker kunnen leiden en
een gevoel van beweging of harmonie kunnen bevorderen.
• texture à Texture gaat over het oppervlaktegevoel dat een ontwerp uitstraalt.
• grids à Grids zijn structurele hulpmiddelen die worden gebruikt om de
elementen binnen een ontwerp te ordenen. Maakt het product intuitief omdat je
patronen kan herkennen.
Form and meaning
Inner core of a consumer product layers: (betekenis van een vorm in productontwerp)
• function: list of requirements à Dit verwijst naar de lijst van eisen die aan een
product worden gesteld. Elk product moet bepaalde functionele vereisten
vervullen die gebaseerd zijn op wat het moet doen of de problemen die het moet
oplossen. Functie bepaalt veel van het basisontwerp van een product omdat het
de noodzakelijke prestaties en kenmerken specificeert die nodig zijn om aan de
behoeften van de gebruiker te voldoen.
• emotion: what we perceive interacts with our imagination. Aesthetic appreciation
solely is on a non-rational level à Dit betekent dat het design van een product
gevoelens kan oproepen of emotionele reacties kan uitlokken zonder dat hier
logisch over is nagedacht. De emotionele impact van een product kan sterk
, variëren afhankelijk van de visuele en tactiele kenmerken, en draagt bij aan de
algehele ervaring van de gebruiker.
• Culture (people in a group influence eachother): any product emerging from, or
for a group represents the group to the world à Producten die ontstaan uit, of
voor, een bepaalde groep vertegenwoordigen deze groep naar de buitenwereld.
Dit aspect van ontwerp erkent dat elk product culturele waarden, gebruiken en
verwachtingen kan weerspiegelen of beïnvloeden. Cultuur beïnvloedt
ontwerpkeuzes op verschillende niveaus, van de materialen die worden gebruikt
tot de symboliek achter bepaalde ontwerpbeslissingen.
Wanneer we zeggen dat een ontwerper "collectivistisch moet zijn voor cultuur",
verwijzen we naar het belang van het begrijpen en integreren van culturele waarden en
normen binnen het ontwerpproces. Een collectivistische benadering in design betekent
dat de ontwerper rekening houdt met de sociale context, groepsidentiteiten, en
gemeenschappelijke waarden van de doelgroep voor wie het product is bestemd. Hier
zijn enkele kernpunten over hoe een designer dit kan benaderen:
the 3D collage: composition made if various objects, which our brain can interpret with
little visible information
• montage: film industry, unified visual à In de filmindustrie verwijst montage naar het
proces van het selecteren, bewerken en samenstellen van apart gefilmde shots tot
een aaneengeschakeld geheel dat een verhaal vertelt of een idee communiceert.
• assemblage: 3D artwork by random objects à Assemblage in de kunst is een
techniek waarbij driedimensionale objecten worden gemaakt door verschillende
materialen of objecten samen te brengen (objecten samen). Deze objecten
kunnen willekeurig zijn, zoals gerecyclede of gevonden voorwerpen. Het
eindresultaat is vaak een expressief kunstwerk dat textuur, vorm en culturele
betekenis samenbrengt om een nieuw verhaal of een nieuwe interpretatie te bieden.
• assembly: joining individual parts/components à Assembly in design en engineering
heeft betrekking op het proces van het samenvoegen van individuele onderdelen of
componenten tot een functioneel geheel (componenten samen). Dit is een
gestructureerd proces dat vaak wordt gebruikt in de productie en mechanische
constructies, waarbij elk deel specifiek is ontworpen om samen te werken binnen
het grotere object.
Ad hoc method: design a simple object → recycle objects/parts to make a new assembly
à De ad hoc methode in ontwerp richt zich op het spontaan en creatief gebruik van
beschikbare materialen of ideeën om nieuwe objecten of oplossingen te creëren. Dit
proces is minder systematisch en vaak meer experimenteel van aard, waarbij
ontwerpers werken met wat direct beschikbaar is, vaak door bestaande objecten te
, hergebruiken of te herbestemmen op innovatieve manieren (je geeft dus een nieuwe
purpose). Deze methode bevordert flexibiliteit en improvisatie in het ontwerpproces en
kan leiden tot unieke, onverwachte oplossingen die niet noodzakelijkerwijs voortkomen
uit een traditioneel, lineair ontwerpproces.
Prototype: original type, form or instance of something serving as a typical example,
basis gebruikt om te testen en te verfijnen à Met de ad hoc methode kan je heel veel
nieuwe prototypes maken, door simpelweg met bestaande elementen te bouwen als
bouwblokken, hierdoor kom je los van informatie die je breincellen vasthouden (memes)
en kom je tot new solutions, discovered by accident (dit is dus een truc wanneer je een
designer’s block hebt)
Serendipity: perongeluk iets uitvinden terwijl je naar iets anders op zoek was
Vormgeving van interactie
College:
Take-aways
1. Bij het ontwerpen voor interactie kunnen toekomstige omwentelingen worden
verkend door deze tekstueel te beschrijven, of ze te verbeelden - zowel abstract
als figuratief. Combinaties van tekst en beeld zijn een derde mogelijkheid.
2. Interacties bestaan uit een wisselwerking tussen ten minste twee elementen, en
hebben een tijdsverloop. Methoden om interactieve richtingsmogelijkheden te
verkennen moeten deze componenten – de interacterende elementen en het
tijdsverloop van hun interactie – kunnen beschrijven en/of verbeelden.
3. Scenario's, state transition diagrams, stroomkaarten, storyboards en flowcharts
zijn voorbeelden van middelen om dit te doen. Anders dan lineaire scenario's en
storyboards, kunnen flowcharts en state transition diagrams met aftakkingen en
terugkoppelingen op een overzichtelijke manier laten zien hoe verschillende
acties verschillende uitkomsten kunnen opleveren.
4. Een belangrijk verschil tussen flowcharts en state transition diagrams is dat state
transition diagrams kunnen worden gebruikt om overgangscondities te
beschrijven waaraan op verschillende manieren kan worden voldaan, zonder de
manieren precies te benoemen.
De waarde van storyboards in het productontwerpproces
Designing for somebody else’s experience: Therefore, it is imperative that the designer
empathizes with the user and develops a feeling for, insights in, and knowledge about
the desired context, before taking on the actual design. In this paper we argue that story-
boards provide a common visual ‘language’: everyone can read it
