Presentazione sull'approccio HCD alla creazione di una presentazione, prendendo in considerazione il proprio pubblico, il contesto e il problema. Guida agli elementi visivi e visibili da tenere in considerazione e proposta di un workflow per la creazione di una presentazione. CREDITS - INSPIRATION AND SOURCES: Steve Jobs di Walter Isaacson Elementi di comunicazione visiva di Alberto Trussardi How to pitch, talk di Daniele Radici a Startup Weekend - www.danieleradici.com Ted Talk: Christopher Emdin: Teach teachers how to create magic - ICONS: “Ninja“ Created by Romualdas Jurgaitis, slide 1 “Challange” icons created by Andrew Forrester, slide 3 “Slide“ Created by Icon Fair, slide 17 “Projector“ Created by Dan Hetteix, slide 27 “Oldman“ created by Oliviu Stoian, slide 32 “Workflow“ Created by Pablo Rozenberg, slide 39 “Brain“ inspired from a artworks of: Sébastien Navizet https://dribbble.com/shots/1795172-Devarium-Brain-construction-grid Alicia from Dribble https://dribbble.com/shots/2946551-Left-Brain-vs-Right-Brain - PHOTO: Slide 8 “PWES“ from gaspdesign - https://www.instagram.com/p/8V-9dWlcmU/?tagged=pwes6

1. Road to Ninja presentation
Alessandro Maculotti

2. Alessandro Maculotti
breading.it
@maculotti_a
a.maculotti@superpartes.biz

3. Chellenge

4. Individuate i 4 errori

5. Alessandro Maculotti 5
Dopo 18 minuti
l’attenzione inizia a calare

6. problema utenti e
contesto
contenuto
ApproccioHCDpercapire:

10. Alessandro Maculotti 10
Quali sono gli elementi
da tenere in considerazione?

11. Alessandro Maculotti 11
- Tipologia della presentazione
- Audience
- Contesto
PROGETTARE SEMPRE LE PRESENTAZIONI IN BASE

12. 12Alessandro Maculotti
1. Presentatore
2. L’ambiente circostante e gli oggetti presenti
3. Le slide
ELEMENTI VISIBILI E VISIVI:

13. Alessandro Maculotti 13
Vestirsi in maniera adeguata
al proprio audience

15. Steve Jobs announces the microsoft deal - Macworld boston 1997

16. Alessandro Maculotti 16
È stata la cosa peggiore e più stupida che
abbia mai fatto in un evento.
Era un disastro, perché mi faceva sembrare
piccolo, faceva sembrare la Apple piccola,
alla mercé di Bill Gates.
“
Steve Jobs - Riguardo al MacWorld di Boston nel 1997

17. Le slide

18. 18Alessandro Maculotti
1
concetto alla volta
max 12
parole per slide

19. Alessandro Maculotti 19
Parlate al 100%
del cervello

20. Alessandro Maculotti 20
Dati, numeri,
informazioni e concetti

21. Alessandro Maculotti 21
Immagini, interazioni
e contenuti emozionali

22. Alessandro Maculotti 22
Inserire l’informazione principale al
centro o alle interruzioni dei terzi

23. 23Alessandro Maculotti
- Font: serif, san serif
- Dimensione carattere adeguata
- Non usate più di 3 font.
- Il comic sans?
USATE I PRINCIPI GRAFICI CHE AVETE IMPARATO

25. Alessandro Maculotti 25
- Colori freddi per lo sfondo, i colori caldi per i testi
- Scegliete i colori in base alle emozioni che volete su-
scitare nell’audience
- FlatUIColors
https://flatuicolors.com/
- Material Design:
https://material.google.com/style/color.html#color-color-palette
I COLORI

26. Alessandro Maculotti 26
Deribèrè: caratteri su fondo colorato.
Hello world!
Hello world!
Hello world!
1°
2°
3°
4°

27. Alessandro Maculotti 27
Testate sempre!

28. Alessandro Maculotti 28

29. Alessandro Maculotti 29
Punti Focali e Principi della Gestalt
DIMENSIONE FORMA RAREFATTA COLORE DISORDINE

30. Alessandro Maculotti 30
Don’t.
Rappresentare dati e numeri

31. Alessandro Maculotti 31
Rappresentare dati e numeri
Do

32. Errori comuni

33. Alessandro Maculotti 33
Don’t.
Riempire la pagina di troppo testo.

34. Alessandro Maculotti 34
Don’t.
Guardare solamente lo schermo.

35. Alessandro Maculotti 35
Don’t.
Usare troppe animazioni.

36. Alessandro Maculotti 36
Don’t.
Commettere refusi

37. Alessandro Maculotti 37
- Usare troppo testo
- Guardare solo lo schermo
- Usare troppi caratteri
- Essere poco consistenti
- Usare troppe animazioni
- Attenzzzione ai refusi
Don’t.

38. Alessandro Maculotti 38
La conclusione di un’esperienza
è molto importante

39. Workflow

40. Alessandro Maculotti 40
0. Capire il contesto, l’audience e avere chiaro l’obiettivo
1. Selezionare e strutturare i contenuti
2. Riorganizzare i contenuti secondo una struttura logica
3. Creare i layout della presentazione
4. Testare la presentazione
5. Revisione
WORKFLOW

41. Alessandro Maculotti 41
0. Capire il contesto, l’audience e avere chiaro l’obiettivo
1. Selezionare e strutturare i contenuti
2. Riorganizzare i contenuti secondo una struttura logica
3. Creare i layout della presentazione
4. Testare la presentazione
5. Revisione
WORKFLOW

42. Alessandro Maculotti 42
0. Capire il contesto, l’audience e avere chiaro l’obiettivo
1. Selezionare e strutturare i contenuti
2. Riorganizzare i contenuti secondo una struttura logica
3. Creare i layout della presentazione
4. Testare la presentazione
5. Revisione
WORKFLOW

43. Alessandro Maculotti 43
0. Capire il contesto, l’audience e avere chiaro l’obiettivo
1. Selezionare e strutturare i contenuti
2. Riorganizzare i contenuti secondo una struttura logica
3. Creare i layout della presentazione
4. Testare la presentazione
5. Revisione
WORKFLOW

44. Alessandro Maculotti 44
0. Capire il contesto, l’audience e avere chiaro l’obiettivo
1. Selezionare e strutturare i contenuti
2. Riorganizzare i contenuti secondo una struttura logica
3. Creare i layout della presentazione
4. Testare la presentazione
5. Revisione
WORKFLOW

45. Alessandro Maculotti 45
0. Capire il contesto, l’audience e avere chiaro l’obiettivo
1. Selezionare e strutturare i contenuti
2. Riorganizzare i contenuti secondo una struttura logica
3. Creare i layout della presentazione
4. Testare la presentazione
5. Revisione
WORKFLOW

46. Tools e Software

47. Alessandro Maculotti 47

48. Alessandro Maculotti 48
4-5 ERRORI:
1. Slide numero 3
2. Slide numero 5
3. Slide numero 19
4. Slide numero 19
5. Slide 24, 38:43

49. Missione compiuta.

50. CREDITS
- ICONS:
“Ninja“ Created by Romualdas Jurgaitis, slide 1
“Challange” icons created by Andrew Forrester, slide 3
“Slide“ Created by Icon Fair, slide 17
“Projector“ Created by Dan Hetteix, slide 27
“Oldman“ created by Oliviu Stoian, slide 32
“Workflow“ Created by Pablo Rozenberg, slide 39
“Brain“ inspired from a artworks of:
Sébastien Navizet https://dribbble.com/shots/1795172-Devarium-Brain-construction-grid
Alicia from Dribble https://dribbble.com/shots/2946551-Left-Brain-vs-Right-Brain
- PHOTO:
Slide 8 “PWES“ from gaspdesign - https://www.instagram.com/p/8V-9dWlcmU/?tagged=pwes6
- INSPIRATION AND SOURCES:
Steve Jobs di Walter Isaacson
Elementi di comunicazione visiva di Alberto Trussardi
How to pitch, talk di Daniele Radici a Startup Weekend - https:www.danieleradici.com
Ted Talk: Christopher Emdin: Teach teachers how to create magic