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

CONTENTDESIGN
Come vincere lo skimming test
@valefalci www.pennamontata.comVALENTINAFALCINELLI

AMORE
Valentina Falcinelli - @Valefalci

VISTA
a prima

love

love
Eternal

love
True

love
True
Mi chiamo
Page!

love
PageWeb

CI SONO TANTI BRUTTI TIPI Là fuori!

no easy way out
There’s


Content design
L’unico modo per renderli
carini è il

TIPO
http://www.vox.com/2016/3/20/11264966/reza-aslan-interview
lui

lui
http://www.deutsch.com/about
TIPO

http://blog.hubspot.com/marketing/google-calendar-feature-goals
TIPO lui

https://medium.com/gone/one-month-on-the-worlds-longest-train-ride-for-1-000-a681fdaf0b6b
TIPO lui

ciò che

Skimming
LETTURA:
Scanning
Careful reading

allows people to do or ﬁnd out what they need
to simply and quickly using the most appropriate content format available.
Good content design
(Gov.uk)
“

User needs
(Gov.uk)
always starts with
content design

BISOGNI
delle
PersoneValentina Falcinelli - @Valefalci

Webpagetest
The2hot4meguy

Webpagetest
ThelovelYguy
The2hot
4meguy

Webpagetest
Thecleanguy
ThelovelyguyThe2hot
4meguy

Webpagetest
The2hot
4meguy
Thelovelyguy
The2serious4meguy
Thecleanguy

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, paragraﬁ, bold, elenchi puntati
Non ha guardato l’immagine perché è stock
Il bold è ambiguo (sembra un link)

BONUS
TOOL
bit.ly/ScreenCastoMatic
Screencast-o-Matic

BONUS
TOOL
Get Smart Look
bit.ly/SmartLook

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

STESSO CONTENuto
diverso design
The clean guyThe 2 serious 4 me guy

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 paragraﬁ danno aria alla pagina

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.

EGLIscreenshot?

SCREENSHOT ESEMPI=

Perché ci piace
Il CLEAN GUY?

Semplicità vuol dire togliere
il superfluo.

Non l’essenziale.
Semplicità vuol dire togliere
il superfluo.

simplicity serenity=

in step3

1. rIduci
Come posso renderlo più semplice?
Quanto complesso deve essere?
Chiediti:

1. rIduci
YOU puoi sbagliare, ma S.H.E. ha sempre ragione!

1. rIducI
h
r
i
n
k

1. riduci
h
r
i
n
k
i
d
e

1. riduci
h
r
i
n
k
i
d
e
m
b
o
d
y

2. ORGANIZZA
Hai bisogno di uno S.L.I.P.

2. ORGANIZZA
O
R
T

2. ORGANIZZA
O
R
T
A
B
E
L

2. ORGANIZZA
O
R
T
A
B
E
L
N
T
E
G
R
A
T
E

2. ORGANIZZA
O
R
T
A
B
E
L
N
T
E
G
R
A
T
E
r
i
o
r
i
t
i
z
e

3. TEMPO
Time saving

3. Tempo
Time saving
Semplicità

3. tempo
Time saving
Semplicità
Gratitudine

3. tempo
Time saving
Semplicità
Gratitudine
Felicità

Il clean guy semplicemente
mette il lettore al primo posto
RiDUCendo

RiDUCendo
organizZANDO
Il clean guy semplicemente
mette il lettore al primo posto

The lovely guy
Degli screenshot
Della struttura funzionale, ricca ma
semplice
60% DEI tester ha amato questa pagina per via:

leggere
Questa pagina
È stato
piacevole
Hanno detto che

COME possiamo
Rendere gradevolI
Le nostre pagine?

4 consigli per una lettura gradevole
Righe brevi migliorano la leggibilità

Usa
paragraﬁ,
bold,
elenchi
punta5

Usa
paragraﬁ,
bold,
elenchi
punta5
Usa
cara6eri
col
corpo
GRANDE

Usa
paragraﬁ,
bold,
elenchi
punta5
Usa
cara6eri
col
corpo
GRANDE
Use
immagini
u5li
e
di
qualità

Una immagine utile?
Com’è fatta

Una immagine utile?
Com’è fatta
Aggiunge valore al contenuto

Una immagine utile?
Com’è fatta
Fa respirare il lettore

The 2 HOT 4 ME GUY
Degli screenshot
Le foto amatoriali
Il dinamismo del contenuto
30% dei tester ha amato questa pagina per via:

Qui c’è troppa roba

Troppi STili

Le immagini non sono
Coordinate tra di loro

Troppo hot, non professionale
The 2 hot 4 me guy

In media stat virtus
The lovely guy
The clean guy

VUOI CONQUISTARE
il cuore
dei lettori?

Semplicità vuol dire eliminare
Il superfluo,
Non l’essenziale!

Soddisfa
i bisogni
dei lettori!

Guida
Gli occhi
del lettore!

Da’ priorità
- Visual e copy -
Alle informazioni

Sii CREDIBiLE,
Sii vero!Valentina Falcinelli - @Valefalci

AMA
i tuoi contenuti

dove

amore
diffondi

content
diffondi il
design

@valefalci www.pennamontata.com
VALENTINAFALCINELLI
GRAZIE!

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

Recomendados

Recomendados

Mais conteúdo relacionado

Destaque

Destaque (20)

Mais de InSide Training

Mais de InSide Training (18)

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