Il corso in Digital Applications and Technologies, parte del biennio specialistico in Transdisciplinary Design, ha esplorato l’impatto dell’intelligenza artificiale sul design e sulla professione del designer. Ha focalizzato sull’integrazione dell’IA per creare esperienze aumentate basate sull’empatia e sull’inclusione, contrastando la complessità delle reti neurali. Durante l’intervento, è stato presentato il framework sviluppato e sono stati mostrati esempi pratici tratti dai progetti degli studenti, evidenziando l’approccio interdisciplinare del corso e il suo focus sulla mobilità urbana.

1. human
YOU
Damiano Gui
Agent Anatomy Canvas
Un framework interdisciplinare per la comprensione e il
design di agenti intelligenti: l’esperienza in IED Torino.
Docente, Design della Comunicazione e Transdisciplinary Design

2. Damiano Gui
IED Torino
// User Experience e Interaction Design
// Design Methods for Visual Communication
// Digital Applications and Technologies
Naba Milano
// Sistemi Editoriali per l’Arte
Havas CX Italy
// Head of Experience Design
@damianogui @guidami
Designer
human
YOU

3. Damiano Gui
IED Istituto Europeo di Design
human
YOU
3
“Any suf
fi
ciently advanced technology is
indistinguishable from magic.”
Arthur C. Clarke

4. Damiano Gui
IED Istituto Europeo di Design
human
YOU
4
The most common AI icons: ✨
Miro Notion FigJam
Adobe FireFly
Adobe Photoshop
Canva
Microsoft Paint

5. Damiano Gui
IED Istituto Europeo di Design
human
YOU
5

6. Damiano Gui
IED Istituto Europeo di Design
human
YOU
6
You can keep thinking it’s magic,
Or try to understand what’s behind it.

7. Damiano Gui
IED Istituto Europeo di Design
human
YOU
7
What is a program
01
Yes, we start from the basis

8. Damiano Gui
IED Istituto Europeo di Design
human
YOU
8

9. Damiano Gui
IED Istituto Europeo di Design
human
YOU
9
Let’s start
Can you draw a face?
rectMode(CENTER);
size(width,height);
ellipse(originX,originY,width,height);
rect(originX,originY,width,height);
line(originX,originY,endX,endY);
fill(R,G,B);
stroke(R,G,B);
strokeWeight(weight);

10. Damiano Gui
IED Istituto Europeo di Design
human
YOU
10
Let’s make it variable
Define your own variables:
Declare: let myVar; // before setup
Initialise: myVar = 1; // in setup
Use: rect(myVar,150,50,50); // in draw
Update: myVar+=1; // in draw

11. Damiano Gui
IED Istituto Europeo di Design
human
YOU
11
Let’s make it parametric
Random and map
random(min, max);
map(value, start1, stop1, start2, stop2);

12. Damiano Gui
IED Istituto Europeo di Design
human
YOU
12
Let’s make it conditional
If statements
if(this === that){
make this thing happen;
} else {
make this other thing happen;
}

13. Damiano Gui
IED Istituto Europeo di Design
human
YOU
13
Object-oriented
programming
Example
class bugClass {
constructor() {
this.x = random(width);
this.y = random(height);
this.diameter = random(10, 30);
this.speed = 4;
}
move() {
this.x += random(-this.speed, this.speed);
this.y += random(-this.speed, this.speed);
}
display() {
fill(0, 0, 255);
ellipse(this.x, this.y, this.diameter, this.diameter);
}
}

14. Damiano Gui
IED Istituto Europeo di Design
human
YOU
What is AI
02
14
Enter the Matrix

15. Damiano Gui
IED Istituto Europeo di Design
human
YOU
15
Some Definitions
The theory and development of computer
systems able to perform tasks normally
requiring human intelligence
Artificial intelligence
Artificial intelligence
Machine Learning
The use and development of computer
systems that are able to learn and adapt
without following explicit instructions,
by using algorithms and statistical
models to analyse and
draw inferences from patterns in data.
Machine learning
Neural Network
A computer system modelled on the human
brain and nervous system.
Neural Network

16. Damiano Gui
IED Istituto Europeo di Design
human
YOU
16

17. Damiano Gui
IED Istituto Europeo di Design
human
YOU
17
Neural networks
NEURON
X1
X2
Y
Input
Input
Output
The “Perceptron”

18. Damiano Gui
IED Istituto Europeo di Design
human
YOU
18
Neural networks
NEURON
X1
X2
Y
Input
Input
Output
The “Perceptron”
W1
W2 [X1 * W1 + X2 * W2]

19. Damiano Gui
IED Istituto Europeo di Design
human
YOU
19

20. Damiano Gui
IED Istituto Europeo di Design
human
YOU
20
Multilayered Neural networks
Forward pass
NEURON
1
NEURON
2

21. Damiano Gui
IED Istituto Europeo di Design
human
YOU
21
Multilayered Neural networks
Forward pass
NEURON
1
NEURON
2

22. Damiano Gui
IED Istituto Europeo di Design
human
YOU
22
Multilayered Neural networks
Forward pass
Y
NEURON
1
NEURON
2
NEURON
3

23. Damiano Gui
IED Istituto Europeo di Design
human
YOU
23
Multilayered Neural networks
Backpropagation
Y
NEURON
1
NEURON
2
NEURON
3

24. Damiano Gui
IED Istituto Europeo di Design
human
YOU
24
The Transformer
Attention is all you need
“The cat sat on the mat”
# An input is given

25. Damiano Gui
IED Istituto Europeo di Design
human
YOU
25
The Transformer
Attention is all you need
“The cat sat on the mat”
‼ ‼ ‼
# An input is given
# The model gives more
“attention” to some words.

26. Damiano Gui
IED Istituto Europeo di Design
human
YOU
26
The Transformer
Attention is all you need
“The cat sat on the mat”
‼ ‼ ‼
# An input is given
# The model gives more
“attention” to some words.
# The model gives weight to the
relationships between words.

27. Damiano Gui
IED Istituto Europeo di Design
human
YOU
27
The Transformer
Attention is all you need
“The cat sat on the mat”
# An input is given
# The model gives more
“attention” to some words.
# The model gives weight to the
relationships between words.
# The model processes this data
through all the layers it has
already learned
…cats are related to mats…
…cats can sit…
…cats are animals…
…animals sit on mats…
…cats often clean themselves…

28. Damiano Gui
IED Istituto Europeo di Design
human
YOU
28
The Transformer
Attention is all you need
“The cat sat on the mat”
# An input is given
# The model gives more
“attention” to some words.
# The model gives weight to the
relationships between words.
# The model processes this data
through all the layers it has
already learned
# The model produces an output
based on the most likely
relationship between the input
other concepts it has learned.
“It started to clean itself”

29. Damiano Gui
IED Istituto Europeo di Design
human
YOU
29
The Transformer
Great scrollytelling by the Financial Times:
https://ig.ft.com/generative-ai/
And by The Guardian:
https://www.theguardian.com/technology/ng-
interactive/2023/nov/01/how-ai-chatbots-
like-chatgpt-or-bard-work-visual-explainer

30. Damiano Gui
IED Istituto Europeo di Design
human
YOU
Experiment
03
30
I hear and I forget. I see and I remember. I do and I understand.
~ Confucius

31. Damiano Gui
IED Istituto Europeo di Design
human
YOU
31
AI Today: just too much to keep track of…

32. Damiano Gui
IED Istituto Europeo di Design
human
YOU
32
Gods of mobility

33. Damiano Gui
IED Istituto Europeo di Design
human
YOU
33
Tsukumogami: objects that have come to life

34. Damiano Gui
IED Istituto Europeo di Design
human
YOU
34
Keichii Matsuda

35. Damiano Gui
IED Istituto Europeo di Design
human
YOU
Agent
anatomy
canvas
35
Proposed framework:

36. Damiano Gui
IED Istituto Europeo di Design
human
YOU
Shape
36
# what kind of virtual or physical shape does the agent take?
Is it abstract or realistic? Biomorphic or inanimate?
Human-like Pet Voice-only
https://
bladerunner.fandom.com/
wiki/Joi
https://joyforall.com/ https://www.imdb.com/
title/tt1798709/
https://en.wikipedia.org/wiki/
D%C3%A6mon_(His_Dark_Materials)
Daemon

37. Damiano Gui
IED Istituto Europeo di Design
human
YOU
Personality
37
# how does the agent behave and speak? Which
personality archetype(s) is it based upon?

38. Damiano Gui
IED Istituto Europeo di Design
human
YOU
Input
38
# does the agent speak and understand language? how does the agent process
and interpret data from other sources (e.g., traffic cameras, sensors,
social media feeds) to understand the urban environment?
Text G.U.I.
Speech I.o.T.

39. Damiano Gui
IED Istituto Europeo di Design
human
YOU
Learning
39
# how does the agent learns and adapts over time? How does the agent update
its knowledge base from new data?
Short context All-knowing Personal Collective

40. Damiano Gui
IED Istituto Europeo di Design
human
YOU
Integration
40
# how does the agent integrate with existing urban mobility systems and infrastructure,
and the society in which it exists?
Maps / Wayfinding Transp. routes / hours Shared mobility

41. Damiano Gui
IED Istituto Europeo di Design
human
YOU
Decision-Making
41
# what are the logic and algorithms that enable the agent to make decisions? What is the
logic flow of a conversation? What is the final goal of the agent?

42. Damiano Gui
IED Istituto Europeo di Design
human
YOU
Modality
42
# Where does the agent live? In a XR o VR environment, in a physical object, in a
personal device?
In-car Dedicated device Smartphone XR

43. Damiano Gui
IED Istituto Europeo di Design
human
YOU
Ethical compass
43
# What are the guidelines for the ethical use of data, considering privacy, bias,
fairness, and the potential for misuse?
Accessibility Safety Inclusion
Transparency Self-determination
https://tangible.is/en/ethical-compass

44. Damiano Gui
IED Istituto Europeo di Design
human
YOU
44

45. Damiano Gui
IED Istituto Europeo di Design
human
YOU
Students’ Projects
04
45
A work in progress

46. Damiano Gui
IED Istituto Europeo di Design
human
YOU
46
A gentle
agent that
holds your
place
Maria Catalina Lozoya Castro Leal

47. Damiano Gui
IED Istituto Europeo di Design
human
YOU
47
A virtual pet
to visualise
your carbon
footprint
Santi Jonathan Di Paola

48. Damiano Gui
IED Istituto Europeo di Design
human
YOU
48
A guardian
spirit for your
outdoor
adventures
Camilo Quiñones Vera

49. Damiano Gui
IED Istituto Europeo di Design
human
YOU
49
A road conflict
resolution
partner
Arvid Suse F. De Groote

50. Damiano Gui
IED Istituto Europeo di Design
human
YOU
50
An
autonomous
vehicle’s spirit
Ivan Vietti

51. Damiano Gui
IED Istituto Europeo di Design
human
YOU
51
A product that
tells its own
origins and
travels
Sakumi Yamaguchi

52. Damiano Gui
IED Istituto Europeo di Design
human
YOU
52
A poetic guide
to urban arts
and cultures
Shruti Umesh Chakke

53. Damiano Gui
IED Istituto Europeo di Design
human
YOU
53
An architect
of immersive
experiences
for motion
sickness
Daniela Paula Santillan Nunez

54. GRAZIE
human
YOU