Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und Ihnen relevantere Inhalte anzuzeigen. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.
CONTENTDESIGN
Come vincere lo skimming test
@valefalci www.pennamontata.comVALENTINAFALCINELLI
AMORE
Valentina Falcinelli - @Valefalci
VISTA
a prima
Valentina Falcinelli - @Valefalci
love
Valentina Falcinelli - @Valefalci
love
Eternal
Valentina Falcinelli - @Valefalci
love
True
Valentina Falcinelli - @Valefalci
love
True
Mi chiamo
Page!
Valentina Falcinelli - @Valefalci
love
PageWeb
Valentina Falcinelli - @Valefalci
Valentina Falcinelli - @Valefalci
Valentina Falcinelli - @Valefalci
Valentina Falcinelli - @Valefalci
Valentina Falcinelli - @Valefalci
Valentina Falcinelli - @Valefalci
CI SONO TANTI BRUTTI TIPI Là fuori!
Valentina Falcinelli - @Valefalci
no easy way out
There’s	
  
Valentina Falcinelli - @Valefalci
Content design
L’unico modo per renderli
carini è il
Valentina Falcinelli - @Valefalci
TIPO
http://www.vox.com/2016/3/20/11264966/reza-aslan-interview
lui
Valentina Falcinelli - @Valefalci
lui
http://www.deutsch.com/about
TIPO
Valentina Falcinelli - @Valefalci
http://blog.hubspot.com/marketing/google-calendar-feature-goals
TIPO lui
Valentina Falcinelli - @Valefalci
https://medium.com/gone/one-month-on-the-worlds-longest-train-ride-for-1-000-a681fdaf0b6b
TIPO lui
Valentina Falcinelli - ...
ciò che
Valentina Falcinelli - @Valefalci
Skimming
LETTURA:
Scanning
Careful reading
Valentina Falcinelli - @Valefalci
allows people to do or find out what they need 
to simply and quickly using the most appropriate content format available. ...
User needs
(Gov.uk)
always starts with
content design
Valentina Falcinelli - @Valefalci
BISOGNI
delle
PersoneValentina Falcinelli - @Valefalci
Webpagetest
Valentina Falcinelli - @Valefalci 
The2hot4meguy
Webpagetest
ThelovelYguy
The2hot
4meguy
Valentina Falcinelli - @Valefalci
Webpagetest
Thecleanguy
ThelovelyguyThe2hot
4meguy
Valentina Falcinelli - @Valefalci
Webpagetest
The2hot
4meguy
Thelovelyguy
The2serious4meguy
Thecleanguy
Valentina Falcinelli - @Valefalci
The 2 serious 4 me guy
80% dei TESTER ha detto che
Non leggerebbe quel testo di nuovo
Tornerebbe a leggere una pagina così...
BONUS
TOOL
bit.ly/ScreenCastoMatic
Screencast-o-Matic
BONUS
TOOL
Get Smart Look 
bit.ly/SmartLook
The 2 serious 4 me guy
20% dei tester ha detto che
Ha apprezzato la pulizia della pagina
La pagina ha un aspetto serio e p...
STESSO CONTENuto
diverso design
The clean guyThe 2 serious 4 me guy
Valentina Falcinelli - @Valefalci
The CLEAN GUY
100% dei tester ha detto che
Ha letto lo stesso contenuto 2 volte più velocemente
Ha apprezzato gli screensh...
Use images only when they give useful additional context or information.
(Gov.uk)
“A picture of a computer keyboard when t...
EGLIscreenshot?
Valentina Falcinelli - @Valefalci
SCREENSHOT ESEMPI=
Valentina Falcinelli - @Valefalci
Perché ci piace
Il CLEAN GUY?
Valentina Falcinelli - @Valefalci
Semplicità vuol dire togliere
il superfluo.
Valentina Falcinelli - @Valefalci
Non l’essenziale.
Valentina Falcinelli - @Valefalci 
Semplicità vuol dire togliere
il superfluo.
simplicity serenity=
Valentina Falcinelli - @Valefalci
in step3
Valentina Falcinelli - @Valefalci
1. rIduci
Come posso renderlo più semplice?
Quanto complesso deve essere?
Chiediti:
Valentina Falcinelli - @Valefalci
Valentina Falcinelli - @Valefalci 
1. rIduci
YOU puoi sbagliare, ma S.H.E. ha sempre ragione!
1. rIducI
h
r
i
n
k
Valentina Falcinelli - @Valefalci 
YOU puoi sbagliare, ma S.H.E. ha sempre ragione!
1. riduci
h
r
i
n
k
i
d
e
Valentina Falcinelli - @Valefalci 
YOU puoi sbagliare, ma S.H.E. ha sempre ragione!
1. riduci
h
r
i
n
k
i
d
e
Valentina Falcinelli - @Valefalci
YOU puoi sbagliare, ma S.H.E. ha sempre ragione!
m
b
o
d
y
2. ORGANIZZA
Hai bisogno di uno S.L.I.P. 
Valentina Falcinelli - @Valefalci
2. ORGANIZZA
O
R
T
Valentina Falcinelli - @Valefalci 
Hai bisogno di uno S.L.I.P.
2. ORGANIZZA
O
R
T
Valentina Falcinelli - @Valefalci 
Hai bisogno di uno S.L.I.P. 
A
B
E
L
2. ORGANIZZA
O
R
T
Valentina Falcinelli - @Valefalci 
Hai bisogno di uno S.L.I.P. 
A
B
E
L
N
T
E
G
R
A
T
E
2. ORGANIZZA
O
R
T
Valentina Falcinelli - @Valefalci 
Hai bisogno di uno S.L.I.P. 
A
B
E
L
N
T
E
G
R
A
T
E
r
i
o
r
i
t
i
z...
3. TEMPO
Time saving
Valentina Falcinelli - @Valefalci
3. Tempo
Time saving
 Semplicità
Valentina Falcinelli - @Valefalci
3. tempo
Time saving
 Semplicità
Valentina Falcinelli - @Valefalci 
Gratitudine
3. tempo
Time saving
 Semplicità
Valentina Falcinelli - @Valefalci 
Gratitudine
 Felicità
Il clean guy semplicemente
mette il lettore al primo posto
RiDUCendo
Valentina Falcinelli - @Valefalci
RiDUCendo
Valentina Falcinelli - @Valefalci 
organizZANDO
Il clean guy semplicemente
mette il lettore al primo posto
Valentina Falcinelli - @Valefalci
The lovely guy
Degli screenshot 
Della struttura funzionale, ricca ma
semplice
Valentina Falcinelli - @Valefalci 
60% DEI ...
leggere
Questa pagina
È stato
piacevole
Hanno detto che
Valentina Falcinelli - @Valefalci
COME possiamo
Rendere gradevolI
Le nostre pagine?
Valentina Falcinelli - @Valefalci
4 consigli per una lettura gradevole
Righe brevi migliorano la leggibilità
Valentina Falcinelli - @Valefalci
4 consigli per una lettura gradevole
Righe brevi migliorano la leggibilità
Valentina Falcinelli - @Valefalci
Usa	
  paragr...
4 consigli per una lettura gradevole
Righe brevi migliorano la leggibilità
Valentina Falcinelli - @Valefalci
Usa	
  paragr...
4 consigli per una lettura gradevole
Righe brevi migliorano la leggibilità
Valentina Falcinelli - @Valefalci
Usa	
  paragr...
Una immagine utile?
Com’è fatta
Valentina Falcinelli - @Valefalci
Una immagine utile?
Com’è fatta
Valentina Falcinelli - @Valefalci 
Aggiunge valore al contenuto
Una immagine utile?
Com’è fatta
Valentina Falcinelli - @Valefalci 
Fa respirare il lettore
The 2 HOT 4 ME GUY
Degli screenshot 
Le foto amatoriali
Il dinamismo del contenuto
Valentina Falcinelli - @Valefalci 
30% ...
Qui c’è troppa roba
Valentina Falcinelli - @Valefalci
Troppi STili
Valentina Falcinelli - @Valefalci
Le immagini non sono
Coordinate tra di loro
Valentina Falcinelli - @Valefalci
Troppo hot, non professionale
The 2 hot 4 me guy 
 The 2 serious 4 me guy 
Valentina Falcinelli - @Valefalci
In media stat virtus
The lovely guy
 The clean guy
Valentina Falcinelli - @Valefalci
VUOI CONQUISTARE
il cuore
dei lettori?
Semplicità vuol dire eliminare
Il superfluo,
Non l’essenziale!
Valentina Falcinelli - @Valefalci
Soddisfa
i bisogni
dei lettori!
Valentina Falcinelli - @Valefalci
Guida
Gli occhi
del lettore!
Valentina Falcinelli - @Valefalci
Da’ priorità
- Visual e copy -
Alle informazioni
Valentina Falcinelli - @Valefalci
Sii CREDIBiLE,
Sii vero!Valentina Falcinelli - @Valefalci
AMA	
  i tuoi contenuti
Valentina Falcinelli - @Valefalci
dove
Valentina Falcinelli - @Valefalci
amore
diffondi
Valentina Falcinelli - @Valefalci
content
diffondi il
design
Valentina Falcinelli - @Valefalci
@valefalci www.pennamontata.com
VALENTINAFALCINELLI
GRAZIE!
Nächste SlideShare
Wird geladen in …5
×

CONTENT DESIGN. OLTRE LE PAROLE C'È DI PIÙ (Valentina Falcinelli)

Il workshop di Valentina Falcinelli (Direttore creativo @ Pennamontata, Content designer & strategist) a Creativity Day 2016, tappa di Reggio Emilia

  • Als Erste(r) kommentieren

CONTENT DESIGN. OLTRE LE PAROLE C'È DI PIÙ (Valentina Falcinelli)

  1. 1. CONTENTDESIGN Come vincere lo skimming test @valefalci www.pennamontata.comVALENTINAFALCINELLI
  2. 2. AMORE Valentina Falcinelli - @Valefalci
  3. 3. VISTA a prima Valentina Falcinelli - @Valefalci
  4. 4. love Valentina Falcinelli - @Valefalci
  5. 5. love Eternal Valentina Falcinelli - @Valefalci
  6. 6. love True Valentina Falcinelli - @Valefalci
  7. 7. love True Mi chiamo Page! Valentina Falcinelli - @Valefalci
  8. 8. love PageWeb Valentina Falcinelli - @Valefalci
  9. 9. Valentina Falcinelli - @Valefalci
  10. 10. Valentina Falcinelli - @Valefalci
  11. 11. Valentina Falcinelli - @Valefalci
  12. 12. Valentina Falcinelli - @Valefalci
  13. 13. Valentina Falcinelli - @Valefalci
  14. 14. CI SONO TANTI BRUTTI TIPI Là fuori! Valentina Falcinelli - @Valefalci
  15. 15. no easy way out There’s   Valentina Falcinelli - @Valefalci
  16. 16. Content design L’unico modo per renderli carini è il Valentina Falcinelli - @Valefalci
  17. 17. TIPO http://www.vox.com/2016/3/20/11264966/reza-aslan-interview lui Valentina Falcinelli - @Valefalci
  18. 18. lui http://www.deutsch.com/about TIPO Valentina Falcinelli - @Valefalci
  19. 19. http://blog.hubspot.com/marketing/google-calendar-feature-goals TIPO lui Valentina Falcinelli - @Valefalci
  20. 20. https://medium.com/gone/one-month-on-the-worlds-longest-train-ride-for-1-000-a681fdaf0b6b TIPO lui Valentina Falcinelli - @Valefalci
  21. 21. ciò che Valentina Falcinelli - @Valefalci
  22. 22. Skimming LETTURA: Scanning Careful reading Valentina Falcinelli - @Valefalci
  23. 23. allows people to do or find out what they need to simply and quickly using the most appropriate content format available. Good content design (Gov.uk) “ Valentina Falcinelli - @Valefalci
  24. 24. User needs (Gov.uk) always starts with content design Valentina Falcinelli - @Valefalci
  25. 25. BISOGNI delle PersoneValentina Falcinelli - @Valefalci
  26. 26. Webpagetest Valentina Falcinelli - @Valefalci The2hot4meguy
  27. 27. Webpagetest ThelovelYguy The2hot 4meguy Valentina Falcinelli - @Valefalci
  28. 28. Webpagetest Thecleanguy ThelovelyguyThe2hot 4meguy Valentina Falcinelli - @Valefalci
  29. 29. Webpagetest The2hot 4meguy Thelovelyguy The2serious4meguy Thecleanguy Valentina Falcinelli - @Valefalci
  30. 30. The 2 serious 4 me guy 80% dei TESTER ha detto che Non leggerebbe quel testo di nuovo Tornerebbe a leggere una pagina così solo se davvero necessario La pagina toglie il respiro Ha sentito la mancanza di spazi bianchi, paragrafi, bold, elenchi puntati Non ha guardato l’immagine perché è stock Il bold è ambiguo (sembra un link) Valentina Falcinelli - @Valefalci
  31. 31. BONUS TOOL bit.ly/ScreenCastoMatic Screencast-o-Matic
  32. 32. BONUS TOOL Get Smart Look bit.ly/SmartLook
  33. 33. The 2 serious 4 me guy 20% dei tester ha detto che Ha apprezzato la pulizia della pagina La pagina ha un aspetto serio e professionale Non leggerebbero di nuovo (THDR) Tornerebbe a leggere una pagina così solo se davvero necessario
  34. 34. STESSO CONTENuto diverso design The clean guyThe 2 serious 4 me guy Valentina Falcinelli - @Valefalci
  35. 35. The CLEAN GUY 100% dei tester ha detto che Ha letto lo stesso contenuto 2 volte più velocemente Ha apprezzato gli screenshot Ha trovato gli elenchi puntati molto utili per la comprensione del contenuto I paragrafi danno aria alla pagina Valentina Falcinelli - @Valefalci
  36. 36. Use images only when they give useful additional context or information. (Gov.uk) “A picture of a computer keyboard when talking about online services is probably not useful to users. A picture of a new state-of-the-art hospital when it’s opened probably is useful. Valentina Falcinelli - @Valefalci
  37. 37. EGLIscreenshot? Valentina Falcinelli - @Valefalci
  38. 38. SCREENSHOT ESEMPI= Valentina Falcinelli - @Valefalci
  39. 39. Perché ci piace Il CLEAN GUY? Valentina Falcinelli - @Valefalci
  40. 40. Semplicità vuol dire togliere il superfluo. Valentina Falcinelli - @Valefalci
  41. 41. Non l’essenziale. Valentina Falcinelli - @Valefalci Semplicità vuol dire togliere il superfluo.
  42. 42. simplicity serenity= Valentina Falcinelli - @Valefalci
  43. 43. in step3 Valentina Falcinelli - @Valefalci
  44. 44. 1. rIduci Come posso renderlo più semplice? Quanto complesso deve essere? Chiediti: Valentina Falcinelli - @Valefalci
  45. 45. Valentina Falcinelli - @Valefalci 1. rIduci YOU puoi sbagliare, ma S.H.E. ha sempre ragione!
  46. 46. 1. rIducI h r i n k Valentina Falcinelli - @Valefalci YOU puoi sbagliare, ma S.H.E. ha sempre ragione!
  47. 47. 1. riduci h r i n k i d e Valentina Falcinelli - @Valefalci YOU puoi sbagliare, ma S.H.E. ha sempre ragione!
  48. 48. 1. riduci h r i n k i d e Valentina Falcinelli - @Valefalci YOU puoi sbagliare, ma S.H.E. ha sempre ragione! m b o d y
  49. 49. 2. ORGANIZZA Hai bisogno di uno S.L.I.P. Valentina Falcinelli - @Valefalci
  50. 50. 2. ORGANIZZA O R T Valentina Falcinelli - @Valefalci Hai bisogno di uno S.L.I.P.
  51. 51. 2. ORGANIZZA O R T Valentina Falcinelli - @Valefalci Hai bisogno di uno S.L.I.P. A B E L
  52. 52. 2. ORGANIZZA O R T Valentina Falcinelli - @Valefalci Hai bisogno di uno S.L.I.P. A B E L N T E G R A T E
  53. 53. 2. ORGANIZZA O R T Valentina Falcinelli - @Valefalci Hai bisogno di uno S.L.I.P. A B E L N T E G R A T E r i o r i t i z e
  54. 54. 3. TEMPO Time saving Valentina Falcinelli - @Valefalci
  55. 55. 3. Tempo Time saving Semplicità Valentina Falcinelli - @Valefalci
  56. 56. 3. tempo Time saving Semplicità Valentina Falcinelli - @Valefalci Gratitudine
  57. 57. 3. tempo Time saving Semplicità Valentina Falcinelli - @Valefalci Gratitudine Felicità
  58. 58. Il clean guy semplicemente mette il lettore al primo posto RiDUCendo Valentina Falcinelli - @Valefalci
  59. 59. RiDUCendo Valentina Falcinelli - @Valefalci organizZANDO Il clean guy semplicemente mette il lettore al primo posto
  60. 60. Valentina Falcinelli - @Valefalci
  61. 61. The lovely guy Degli screenshot Della struttura funzionale, ricca ma semplice Valentina Falcinelli - @Valefalci 60% DEI tester ha amato questa pagina per via:
  62. 62. leggere Questa pagina È stato piacevole Hanno detto che Valentina Falcinelli - @Valefalci
  63. 63. COME possiamo Rendere gradevolI Le nostre pagine? Valentina Falcinelli - @Valefalci
  64. 64. 4 consigli per una lettura gradevole Righe brevi migliorano la leggibilità Valentina Falcinelli - @Valefalci
  65. 65. 4 consigli per una lettura gradevole Righe brevi migliorano la leggibilità Valentina Falcinelli - @Valefalci Usa  paragrafi,  bold,  elenchi  punta5
  66. 66. 4 consigli per una lettura gradevole Righe brevi migliorano la leggibilità Valentina Falcinelli - @Valefalci Usa  paragrafi,  bold,  elenchi  punta5 Usa  cara6eri  col  corpo  GRANDE
  67. 67. 4 consigli per una lettura gradevole Righe brevi migliorano la leggibilità Valentina Falcinelli - @Valefalci Usa  paragrafi,  bold,  elenchi  punta5 Usa  cara6eri  col  corpo  GRANDE Use  immagini  u5li  e  di  qualità
  68. 68. Una immagine utile? Com’è fatta Valentina Falcinelli - @Valefalci
  69. 69. Una immagine utile? Com’è fatta Valentina Falcinelli - @Valefalci Aggiunge valore al contenuto
  70. 70. Una immagine utile? Com’è fatta Valentina Falcinelli - @Valefalci Fa respirare il lettore
  71. 71. The 2 HOT 4 ME GUY Degli screenshot Le foto amatoriali Il dinamismo del contenuto Valentina Falcinelli - @Valefalci 30% dei tester ha amato questa pagina per via:
  72. 72. Qui c’è troppa roba Valentina Falcinelli - @Valefalci
  73. 73. Troppi STili Valentina Falcinelli - @Valefalci
  74. 74. Le immagini non sono Coordinate tra di loro Valentina Falcinelli - @Valefalci
  75. 75. Troppo hot, non professionale The 2 hot 4 me guy The 2 serious 4 me guy Valentina Falcinelli - @Valefalci
  76. 76. In media stat virtus The lovely guy The clean guy Valentina Falcinelli - @Valefalci
  77. 77. VUOI CONQUISTARE il cuore dei lettori?
  78. 78. Semplicità vuol dire eliminare Il superfluo, Non l’essenziale! Valentina Falcinelli - @Valefalci
  79. 79. Soddisfa i bisogni dei lettori! Valentina Falcinelli - @Valefalci
  80. 80. Guida Gli occhi del lettore! Valentina Falcinelli - @Valefalci
  81. 81. Da’ priorità - Visual e copy - Alle informazioni Valentina Falcinelli - @Valefalci
  82. 82. Sii CREDIBiLE, Sii vero!Valentina Falcinelli - @Valefalci
  83. 83. AMA  i tuoi contenuti Valentina Falcinelli - @Valefalci
  84. 84. dove Valentina Falcinelli - @Valefalci
  85. 85. amore diffondi Valentina Falcinelli - @Valefalci
  86. 86. content diffondi il design Valentina Falcinelli - @Valefalci
  87. 87. @valefalci www.pennamontata.com VALENTINAFALCINELLI GRAZIE!

×