Design delle Informazioni
e ottimizzazione dei contenuti
Quali sono le migliori procedure per organizzare e disporre le informazioni delle notizie e i contenuti, per ottenere una maggiore fruibilità?

Qual’è è il problema?

Come rendere le informazioni più fruibili

Come rendere le informazioni più fruibili
=

Più chiare
Più leggibili
Più comprensibili
In grado di comunicare il messaggio
in maniera più veloce
Le informazioni sono più fruibili quando sono:

Ma come faccio a ottenere questi risultati?

Ecco, queste sono le variabili
a tua disposizione

Caratteri (tipografici)

Colore

Background

Disposizione
Image credit: http://coding.smashingmagazine.com/2007/01/12/free-css-layouts-and-templates/

Margini

Allineamenti

Coerenza

Tecniche

Tone down / Muting

Tone down / Muting
Spegnere
Attutire
Diminuire il volume

Tone down / Muting
Spegnere
Attutire
Diminuire il volume
Di tutto ciò che non è essenziale

Least Visible Difference

Free from Prison Bars!

Family Reunion

Family Reunion

Simplification

Integration

Color Coding

Data-Ink Ratio

Kingdom Battles

Serif 4 Stories

xxxx

Dal Make-Up all’Essenza

Dal Make-Up all’Essenza
Quanta roba inutile c’è in un tipico grafico statistico, che si può buttare via?

Questo è un grafico generato automaticamente da PowerPoint 2003

Cosa puoi togliere, modificare, semplificare, per rendere questo grafico più leggibile?

Guardalo bene e conta / prendi nota di quanti elementi “superflui” elimineresti /modificheresti

Quanti ne hai contati?

Ottimo!

Ora ti faccio vedere quanti ce ne sono veramente... Comincia a contare.

**Grafico originale**

Mossa n.1: Elimina le “prison bar” nel fondo

Mossa n.2: Elimina il background

Mossa n.3: “Semplifica la scala”

Mossa n.4: Elimina il 3D

Mossa n.5: Semplifico le etichette

Mossa n.6: Elimino la “baseline”

Mossa n.7: Utilizzo una font non “graziata”

Mossa n.8: Elimino i “bordi” dalle barre

Mossa n.9: Elimino la “legenda” per integrarla

Mossa n.9: Rimpiazzo i colori con delle “tinte”

Mossa n.10: Riporto le “prison bars” ma....

Mossa n.11: ...le faccio bianche

Mossa n.12: riporto le “etichette” ma semplificate

Mossa n.13: integro la legenda nel grafico

Mossa n.13: elimino la scala laterale, e...

Mossa n.14: integro i valori sulle barre

Mossa n.14: integro i valori sulle barre

Mossa n.15: titolo in maniera appropriata

www.MasterNewMedia.org
POP.robingood.it
Twitter.com/RobinGood
Facebook.com/RobinGood
Youtube.com/RobinGood
www.MasterNewMedia.it
Youtube.com/RobinGood_ITA
Facebook.com/RobinGoodItalia
Twitter.com/RobinGood_IT

Photo credits:

John Curny
Eleanor Goss
The Guardian – Paul Nook
Jeremy Stole