Il libro elettronico apre nuove sfide riguardo all'organizzazione e alla gestione del contenuto e dell'informazione. Abbiamo ripreso le tradizionali regole tipografiche che venivano applicate ai classici libri stampati senza, però, provare a sfruttare le nuove potenzialità degli ebook. Cosa possiamo fare per migliorare la fruizione del testo e il piacere della lettura attraverso gli ebook?

1. Layout e gestalt
del libro elettronico"

2. Importanza del libro
elettronico"
- Oggi Amazon vende più libri in formato
elettronico rispetto a quelli stampati"
- Le nuove ricerche confermano che non
c è differenza tra leggibilità tra libro
classico e libro elettronico"

3. Libro elettronico vs libro
classico"
- Limiti di spazio"
- Risoluzione dello schermo"
- Possibilità di cambiare il layout"
- Possibilità di accedere ad altre
informazioni e media"

4. Obiettivo n°1"
Cosa possiamo fare per migliorare
la leggibilità degli eBook?"

5. Leggibilità della calligrafia o del
carattere tipografico (legibility)!
Leggibilità come scorrevolezza
della lettura in funzione della
struttura linguistica (readability)"

6. Leggibilità e gestalt"
il principio della chiusura o della forma chiusa
"
"

7. C
"
"

8. C
O
"
"

9. Sans-serif" vs" Serif
C
O "
"
O
C ""
""

10. Sans-serif" vs" Serif
Più leggibile su monitor
Più leggibile su carta
bassa resoluzine"

11. eBook: Ritorno dello Serif!

12. Readability - Leggibilità come
scorrevolezza della lettura e
gestalt"

13. Potete leggere queste parole?"

14. Potete leggere queste parole?"

15. Potete leggere queste parole?"

16. Og_i è una bellis_ima gior_ata"

17. Per aumentare la leggibilità abbiamo
bisogno di più spazio tra le lettere, le
parole e le righe"

18. Helvetica
vs
Verdana
Ciao
Ciao"

19. Abbiamo bisogno di nuovi font
ottimizzati per l eBook"

20. Cominciare da minimo 16px per il testo"
12px Lorem ipsum dolor sit amet, consectetur adipiscing elit. 16px Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam
Aliquam ante lacus, pharetra in viverra mollis, viverra vitae ante lacus, pharetra in viverra mollis, viverra vitae quam. Duis
quam. Duis tempor mattis sem non vehicula. Aliquam nisi quam, tempor mattis sem non vehicula. Aliquam nisi quam, sollicitudin eget
sollicitudin eget rhoncus eget, convallis quis mauris." rhoncus eget, convallis quis mauris."

21. Interlinea più grande"
16px/1 Lorem ipsum dolor sit amet, consectetur adipiscing elit. 16px/1.3 Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Aliquam ante lacus, pharetra in viverra mollis, viverra vitae quam. Aliquam ante lacus, pharetra in viverra mollis, viverra vitae quam.
Duis tempor mattis sem non vehicula. Aliquam nisi quam, sollicitudin
eget rhoncus eget, convallis quis mauris." Duis tempor mattis sem non vehicula. Aliquam nisi quam, sollicitudin
eget rhoncus eget, convallis quis mauris."
16px/1.5 Lorem ipsum dolor sit amet, consectetur adipiscing elit. 16px/1.7 Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Aliquam ante lacus, pharetra in viverra mollis, viverra vitae quam. Aliquam ante lacus, pharetra in viverra mollis, viverra vitae quam.
Duis tempor mattis sem non vehicula. Aliquam nisi quam, sollicitudin
Duis tempor mattis sem non vehicula. Aliquam nisi quam, sollicitudin
eget rhoncus eget, convallis quis mauris."
eget rhoncus eget, convallis quis mauris."

22. Paragrafi ben definiti"
Prima" Dopo"
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam
ante lacus, pharetra in viverra mollis, viverra vitae quam. Duis ante lacus, pharetra in viverra mollis, viverra vitae quam. Duis
tempor mattis sem non vehicula. Aliquam nisi quam, sollicitudin eget tempor mattis sem non vehicula. Aliquam nisi quam, sollicitudin eget
rhoncus eget, convallis quis mauris." rhoncus eget, convallis quis mauris."
Praesent convallis, mauris at ultricies adipiscing, lacus est porttitor ->Praesent convallis, mauris at ultricies adipiscing, lacus est
nibh, vitae luctus libero dui at urna. Proin commodo venenatis porttitor nibh, vitae luctus libero dui at urna. Proin commodo
condimentum. Quisque dolor nunc, mattis in dapibus a, vulputate et venenatis condimentum. Quisque dolor nunc, mattis in dapibus a,
metus. Etiam lorem quam, dapibus eget auctor at, vehicula nec vulputate et metus. Etiam lorem quam, dapibus eget auctor at,
enim." vehicula nec enim."

23. Circa 60 caratteri per riga"
Font size(px)
Lungezza colona(px)
16
480
17
510
18
540
19
570
20
600
21
630

24. Carattere più grande
Spazio senza limiti
Interlinea più grande
Più spazio per i paragrafi
Schermo alta risoluzione
Font Serif(moderno)
il contenuto che si auto
adatta
Layout dinamico
la possibilità di cambiare layout
possibilità di accedere ai
servizi esterni

25. Grazie"