SlideShare une entreprise Scribd logo
1  sur  29
Télécharger pour lire hors ligne
Facciamo delle slide migliori!
(aka Slide-o-logia e tipografia per developers)

un talk di Salvatore Laisa per
Perché un talk su come fare le slide?
Steve Jobs
Perché...
• ... sono un coder ma sono anche in parte designer
• ... dopo 4 anni che ci lavoro quotidianamente penso di averci capito qualcosina
• ... voglio imparare ancora
• ... lo spirito di Appsterdam è quello di condividere conoscenze
• ... non si usano i bullet point!
Di cosa parleremo

tipografia

transizioni

codice
storytelling

colori

templates
Le basi della “slideologia”
slide:ology - Nancy Duarte
Scopo di una presentazione
Le presentazioni sono storie.
Vanno trattate come tali, con la differenza che il messaggio deve essere il
più sintetico e immediato possibile e c’è una forte componente visuale.

immagine di Sean MacEntee
Il software è importante?
Keynote, Powerpoint, Google Drive (e altri ancora) sono solo strumenti.
E’ importante il contenuto, il modo in cui viene esposto e la chiarezza delle
foto e immagini.
Poi ovviamente un software con cui si ha familiarità è ancora meglio!
Le animazioni/transizioni sono importanti?
Le animazioni di elementi o transizioni di pagina possono rendere più
accattivante la presentazione e dare una “direzione” al discorso.
Possono risultare fastidiose se sono troppe, ingiustificate e sempre
diverse. Meglio poche, al giusto momento e riutilizzandole.
Basi di tipografia (digitale e non)
Willi Heidelbach CC-BY-SA-3.0 (http://creativecommons.org/licenses/by-sa/3.0/)
Graziato (serif)
Bastoni (sans-serif)
maiuscolo
ascendente

Tipografia
linea di base
discendente
Duis enim placerat nunc
purus rhoncus vut cras quis
interlinea

nascetur placerat in, urna,
sed, in. Lorem? Purus pid
4/5 pixel in più della dimensione del font
spessore

thin - 100

spessore

light/book - 200/300

spessore

regular - 400

spessore

medium - 500/600

spessore

bold - 700

spessore

black/ultra bold - 800/900
Quanto testo in una slide?
Il meno possibile.

!

Il concetto di una slide dovrebbe essere chiaro al pubblico nel giro di pochi
secondi. I testi richiedono più tempo di “elaborazione” delle immagini per il
nostro cervello.
Il codice nelle slide
Foto di Marjan Krebelj
Ha senso mettere codice nelle slide?
Principalmente... NO.

CODE ON SLIDES

ANOTHER REASON
TO HATE YOU
Perché no?
E’ molto difficile esprimere un concetto di programmazione in poche righe
di codice e metterne troppo porta a un tempo di lettura troppo elevato e
perdita di interesse del pubblico.

!

Se riuscite ad avere poco codice, evidenziate le parti di interesse
Le slide per i concetti
Per tutto il resto... ci sono le demo.
Fotografie, immagini e colori
foto di Bernat Casero
Qualità delle foto

VS
Dove reperire foto bbbuone
Evitate di prendere foto a caso da Google senza prima informarsi su
eventuali diritti (parziali o totatli).
Siti come iStockPhoto e PhotoDune vendono foto professionali a prezzi
accettabili, spesso il prezzo dipende dalla risoluzione della foto.
Su Flickr potete trovare molte foto con licenze Creative Commons, il più
delle volte è possibile utilizzare una foto con questa licenza citando l’autore.
In quanto tempo ne trovo una giusta?
Tanto tanto tanto tanto.

foto di ĐāżŦ {mostly absent}
Scegliere una palette di colori
Come le transizioni i colori da utilizzare nella presentazione dovrebbero
essere pochi ma buoni.
I due fattori principali da tenere in considerazione durante la scelta di una
palette di colori sono armonia (se i colori funzionano tra di loro) e contrasto
(se c’è leggibilità dei testi sugli sfondi).
Esempio

bella raga
tutto rego

bella raga
tutto rego
Non sono buono con i colori
Esistono Adobe Kuler e Colour Lovers.

!
Ma io non ho tempo di imparare queste cose
foto di Doug Wheller
Esistono i templates!
Ognuno deve affrontare il nemico che conosce meglio

• Template predefiniti - all’interno dei principali software
• Graphic river - template per PowerPoint e Keynote
• Flickr e iStockphoto - foto professionali per ogni tasca
• Commissionare un buon template a un designer...
ora sta a voi

fare delle slide migliori!
GRAZIE!
Domande? Risposte?

@moebiusmania | www.salvatorelaisa.net

font utilizzato: Roboto Sans

Contenu connexe

En vedette

Presentazioni efficaci
Presentazioni efficaci Presentazioni efficaci
Presentazioni efficaci Mattia Davì
 
Presentare con le immagini - conversazioni sulla comunicazione
Presentare con le immagini - conversazioni sulla comunicazionePresentare con le immagini - conversazioni sulla comunicazione
Presentare con le immagini - conversazioni sulla comunicazioneSandro Ghini
 
Immagini: istruzioni per l'uso
Immagini: istruzioni per l'usoImmagini: istruzioni per l'uso
Immagini: istruzioni per l'usoAlice Benini
 
L inno di Mameli
L inno di MameliL inno di Mameli
L inno di MameliDidaSfera
 
Lezione su presentazioni multimediali e Impress
Lezione su presentazioni multimediali e ImpressLezione su presentazioni multimediali e Impress
Lezione su presentazioni multimediali e Impresssonia montegiove
 
Il tricolore
Il tricoloreIl tricolore
Il tricoloreDidaSfera
 
Tutorial OpenOffice Writer, Impress
Tutorial OpenOffice Writer, ImpressTutorial OpenOffice Writer, Impress
Tutorial OpenOffice Writer, ImpressLuisanna Fiorini
 
Il Divino Power Point - di Simone Prinari
Il Divino Power Point - di Simone PrinariIl Divino Power Point - di Simone Prinari
Il Divino Power Point - di Simone PrinariSimone Prinari
 
Guida in italiano a Prezi (Classic)
Guida in italiano a Prezi (Classic)Guida in italiano a Prezi (Classic)
Guida in italiano a Prezi (Classic)Lorenzo Amadei
 
Come costruire una presentazione efficace
Come costruire una presentazione efficaceCome costruire una presentazione efficace
Come costruire una presentazione efficaceRubicom Partners
 
Presentation Design - How To Pitch Yourself
Presentation Design - How To Pitch YourselfPresentation Design - How To Pitch Yourself
Presentation Design - How To Pitch YourselfGabriele Garofalo
 
Trovare risorse su Slideshare
Trovare risorse su SlideshareTrovare risorse su Slideshare
Trovare risorse su SlideshareGiacomo Mason
 
Prima E Dopo. 11 consigli per migliorare l'impatto delle vostre slide
Prima E Dopo. 11 consigli per migliorare l'impatto delle vostre slidePrima E Dopo. 11 consigli per migliorare l'impatto delle vostre slide
Prima E Dopo. 11 consigli per migliorare l'impatto delle vostre slideGiacomo Mason
 
Comunicare con le slides
Comunicare con le slidesComunicare con le slides
Comunicare con le slidesluisamarini
 
Powerpoint e il fascino morboso dello sfondo
Powerpoint e il fascino morboso dello sfondoPowerpoint e il fascino morboso dello sfondo
Powerpoint e il fascino morboso dello sfondoGiacomo Mason
 
Fight the Power(point)!
Fight the Power(point)!Fight the Power(point)!
Fight the Power(point)!Todd Reubold
 

En vedette (20)

Presentazioni efficaci
Presentazioni efficaci Presentazioni efficaci
Presentazioni efficaci
 
Presentare con le immagini - conversazioni sulla comunicazione
Presentare con le immagini - conversazioni sulla comunicazionePresentare con le immagini - conversazioni sulla comunicazione
Presentare con le immagini - conversazioni sulla comunicazione
 
Oltre i punti elenco
Oltre i punti elencoOltre i punti elenco
Oltre i punti elenco
 
Immagini: istruzioni per l'uso
Immagini: istruzioni per l'usoImmagini: istruzioni per l'uso
Immagini: istruzioni per l'uso
 
L inno di Mameli
L inno di MameliL inno di Mameli
L inno di Mameli
 
Lezione su presentazioni multimediali e Impress
Lezione su presentazioni multimediali e ImpressLezione su presentazioni multimediali e Impress
Lezione su presentazioni multimediali e Impress
 
Il tricolore
Il tricoloreIl tricolore
Il tricolore
 
Un Racconto Per Immagini
Un Racconto Per ImmaginiUn Racconto Per Immagini
Un Racconto Per Immagini
 
Tutorial OpenOffice Writer, Impress
Tutorial OpenOffice Writer, ImpressTutorial OpenOffice Writer, Impress
Tutorial OpenOffice Writer, Impress
 
Il Divino Power Point - di Simone Prinari
Il Divino Power Point - di Simone PrinariIl Divino Power Point - di Simone Prinari
Il Divino Power Point - di Simone Prinari
 
Presentare con le immagini
Presentare con le immaginiPresentare con le immagini
Presentare con le immagini
 
Guida in italiano a Prezi (Classic)
Guida in italiano a Prezi (Classic)Guida in italiano a Prezi (Classic)
Guida in italiano a Prezi (Classic)
 
Come costruire una presentazione efficace
Come costruire una presentazione efficaceCome costruire una presentazione efficace
Come costruire una presentazione efficace
 
Presentation Design - How To Pitch Yourself
Presentation Design - How To Pitch YourselfPresentation Design - How To Pitch Yourself
Presentation Design - How To Pitch Yourself
 
Trovare risorse su Slideshare
Trovare risorse su SlideshareTrovare risorse su Slideshare
Trovare risorse su Slideshare
 
Prima E Dopo. 11 consigli per migliorare l'impatto delle vostre slide
Prima E Dopo. 11 consigli per migliorare l'impatto delle vostre slidePrima E Dopo. 11 consigli per migliorare l'impatto delle vostre slide
Prima E Dopo. 11 consigli per migliorare l'impatto delle vostre slide
 
Introduzione a Slideshare
Introduzione a SlideshareIntroduzione a Slideshare
Introduzione a Slideshare
 
Comunicare con le slides
Comunicare con le slidesComunicare con le slides
Comunicare con le slides
 
Powerpoint e il fascino morboso dello sfondo
Powerpoint e il fascino morboso dello sfondoPowerpoint e il fascino morboso dello sfondo
Powerpoint e il fascino morboso dello sfondo
 
Fight the Power(point)!
Fight the Power(point)!Fight the Power(point)!
Fight the Power(point)!
 

Similaire à Facciamo delle slide migliori!

Realizzare un portfolio con il cellulare
Realizzare un portfolio con il cellulareRealizzare un portfolio con il cellulare
Realizzare un portfolio con il cellulareIsabella Bruni
 
Il formato delle immagini
Il formato delle immaginiIl formato delle immagini
Il formato delle immaginicologno1959
 
PHP, non lo stesso vecchio linguaggio
PHP, non lo stesso vecchio linguaggioPHP, non lo stesso vecchio linguaggio
PHP, non lo stesso vecchio linguaggioMassimiliano Arione
 
Lean presentation design
Lean presentation design Lean presentation design
Lean presentation design Filippo Scorza
 
Presentazioni efficaci
Presentazioni efficaciPresentazioni efficaci
Presentazioni efficacimachi67
 
Le basi della SEO | Quando il posizionamento ha un'anima
Le basi della SEO | Quando il posizionamento ha un'animaLe basi della SEO | Quando il posizionamento ha un'anima
Le basi della SEO | Quando il posizionamento ha un'animaMichele Franzese
 
Sketch per la prototipazione - Lesson 1
Sketch per la prototipazione - Lesson 1Sketch per la prototipazione - Lesson 1
Sketch per la prototipazione - Lesson 1Edoardo Sportelli
 
Blogging basics
Blogging basicsBlogging basics
Blogging basicsStep4
 
Wordpress 3/7. temi e plugin
Wordpress 3/7. temi e pluginWordpress 3/7. temi e plugin
Wordpress 3/7. temi e pluginCity Planner
 
Comunicare dati con l'infografica
Comunicare dati con l'infograficaComunicare dati con l'infografica
Comunicare dati con l'infograficaPietro Izzo
 
Laboratorio internet 8: Visual design
Laboratorio internet 8: Visual designLaboratorio internet 8: Visual design
Laboratorio internet 8: Visual designRoberto Polillo
 
BEST PRACTICES PER EVITARE GLI ERRORI PIÙ GRAVI QUANDO SI STAMPA ONLINE (Gio...
 BEST PRACTICES PER EVITARE GLI ERRORI PIÙ GRAVI QUANDO SI STAMPA ONLINE (Gio... BEST PRACTICES PER EVITARE GLI ERRORI PIÙ GRAVI QUANDO SI STAMPA ONLINE (Gio...
BEST PRACTICES PER EVITARE GLI ERRORI PIÙ GRAVI QUANDO SI STAMPA ONLINE (Gio...InSide Training
 
Tips x creare una Presentazione Efficace
Tips x creare una Presentazione EfficaceTips x creare una Presentazione Efficace
Tips x creare una Presentazione EfficaceMarilina Roccasalva
 
Formazione videomaking
Formazione videomakingFormazione videomaking
Formazione videomakingTania Bozhova
 
BEST PRACTICES PER EVITARE GLI ERRORI PIÙ GRAVI QUANDO SI STAMPA ONLINE (Giov...
BEST PRACTICES PER EVITARE GLI ERRORI PIÙ GRAVI QUANDO SI STAMPA ONLINE (Giov...BEST PRACTICES PER EVITARE GLI ERRORI PIÙ GRAVI QUANDO SI STAMPA ONLINE (Giov...
BEST PRACTICES PER EVITARE GLI ERRORI PIÙ GRAVI QUANDO SI STAMPA ONLINE (Giov...InSide Training
 
slide chiare, efficaci e comprensibili a scuola
slide chiare, efficaci e comprensibili a scuolaslide chiare, efficaci e comprensibili a scuola
slide chiare, efficaci e comprensibili a scuolaAlberto Ardizzone
 
Grazzi elisa 2011-2012.presentazione
Grazzi elisa 2011-2012.presentazioneGrazzi elisa 2011-2012.presentazione
Grazzi elisa 2011-2012.presentazioneElisa Grazzi
 

Similaire à Facciamo delle slide migliori! (20)

Realizzare un portfolio con il cellulare
Realizzare un portfolio con il cellulareRealizzare un portfolio con il cellulare
Realizzare un portfolio con il cellulare
 
Il formato delle immagini
Il formato delle immaginiIl formato delle immagini
Il formato delle immagini
 
PHP, non lo stesso vecchio linguaggio
PHP, non lo stesso vecchio linguaggioPHP, non lo stesso vecchio linguaggio
PHP, non lo stesso vecchio linguaggio
 
Lean presentation design
Lean presentation design Lean presentation design
Lean presentation design
 
Presentazioni efficaci
Presentazioni efficaciPresentazioni efficaci
Presentazioni efficaci
 
Scrivere per il web
Scrivere per il webScrivere per il web
Scrivere per il web
 
Le basi della SEO | Quando il posizionamento ha un'anima
Le basi della SEO | Quando il posizionamento ha un'animaLe basi della SEO | Quando il posizionamento ha un'anima
Le basi della SEO | Quando il posizionamento ha un'anima
 
Sketch per la prototipazione - Lesson 1
Sketch per la prototipazione - Lesson 1Sketch per la prototipazione - Lesson 1
Sketch per la prototipazione - Lesson 1
 
Blogging basics
Blogging basicsBlogging basics
Blogging basics
 
Wordpress 3/7. temi e plugin
Wordpress 3/7. temi e pluginWordpress 3/7. temi e plugin
Wordpress 3/7. temi e plugin
 
Comunicare dati con l'infografica
Comunicare dati con l'infograficaComunicare dati con l'infografica
Comunicare dati con l'infografica
 
Laboratorio internet 8: Visual design
Laboratorio internet 8: Visual designLaboratorio internet 8: Visual design
Laboratorio internet 8: Visual design
 
BEST PRACTICES PER EVITARE GLI ERRORI PIÙ GRAVI QUANDO SI STAMPA ONLINE (Gio...
 BEST PRACTICES PER EVITARE GLI ERRORI PIÙ GRAVI QUANDO SI STAMPA ONLINE (Gio... BEST PRACTICES PER EVITARE GLI ERRORI PIÙ GRAVI QUANDO SI STAMPA ONLINE (Gio...
BEST PRACTICES PER EVITARE GLI ERRORI PIÙ GRAVI QUANDO SI STAMPA ONLINE (Gio...
 
Tips x creare una Presentazione Efficace
Tips x creare una Presentazione EfficaceTips x creare una Presentazione Efficace
Tips x creare una Presentazione Efficace
 
Formazione videomaking
Formazione videomakingFormazione videomaking
Formazione videomaking
 
BEST PRACTICES PER EVITARE GLI ERRORI PIÙ GRAVI QUANDO SI STAMPA ONLINE (Giov...
BEST PRACTICES PER EVITARE GLI ERRORI PIÙ GRAVI QUANDO SI STAMPA ONLINE (Giov...BEST PRACTICES PER EVITARE GLI ERRORI PIÙ GRAVI QUANDO SI STAMPA ONLINE (Giov...
BEST PRACTICES PER EVITARE GLI ERRORI PIÙ GRAVI QUANDO SI STAMPA ONLINE (Giov...
 
Radiologia Digitale
Radiologia DigitaleRadiologia Digitale
Radiologia Digitale
 
Cosa si fa con rhino
Cosa si fa con rhinoCosa si fa con rhino
Cosa si fa con rhino
 
slide chiare, efficaci e comprensibili a scuola
slide chiare, efficaci e comprensibili a scuolaslide chiare, efficaci e comprensibili a scuola
slide chiare, efficaci e comprensibili a scuola
 
Grazzi elisa 2011-2012.presentazione
Grazzi elisa 2011-2012.presentazioneGrazzi elisa 2011-2012.presentazione
Grazzi elisa 2011-2012.presentazione
 

Plus de Appsterdam Milan

Plus de Appsterdam Milan (18)

App Store Optimisation
App Store OptimisationApp Store Optimisation
App Store Optimisation
 
iOS Accessibility
iOS AccessibilityiOS Accessibility
iOS Accessibility
 
Lean Startup in Action
Lean Startup in ActionLean Startup in Action
Lean Startup in Action
 
Giocare con il fuoco: Firebase
Giocare con il fuoco: FirebaseGiocare con il fuoco: Firebase
Giocare con il fuoco: Firebase
 
Data visualization e fitness app!
Data visualization e fitness app!Data visualization e fitness app!
Data visualization e fitness app!
 
iBeacon, il faro a bassa energia...
iBeacon, il faro a bassa energia...iBeacon, il faro a bassa energia...
iBeacon, il faro a bassa energia...
 
Fitness for developer
Fitness for developerFitness for developer
Fitness for developer
 
Follow the UX path
Follow the UX pathFollow the UX path
Follow the UX path
 
Dalla black box alla scatola nera
Dalla black box alla scatola neraDalla black box alla scatola nera
Dalla black box alla scatola nera
 
Java Search Engine Framework
Java Search Engine FrameworkJava Search Engine Framework
Java Search Engine Framework
 
iOS design patterns: blocks
iOS design patterns: blocksiOS design patterns: blocks
iOS design patterns: blocks
 
Multithreading in Java
Multithreading in JavaMultithreading in Java
Multithreading in Java
 
Data binding libera tutti!
Data binding libera tutti!Data binding libera tutti!
Data binding libera tutti!
 
Speech for Windows Phone 8
Speech for Windows Phone 8Speech for Windows Phone 8
Speech for Windows Phone 8
 
Web frameworks
Web frameworksWeb frameworks
Web frameworks
 
Interfacciamento di iPhone ed iPad
Interfacciamento di iPhone ed iPadInterfacciamento di iPhone ed iPad
Interfacciamento di iPhone ed iPad
 
Design patterns
Design patternsDesign patterns
Design patterns
 
Appsterdam Milan Winter Launch
Appsterdam Milan Winter LaunchAppsterdam Milan Winter Launch
Appsterdam Milan Winter Launch
 

Facciamo delle slide migliori!

  • 1. Facciamo delle slide migliori! (aka Slide-o-logia e tipografia per developers) un talk di Salvatore Laisa per
  • 2. Perché un talk su come fare le slide? Steve Jobs
  • 3. Perché... • ... sono un coder ma sono anche in parte designer • ... dopo 4 anni che ci lavoro quotidianamente penso di averci capito qualcosina • ... voglio imparare ancora • ... lo spirito di Appsterdam è quello di condividere conoscenze • ... non si usano i bullet point!
  • 5. Le basi della “slideologia” slide:ology - Nancy Duarte
  • 6. Scopo di una presentazione Le presentazioni sono storie. Vanno trattate come tali, con la differenza che il messaggio deve essere il più sintetico e immediato possibile e c’è una forte componente visuale. immagine di Sean MacEntee
  • 7. Il software è importante? Keynote, Powerpoint, Google Drive (e altri ancora) sono solo strumenti. E’ importante il contenuto, il modo in cui viene esposto e la chiarezza delle foto e immagini. Poi ovviamente un software con cui si ha familiarità è ancora meglio!
  • 8. Le animazioni/transizioni sono importanti? Le animazioni di elementi o transizioni di pagina possono rendere più accattivante la presentazione e dare una “direzione” al discorso. Possono risultare fastidiose se sono troppe, ingiustificate e sempre diverse. Meglio poche, al giusto momento e riutilizzandole.
  • 9. Basi di tipografia (digitale e non) Willi Heidelbach CC-BY-SA-3.0 (http://creativecommons.org/licenses/by-sa/3.0/)
  • 12. Duis enim placerat nunc purus rhoncus vut cras quis interlinea nascetur placerat in, urna, sed, in. Lorem? Purus pid 4/5 pixel in più della dimensione del font
  • 13. spessore thin - 100 spessore light/book - 200/300 spessore regular - 400 spessore medium - 500/600 spessore bold - 700 spessore black/ultra bold - 800/900
  • 14. Quanto testo in una slide? Il meno possibile. ! Il concetto di una slide dovrebbe essere chiaro al pubblico nel giro di pochi secondi. I testi richiedono più tempo di “elaborazione” delle immagini per il nostro cervello.
  • 15. Il codice nelle slide Foto di Marjan Krebelj
  • 16. Ha senso mettere codice nelle slide? Principalmente... NO. CODE ON SLIDES ANOTHER REASON TO HATE YOU
  • 17. Perché no? E’ molto difficile esprimere un concetto di programmazione in poche righe di codice e metterne troppo porta a un tempo di lettura troppo elevato e perdita di interesse del pubblico. ! Se riuscite ad avere poco codice, evidenziate le parti di interesse
  • 18. Le slide per i concetti Per tutto il resto... ci sono le demo.
  • 19. Fotografie, immagini e colori foto di Bernat Casero
  • 21. Dove reperire foto bbbuone Evitate di prendere foto a caso da Google senza prima informarsi su eventuali diritti (parziali o totatli). Siti come iStockPhoto e PhotoDune vendono foto professionali a prezzi accettabili, spesso il prezzo dipende dalla risoluzione della foto. Su Flickr potete trovare molte foto con licenze Creative Commons, il più delle volte è possibile utilizzare una foto con questa licenza citando l’autore.
  • 22. In quanto tempo ne trovo una giusta? Tanto tanto tanto tanto. foto di ĐāżŦ {mostly absent}
  • 23. Scegliere una palette di colori Come le transizioni i colori da utilizzare nella presentazione dovrebbero essere pochi ma buoni. I due fattori principali da tenere in considerazione durante la scelta di una palette di colori sono armonia (se i colori funzionano tra di loro) e contrasto (se c’è leggibilità dei testi sugli sfondi).
  • 25. Non sono buono con i colori Esistono Adobe Kuler e Colour Lovers. !
  • 26. Ma io non ho tempo di imparare queste cose foto di Doug Wheller
  • 27. Esistono i templates! Ognuno deve affrontare il nemico che conosce meglio • Template predefiniti - all’interno dei principali software • Graphic river - template per PowerPoint e Keynote • Flickr e iStockphoto - foto professionali per ogni tasca • Commissionare un buon template a un designer...
  • 28. ora sta a voi fare delle slide migliori!
  • 29. GRAZIE! Domande? Risposte? @moebiusmania | www.salvatorelaisa.net font utilizzato: Roboto Sans